.ai-section { position:relative; min-height:660px; overflow:hidden; padding:98px clamp(22px,6vw,96px); display:grid; grid-template-columns:1fr 1fr; gap:clamp(46px,9vw,140px); align-items:center; color:#fff; background:radial-gradient(90% 120% at 85% 16%,rgba(104,188,255,.36),transparent 51%),radial-gradient(70% 80% at 3% 100%,rgba(200,86,255,.3),transparent 58%),linear-gradient(135deg,#152849,#13142d 53%,#162b53); }.ai-section::before { content:""; position:absolute; inset:0; opacity:.25; background:linear-gradient(120deg,transparent 23%,rgba(255,255,255,.16) 45%,transparent 57%); }.ai-section-copy { position:relative; z-index:1; max-width:480px; justify-self:end; }.ai-section .eyebrow { color:#aee5ff; }.ai-section h2 { margin:0 0 20px; font-size:clamp(43px,5vw,68px); line-height:.99; letter-spacing:-.067em; }.ai-section h2 span { background:linear-gradient(94deg,#ff72bb,#ffbb5f 35%,#6ddcff 73%,#a99cff); -webkit-background-clip:text; background-clip:text; color:transparent; }.ai-section-copy>p:not(.eyebrow) { margin:0; color:#d2dced; font-size:19px; line-height:1.5; }.ai-trust { display:flex; gap:11px; align-items:flex-start; margin-top:25px; padding:14px 16px; border:1px solid rgba(183,223,255,.2); border-radius:15px; background:rgba(255,255,255,.08); backdrop-filter:blur(10px); }.ai-trust>span { color:#81dbff; font-size:18px; line-height:1.3; }.ai-trust p { margin:0; color:#dce8f9; font-size:13px; line-height:1.45; }.ai-phone-wrap { position:relative; z-index:1; min-height:455px; display:grid; place-items:center; }.ai-phone-wrap::before { content:""; position:absolute; width:430px; height:430px; border-radius:50%; background:radial-gradient(circle,rgba(113,209,255,.32),rgba(211,107,255,.16) 40%,transparent 70%); }.ai-phone { width:238px; aspect-ratio:1206/2622; border:7px solid #12161d; border-radius:39px; background:#12161d; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 35px 55px rgba(0,0,0,.33); }.ai-phone img { width:100%; height:100%; object-fit:cover; border-radius:32px; }.ai-phone::after { box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
@media (max-width:800px) { .ai-section { min-height:0; padding:84px 22px; grid-template-columns:1fr; gap:36px; }.ai-section-copy { justify-self:start; }.ai-phone-wrap { min-height:430px; }.ai-phone { width:220px; } }
@media (max-width:480px) { .ai-section { padding:72px 22px; }.ai-section h2 { font-size:43px; }.ai-section-copy>p:not(.eyebrow) { font-size:17px; }.ai-phone-wrap { min-height:390px; }.ai-phone-wrap::before { width:350px; height:350px; }.ai-phone { width:198px; border-width:6px; border-radius:33px; }.ai-phone img { border-radius:27px; } }