@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url('inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:600 800;font-display:swap;src:url('manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:600 800;font-display:swap;src:url('manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#080d18;--bg2:#0b1220;--panel:#101a2e;--panel2:#0d1628;--panel3:#14213a;--line:#223450;--line2:#2d4568;--text:#f6f8fc;--soft:#c8d1df;--muted:#8f9db1;--cyan:#3fc4ff;--blue:#3677ff;--blue2:#234cb6;--green:#19d49a;--purple:#aa5cff;--danger:#ff6d87;--max:1180px;--shadow:0 24px 70px rgba(0,0,0,.34)}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:110px 0;position:relative}.section.dark{background:var(--bg2);border-block:1px solid rgba(63,196,255,.06)}.section-head{max-width:780px;margin-bottom:48px}.kicker{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.kicker:before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:2px}.section h2{font:800 clamp(2.1rem,4.7vw,4rem)/1.05 Manrope,sans-serif;letter-spacing:-.045em;margin:13px 0 17px}.section-head p{color:var(--muted);font-size:1.04rem;margin:0;max-width:660px}.gradient{background:linear-gradient(100deg,#fff 20%,var(--cyan) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
    .top-progress{position:fixed;z-index:100;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 13px var(--cyan)}
    .header{position:fixed;z-index:90;inset:0 0 auto;background:rgba(8,13,24,.8);border-bottom:1px solid rgba(99,140,196,.17);backdrop-filter:blur(18px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap}.logo-mark{width:43px;height:43px;border-radius:11px;border:1px solid #213655;background:linear-gradient(145deg,#101a2e,#0b1323);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 9px 25px rgba(0,0,0,.22);display:grid;place-items:center}.logo-mark svg{width:30px;height:30px}.logo-type{display:flex;flex-direction:column;line-height:1}.logo-main{font:800 1.1rem Manrope,sans-serif;letter-spacing:.015em}.logo-main b{color:var(--cyan);font-weight:600}.logo-sub{margin-top:6px;color:var(--muted);font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{text-decoration:none;color:#b3bfd0;font-size:.84rem;font-weight:600;transition:.2s}.nav-links a:hover,.nav-links a.active{color:var(--cyan)}.nav-contact{display:flex;align-items:center;gap:7px}.nav-contact a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid #294566;border-radius:8px;background:rgba(16,26,46,.72);color:#dcecff!important;font:750 .7rem Manrope,Inter,system-ui,sans-serif;white-space:nowrap}.nav-phone{padding:7px 10px}.nav-phone .nav-phone-icon{margin-right:6px;color:var(--cyan);font-size:.78rem}.nav-contact a:hover{border-color:var(--cyan);background:#12233a;color:#fff!important}.nav-cta{padding:9px 13px;border:1px solid var(--line2);border-radius:9px;color:white!important;background:#101a2e}.menu-btn{display:none;background:transparent;border:0;color:white;font-size:1.45rem;cursor:pointer}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 19px;border-radius:9px;text-decoration:none;border:1px solid transparent;font-weight:800;font-size:.9rem;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),#1eaee9);box-shadow:0 10px 26px rgba(34,133,238,.2);color:#fff}.btn-primary:hover{box-shadow:0 13px 32px rgba(34,133,238,.3)}.btn-ghost{background:#101a2e;border-color:var(--line2);color:#fff}.btn-ghost:hover{border-color:var(--cyan)}.btn-sm{min-height:42px;padding:9px 14px;font-size:.8rem}
    .hero{min-height:720px;padding:126px 0 68px;position:relative;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(57,111,179,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(57,111,179,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 0,transparent 80%)}.hero:after{content:"";position:absolute;width:700px;height:520px;right:-160px;top:-150px;background:radial-gradient(circle,rgba(36,117,255,.13),rgba(63,196,255,.03) 45%,transparent 70%);pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:center}.availability{display:inline-flex;align-items:center;gap:9px;padding:6px 10px;border:1px solid rgba(25,212,154,.25);background:rgba(25,212,154,.07);border-radius:7px;color:#6fe9c1;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.availability i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:pulse 2s infinite}.hero h1{font:800 clamp(2.7rem,4.6vw,4.6rem)/1.03 Manrope,sans-serif;letter-spacing:-.04em;margin:18px 0 20px}.hero-copy{max-width:620px;color:#a9b6c8;font-size:clamp(1rem,1.4vw,1.14rem);margin:0 0 26px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.hero-link{color:#b9c8dc;font-size:.9rem;font-weight:700;text-underline-offset:5px}.hero-link:hover{color:var(--cyan)}.microproof{display:flex;flex-wrap:wrap;gap:19px;margin-top:20px;color:#7e8ca1;font-size:.76rem}.microproof span{display:flex;align-items:center;gap:7px}.microproof span:before{content:"✓";color:var(--green);font-weight:900}
    .studio{position:relative;border:1px solid #263e62;background:linear-gradient(145deg,#101c32,#0a1221);border-radius:20px;padding:18px;box-shadow:var(--shadow),0 0 80px rgba(45,123,255,.08);transform:perspective(1000px) rotateY(-2deg)}.studio-bar{height:37px;border-bottom:1px solid #213653;display:flex;align-items:center;justify-content:center;padding:0 12px}.address{margin:auto;width:48%;height:17px;border-radius:5px;background:#0b1323;border:1px solid #1f3453;color:#657896;font-size:.48rem;display:grid;place-items:center}.status{font-size:.58rem;padding:4px 7px;border-radius:5px;background:rgba(25,212,154,.09);color:#5ae0b7;border:1px solid rgba(25,212,154,.17)}
    .video-studio{padding:18px;overflow:hidden}.video-wrap{position:relative;border-radius:14px;overflow:hidden;border:1px solid #223b60;background:#08111f;aspect-ratio:16/9}.video-wrap video{display:block;width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-start;justify-content:space-between;padding:12px}.video-note{align-self:flex-end;padding:7px 10px;border:1px solid #29456e;background:rgba(10,19,35,.78);backdrop-filter:blur(8px);border-radius:8px;color:#c8d1df;font-size:.68rem;font-weight:700}
.trustbar{position:relative;z-index:3;border-block:1px solid #1b2c45;background:#0a1220}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{padding:22px 24px;border-right:1px solid #1b2c45}.trustitem:first-child{padding-left:0}.trustitem:last-child{border:0}.trustitem b{display:block;font:700 .86rem Manrope;color:#dde5f0}.trustitem span{font-size:.69rem;color:#728299}
    .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.benefit{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#111c31,#0d1627);padding:27px;min-height:220px;transition:.25s}.benefit:hover{transform:translateY(-4px);border-color:#31517d}.benefit-icon{width:42px;height:42px;border:1px solid #29456d;background:#0c1729;border-radius:10px;display:grid;place-items:center;color:var(--cyan);font-weight:800;margin-bottom:28px}.benefit h3{font:700 1.07rem Manrope;margin:0 0 9px}.benefit p{margin:0;color:var(--muted);font-size:.87rem}
    .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}.price-card{display:flex;flex-direction:column;position:relative;padding:27px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#111c31,#0d1627);overflow:hidden}.price-card.featured{border:2px solid var(--cyan);padding:26px;background:linear-gradient(160deg,#142443,#0d1930);box-shadow:0 20px 60px rgba(39,135,241,.12)}.price-card.featured:before{content:"";position:absolute;width:210px;height:210px;right:-90px;top:-110px;background:radial-gradient(circle,rgba(63,196,255,.21),transparent 68%)}.label{align-self:flex-start;padding:5px 8px;border-radius:5px;background:#234ca6;color:#75cfff;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.label.gray{background:#334156;color:#d1d9e5}.label.purple{background:#4e1d70;color:#d899ff}.price-card h3{font:800 1.35rem Manrope;margin:12px 0 5px}.price-desc{color:var(--muted);font-size:.82rem;min-height:44px;margin:0}.price-box{margin:18px 0;background:#080f1c;border:1px solid #223550;border-radius:9px;padding:14px}.price-value{font:800 1.45rem Manrope;color:var(--cyan)}.price-note{color:#93a2b8;font-size:.72rem;margin-top:3px}.feature-list{list-style:none;padding:0;margin:0 0 23px;flex:1}.feature-list li{display:flex;gap:8px;color:#bcc7d6;font-size:.8rem;line-height:1.45;margin:9px 0}.feature-list li:before{content:"✓";color:var(--green);font-weight:900}.feature-list li.dim:before{content:"•";color:#60728a}.feature-list strong{color:#e1e7f0}.price-card .btn{width:100%;margin-top:auto}.models{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#0c1627}.model{padding:22px 24px}.model+ .model{border-left:1px solid var(--line)}.model h4{margin:0 0 7px;font:700 .93rem Manrope;color:var(--cyan)}.model p{margin:0;color:var(--muted);font-size:.78rem}.rules{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.rule{font-size:.67rem;color:#9fb0c5;border:1px solid #293e5e;background:#0b1424;padding:6px 9px;border-radius:6px}
    .work-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#111c31,#0d1627);overflow:hidden}.work-card{display:grid;grid-template-columns:1.08fr .92fr}.browser{text-decoration:none}.case-study .live-site{height:100%;min-height:440px}.case-study .work-copy{padding:38px}.case-intro{font-size:.95rem!important;line-height:1.65}.case-list{display:grid;gap:13px;margin:22px 0}.case-list div{display:grid;gap:3px;padding:12px 0 12px 20px;border-top:1px solid var(--line);position:relative}.case-list b{color:#eaf4ff;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.case-list span{color:var(--muted);font-size:.82rem;line-height:1.5}.case-row:before{content:"";position:absolute;left:0;top:20px;width:8px;height:8px;border-radius:50%}.case-problem:before{background:#ffb35e;box-shadow:0 0 8px rgba(255,179,94,.4)}.case-solution:before{background:var(--cyan);box-shadow:0 0 8px rgba(63,196,255,.4)}.case-effect:before{background:var(--green);box-shadow:0 0 8px rgba(25,212,154,.4)}.browser{border-right:1px solid #263e62;background:#0b1424;overflow:hidden}.browser-top{height:34px;display:flex;align-items:center;justify-content:center;padding:0 12px;background:#0e182a;border-bottom:1px solid #223753}.browser-url{height:18px;width:58%;margin:auto;border:1px solid #263c5c;border-radius:5px;background:#08111f;color:#71839d;font-size:.5rem;display:grid;place-items:center}.live-site{height:282px;position:relative;overflow:hidden;background:#f9e7ef}.live-site img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.live-badge{position:absolute;z-index:2;left:10px;bottom:10px;padding:5px 8px;border-radius:6px;background:rgba(7,13,24,.9);color:#dbe7f5;border:1px solid #315078;font-size:.57rem;font-weight:700;backdrop-filter:blur(8px)}.work-copy{padding:27px;display:flex;flex-direction:column;justify-content:center}.work-copy h3{font:800 1.65rem Manrope;margin:8px 0}.work-copy p{color:var(--muted);font-size:.78rem;margin:0}.work-copy .btn{align-self:flex-start;min-height:41px;font-size:.75rem}
    .process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.process-step{padding:25px 21px;background:#0e192b;border-right:1px solid var(--line)}.process-step:last-child{border:0}.process-num{font:800 .7rem Manrope;color:var(--cyan);letter-spacing:.1em}.process-step h3{font:700 .96rem Manrope;margin:23px 0 7px}.process-step p{color:var(--muted);font-size:.76rem;margin:0}
    .brief-shell{display:grid;grid-template-columns:.72fr 1.28fr;border:1px solid #274264;border-radius:19px;overflow:hidden;background:#0d1729;box-shadow:var(--shadow)}.brief-info{padding:39px;background:linear-gradient(155deg,#142747,#0d1a31);border-right:1px solid #274264}.brief-info h3{font:800 1.75rem/1.15 Manrope;margin:16px 0 12px}.brief-info>p{color:#9babc0;font-size:.85rem}.brief-points{display:grid;gap:15px;margin:30px 0}.brief-point{display:flex;gap:11px;font-size:.76rem;color:#b8c4d3}.brief-point b{display:block;color:white;font-size:.79rem}.brief-n{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:7px;background:#1a376b;color:#65cbff;font-weight:800}.sample-box{margin-top:28px;border:1px solid #2e527f;background:rgba(8,17,33,.55);border-radius:10px;padding:15px}.sample-box span{display:block;color:var(--cyan);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.sample-box p{font-size:.73rem;color:#a7b5c7;margin:5px 0 0}.brief-form{padding:36px 39px;min-height:570px}.form-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.form-progress{display:flex;gap:7px}.progress-pill{height:5px;width:43px;border-radius:4px;background:#263854}.progress-pill.done,.progress-pill.active{background:linear-gradient(90deg,var(--blue),var(--cyan))}.step-label{color:#8494aa;font-size:.7rem;font-weight:700}.form-step{display:none}.form-step.active{display:block;animation:enter .28s ease}.form-step h4{font:800 1.35rem Manrope;margin:0 0 5px}.form-step>p{margin:0 0 23px;color:var(--muted);font-size:.8rem}.field{margin-bottom:17px}.field label,.field-label{display:block;color:#b9c5d5;font-size:.72rem;font-weight:700;margin-bottom:7px}.input,.select,.textarea{width:100%;border:1px solid #2a405e;background:#091322;color:white;border-radius:8px;padding:12px 13px;outline:none;transition:.2s}.input:focus,.select:focus,.textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(63,196,255,.08)}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7589a5 50%),linear-gradient(135deg,#7589a5 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}.select option{background:#0b1525}.textarea{min-height:105px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{display:block;height:100%;border:1px solid #283d5b;background:#0a1424;border-radius:9px;padding:12px 13px;color:#aebccd;cursor:pointer;transition:.2s;font-size:.76rem}.choice label b{display:block;color:#e7ecf4;margin-bottom:2px;font-size:.8rem}.choice input:checked+label{border-color:var(--cyan);background:#102542;box-shadow:inset 0 0 0 1px rgba(63,196,255,.12)}.choice input:focus-visible+label{outline:2px solid var(--cyan);outline-offset:2px}.check{display:flex;gap:9px;align-items:flex-start;margin:12px 0;color:#a7b6c9;font-size:.72rem}.check input{accent-color:var(--blue);margin-top:3px}.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:26px}.form-actions .back{visibility:hidden}.form-actions .back.show{visibility:visible}.form-message{display:none;margin-top:13px;color:#65deb8;font-size:.75rem}.summary{border:1px solid #29415f;background:#091321;border-radius:10px;padding:16px;margin:17px 0;color:#afbdcf;font-size:.74rem}.summary b{color:white}.privacy{font-size:.64rem;color:#718299;margin-top:10px}.error{color:#ff8ca0;font-size:.68rem;margin-top:5px;display:none}.field.invalid .input,.field.invalid .select,.field.invalid .textarea{border-color:var(--danger)}.field.invalid .error{display:block}
    .faq-list{max-width:880px}.faq-list details{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:#0f192b;overflow:hidden;transition:border-color .2s}.faq-list details[open]{border-color:#31527d}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;cursor:pointer;font:700 .88rem Manrope}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"↓";font-size:1rem;color:var(--cyan);transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(180deg)}.faq-list p{color:#9aa9bc;font-size:.8rem;max-width:800px;margin:-2px 45px 20px 21px}.faq-list strong{color:#dfe7f2}.final-cta{border:1px solid var(--cyan);background:linear-gradient(120deg,#182f67,#10213f 70%);border-radius:16px;padding:33px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 17px 60px rgba(30,115,224,.14)}.final-cta h2{font-size:1.65rem;margin:0 0 5px;letter-spacing:-.03em}.final-cta p{margin:0;color:#91b8e8;font-size:.79rem}.contact-mini{text-align:right}.contact-mini b{display:block}.contact-mini>span{display:block;font-size:.72rem;color:#96acd0;margin-top:7px}.contact-mini a{color:#eaf5ff;text-decoration:none}.contact-mini a:hover{color:#7ed8ff}.contact-phone{display:inline-block;margin-top:5px;font:750 .83rem Manrope,Inter,system-ui,sans-serif}.contact-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.contact-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid #3974aa;border-radius:9px;background:rgba(7,18,33,.38);font:750 .68rem Manrope,Inter,system-ui,sans-serif;color:#dff4ff!important;transition:.18s ease}.contact-action:hover{border-color:#3fc4ff;background:#102a42;color:#fff!important;transform:translateY(-1px)}.footer-contact{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 14px;margin-bottom:7px}.footer-contact a{color:#8ba1bd;text-decoration:none}.footer-contact a:hover{color:#7ed8ff}
    footer{border-top:1px solid #1b2c46;background:#060b14;padding:37px 0;color:#63728a}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-copy{font-size:.68rem;text-align:right}.sticky-mobile{display:none}
    @keyframes pulse{50%{opacity:.42;transform:scale(.8)}}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
    @media(max-width:1140px) and (min-width:981px){.nav-links{gap:13px}.nav-links>a:not(.nav-cta){font-size:.78rem}.nav-phone{padding:7px 8px}.nav-phone .nav-phone-label{display:none}.nav-phone .nav-phone-icon{margin-right:0}.nav-cta{padding:9px 10px;font-size:.78rem!important}}
    @media(max-width:980px){.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:22px;background:#0a1220;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.hero-grid,.brief-shell{grid-template-columns:1fr}.hero-grid{gap:55px}.studio{max-width:650px}.trustgrid,.benefits,.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid .price-card:last-child{grid-column:1/-1}.brief-info{border-right:0;border-bottom:1px solid #274264}.process{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}}
    @media(max-width:980px){.nav-contact{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.nav-contact a{width:100%;min-height:42px}.nav-phone .nav-phone-label{display:inline}.nav-phone .nav-phone-icon{margin-right:6px}}
    @media(max-width:680px){.container{width:min(var(--max),calc(100% - 28px))}.logo-mark{width:39px;height:39px}.logo-sub{display:none}.logo-main{font-size:.95rem}.hero{padding:116px 0 66px;min-height:0}.hero h1{font-size:3.15rem}.microproof{margin-top:16px;gap:10px 16px}.studio{padding:10px;transform:none}.trustgrid,.benefits,.pricing-grid,.models,.field-grid,.choice-grid{grid-template-columns:1fr}.trustitem{padding:14px 0;border-right:0;border-bottom:1px solid #1b2c45}.pricing-grid .price-card:last-child{grid-column:auto}.model+.model{border-left:0;border-top:1px solid var(--line)}.section{padding:78px 0}.work-card{grid-template-columns:1fr}.browser{border-right:0;border-bottom:1px solid #263e62}.live-site{height:220px}.work-copy,.brief-form,.brief-info{padding:25px 22px}.process{grid-template-columns:1fr}.process-step{border-right:0!important;border-bottom:1px solid var(--line)!important}.process-step:last-child{border-bottom:0!important}.progress-pill{width:29px}.final-cta{align-items:flex-start;flex-direction:column;padding:27px 23px}.contact-mini{text-align:left}.contact-actions{justify-content:flex-start}.footer-grid{align-items:flex-start;flex-direction:column}.footer-copy{text-align:left}.sticky-mobile{display:flex;position:fixed;z-index:80;left:12px;right:12px;bottom:12px;background:linear-gradient(135deg,var(--blue),#1eaee9);border-radius:10px;padding:11px 14px;align-items:center;justify-content:space-between;text-decoration:none;box-shadow:0 14px 45px rgba(0,0,0,.5);font-size:.79rem;font-weight:800}.sticky-mobile span{opacity:.8;font-weight:600;font-size:.65rem}body{padding-bottom:60px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
  
    /* Secondary video showcases */
    .motion-showcase{padding:0 0 110px;position:relative}
    .motion-card{width:min(1040px,100%);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#101a2e,#0b1424);box-shadow:var(--shadow)}
    .motion-card.reverse{grid-template-columns:.95fr 1.05fr}
    .motion-media{position:relative;min-height:360px;background:#070d18;overflow:hidden}
    .motion-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
    .motion-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 70%,rgba(8,13,24,.32))}
    .motion-card.reverse .motion-media:after{background:linear-gradient(270deg,transparent 70%,rgba(8,13,24,.32))}
    .motion-copy{padding:45px 42px;display:flex;flex-direction:column;justify-content:center}
    .motion-copy h3{font:800 clamp(1.8rem,3vw,2.7rem)/1.08 Manrope,sans-serif;letter-spacing:-.04em;margin:12px 0 15px}
    .motion-copy p{margin:0;color:var(--muted);font-size:.9rem}
    .motion-points{display:grid;gap:10px;margin:24px 0 0}
    .motion-point{display:flex;gap:9px;align-items:flex-start;color:#bdc8d7;font-size:.79rem}
    .motion-point:before{content:"✓";color:var(--green);font-weight:900}
    .motion-tag{position:absolute;z-index:2;left:16px;bottom:16px;padding:7px 10px;border:1px solid rgba(63,196,255,.35);border-radius:7px;background:rgba(8,13,24,.82);backdrop-filter:blur(10px);color:#ccefff;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
    @media(max-width:900px){.motion-card,.motion-card.reverse{grid-template-columns:1fr}.motion-media{min-height:300px}.motion-copy{padding:30px 25px}.motion-card.reverse .motion-media{order:0}.motion-card.reverse .motion-copy{order:1}}
    @media(max-width:580px){.motion-showcase{padding-bottom:78px}.motion-media{min-height:230px}.motion-copy{padding:26px 21px}}

  
/* Hero video only — no frame/chrome/overlay */
.hero .studio{
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
.hero .studio-bar{
  display:none!important;
}
.hero .studio video{
  display:block!important;
  width:112%!important;
  max-width:none!important;
  height:auto!important;
  margin-left:-6%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
  background:transparent!important;
}
@media(max-width:680px){
  .hero .studio video{
    width:108%!important;
    margin-left:-4%!important;
  }
}


/* Updated Xander Digital logo */
.logo-mark svg{width:30px!important;height:30px!important;display:block}

/* Brand outro — restored panoramic animation from the earlier Xander Digital version */
.brand-outro{padding:0 0 58px;overflow:hidden}
.brand-outro>.container{width:100%;max-width:none}
.brand-outro-shell{position:relative;width:100%;height:290px;margin:0;background:#080d18;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media(max-width:900px){.brand-outro-shell{height:250px}}
@media(max-width:580px){.brand-outro{padding-bottom:42px}.brand-outro-shell{height:215px}.brand-outro .outro-logo{margin-bottom:13px}.brand-outro .outro-logo svg{width:62px;height:62px}.brand-outro .outro-sub{margin-top:8px}}
.brand-outro .ambient-light{position:absolute;width:72%;aspect-ratio:1;background:radial-gradient(circle,rgba(56,189,248,.08) 0%,transparent 60%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:xdAmbient 6s ease-in-out infinite}
.brand-outro .ambient-light-2{position:absolute;width:88%;height:42%;background:radial-gradient(ellipse,rgba(37,99,235,.05) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%) rotate(15deg);opacity:0;animation:xdAmbient 6s ease-in-out .8s infinite}
.brand-outro .digital-line{position:absolute;background:rgba(56,189,248,.4);box-shadow:0 0 8px rgba(56,189,248,.8);opacity:0}
.brand-outro .line-h-1{width:0;height:1px;top:35%;left:0;animation:xdLineH 6s cubic-bezier(.2,.8,.2,1) .35s infinite}
.brand-outro .line-h-2{width:0;height:1px;bottom:35%;right:0;animation:xdLineHRev 6s cubic-bezier(.2,.8,.2,1) .55s infinite}
.brand-outro .line-v-1{width:1px;height:0;top:0;left:35%;animation:xdLineV 6s cubic-bezier(.2,.8,.2,1) .45s infinite}
.brand-outro .line-v-2{width:1px;height:0;bottom:0;right:35%;animation:xdLineVRev 6s cubic-bezier(.2,.8,.2,1) .65s infinite}
.brand-outro .outro-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center}
.brand-outro .outro-logo{opacity:0;transform:scale(.8) translateY(18px);animation:xdRevealLogo 6s cubic-bezier(.16,1,.3,1) infinite;margin-bottom:20px}
.brand-outro .outro-logo svg{width:78px;height:78px;filter:drop-shadow(0 0 15px rgba(56,189,248,.3))}
.brand-outro .outro-name{font:800 clamp(1.75rem,4.6vw,2.8rem) Manrope,sans-serif;color:#fff;letter-spacing:.1em;opacity:0;transform:translateY(15px);animation:xdRevealName 6s cubic-bezier(.16,1,.3,1) infinite}
.brand-outro .outro-name span{color:#38bdf8;font-weight:600}
.brand-outro .outro-sub{margin-top:12px;font-size:clamp(.58rem,1.5vw,.85rem);font-weight:700;color:#8f9db1;letter-spacing:.25em;text-transform:uppercase;opacity:0;transform:translateY(10px);animation:xdRevealSub 6s cubic-bezier(.16,1,.3,1) infinite;text-align:center;padding:0 18px}
.brand-outro .sweep-container{position:absolute;inset:0;pointer-events:none;z-index:20;overflow:hidden}
.brand-outro .light-sweep{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 40%,rgba(56,189,248,.15) 50%,rgba(255,255,255,.03) 60%,rgba(255,255,255,0) 100%);transform:rotate(30deg) translateX(-100%);animation:xdSweep 6s ease-in-out infinite}
@keyframes xdAmbient{0%,100%{opacity:0}30%,78%{opacity:.9}}
@keyframes xdLineH{0%,8%{width:0;left:0;opacity:0}18%{opacity:1}34%{width:100%;left:100%;opacity:0}100%{opacity:0}}
@keyframes xdLineHRev{0%,8%{width:0;right:0;opacity:0}18%{opacity:1}34%{width:100%;right:100%;opacity:0}100%{opacity:0}}
@keyframes xdLineV{0%,8%{height:0;top:0;opacity:0}18%{opacity:1}34%{height:100%;top:100%;opacity:0}100%{opacity:0}}
@keyframes xdLineVRev{0%,8%{height:0;bottom:0;opacity:0}18%{opacity:1}34%{height:100%;bottom:100%;opacity:0}100%{opacity:0}}
@keyframes xdRevealLogo{0%,16%{opacity:0;transform:scale(.8) translateY(18px)}32%,85%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(.98)}}
@keyframes xdRevealName{0%,27%{opacity:0;transform:translateY(15px)}42%,85%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@keyframes xdRevealSub{0%,36%{opacity:0;transform:translateY(10px)}50%,85%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@keyframes xdSweep{0%,38%{transform:rotate(30deg) translateX(-100%);opacity:0}45%{opacity:1}70%{opacity:1}82%,100%{transform:rotate(30deg) translateX(100%);opacity:0}}


/* Xander Care example */
.managed-proof{margin-top:24px;border:1px solid #284568;border-radius:12px;background:#091321;overflow:hidden}
.managed-proof-head{padding:10px 13px;border-bottom:1px solid #223a5b;color:#7f93ad;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.managed-chat{display:grid;gap:10px;padding:14px}
.managed-msg{max-width:88%;padding:10px 12px;border-radius:10px;font-size:.73rem;line-height:1.45}
.managed-msg.client{justify-self:start;background:#111e33;border:1px solid #283f60;color:#c7d2e1}
.managed-msg.xander{justify-self:end;background:#102a35;border:1px solid rgba(25,212,154,.28);color:#d9f4eb}
.managed-msg small{display:block;margin-top:5px;color:#71849e;font-size:.58rem}
.managed-msg.xander small{color:#72bca8}


.form-success{display:none;text-align:center;padding:38px 24px;border:1px solid rgba(25,212,154,.3);background:rgba(25,212,154,.06);border-radius:14px}
.form-success.show{display:block}
.form-success-mark{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:rgba(25,212,154,.12);border:1px solid rgba(25,212,154,.3);color:#65deb8;font-size:1.5rem;font-weight:900}
.form-success h4{font:800 1.45rem Manrope;margin:0 0 8px}
.form-success p{margin:0;color:var(--muted);font-size:.83rem}


.legal-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 16px;margin-top:8px}
.legal-link{padding:0;border:0;background:none;color:#8292aa;font:600 .68rem Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.legal-link:hover{color:var(--cyan)}
.legal-dialog{width:min(860px,calc(100% - 28px));max-height:82vh;padding:0;border:1px solid #2b466d;border-radius:16px;background:#0b1424;color:var(--text);box-shadow:0 28px 90px rgba(0,0,0,.58)}
.legal-dialog::backdrop{background:rgba(3,7,14,.78);backdrop-filter:blur(5px)}
.legal-shell{display:flex;flex-direction:column;max-height:82vh}
.legal-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #223a5b;background:rgba(11,20,36,.97)}
.legal-head span{display:block;color:var(--cyan);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}
.legal-head h2{margin:0;font:800 clamp(1.35rem,3vw,1.8rem) Manrope,sans-serif;letter-spacing:-.03em}
.legal-close{flex:0 0 auto;width:40px;height:40px;border:1px solid #304b70;border-radius:9px;background:#0e1a2d;color:#d9e3f0;cursor:pointer;font-size:1.25rem}
.legal-body{padding:24px;overflow:auto;color:#aebccd;font-size:.82rem;line-height:1.7}
.legal-body h3{margin:25px 0 8px;color:#eef3f9;font:700 .98rem Manrope,sans-serif}
.legal-body h3:first-child{margin-top:0}
.legal-body p{margin:0 0 11px}.legal-body ul{margin:8px 0 14px;padding-left:20px}.legal-body li{margin:5px 0}.legal-body a{color:#79d2ff}
.legal-note{margin:14px 0;padding:12px 14px;border:1px solid #3c5270;border-radius:9px;background:#101a2b;color:#c5cfdd}
.privacy-inline{padding:0;border:0;background:none;color:#78cfff;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font:inherit}
@media(max-width:680px){.legal-links{justify-content:flex-start}.legal-head,.legal-body{padding:19px}.legal-dialog,.legal-shell{max-height:88vh}}



/* ===== XANDER AI CHAT WIDGET ===== */
.xdai-launcher{position:fixed;z-index:95;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;width:52px;height:52px;padding:9px;overflow:hidden;white-space:nowrap;border:1px solid rgba(63,196,255,.38);border-radius:999px;background:linear-gradient(145deg,rgba(16,26,46,.97),rgba(8,15,28,.98));color:#eef7ff;box-shadow:0 12px 34px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.025) inset;cursor:pointer;font:800 .78rem Manrope,Inter,system-ui,sans-serif;letter-spacing:.01em;transition:width .3s cubic-bezier(.2,.8,.2,1),transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.xdai-launcher:hover,.xdai-launcher:focus-visible{width:208px;transform:translateY(-2px);border-color:rgba(63,196,255,.72);box-shadow:0 16px 44px rgba(0,0,0,.48),0 0 22px rgba(63,196,255,.1)}
.xdai-launcher .xdai-spark,.xdai-launcher-text{opacity:0;transition:opacity .15s ease}
.xdai-launcher:hover .xdai-spark,.xdai-launcher:hover .xdai-launcher-text,.xdai-launcher:focus-visible .xdai-spark,.xdai-launcher:focus-visible .xdai-launcher-text{opacity:1;transition:opacity .2s ease .1s}
@media(hover:none){.xdai-launcher:hover,.xdai-launcher:focus-visible{width:52px;transform:none;box-shadow:0 12px 34px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.025) inset}.xdai-launcher:hover .xdai-spark,.xdai-launcher:hover .xdai-launcher-text{opacity:0}}
.xdai-launcher:focus-visible,.xdai-close:focus-visible,.xdai-send:focus-visible,.xdai-quick button:focus-visible{outline:2px solid #79d2ff;outline-offset:3px}
.xdai-launcher-mark,.xdai-head-mark{display:grid;place-items:center;flex:0 0 auto;border:1px solid #213655;background:linear-gradient(145deg,#101a2e,#0b1323);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.xdai-launcher-mark{width:34px;height:34px;border-radius:9px}.xdai-launcher-mark svg{width:25px;height:25px;display:block}
.xdai-launcher .xdai-spark{color:#65d4ff;font-size:.88rem;margin-left:1px}
.xdai-panel{position:fixed;z-index:96;right:22px;bottom:78px;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 110px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #27415f;border-radius:18px;background:rgba(8,13,24,.985);box-shadow:0 28px 90px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.025) inset;opacity:0;visibility:hidden;transform:translateY(12px) scale(.985);transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
.xdai-panel.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.xdai-head{display:flex;align-items:center;gap:11px;padding:14px 14px 13px;border-bottom:1px solid #1e3450;background:linear-gradient(180deg,#101a2e 0%,#0c1627 100%)}
.xdai-head-mark{width:39px;height:39px;border-radius:10px}.xdai-head-mark svg{width:28px;height:28px;display:block}
.xdai-head-copy{min-width:0;flex:1}.xdai-brand{font:800 .88rem Manrope,Inter,system-ui,sans-serif;color:#edf5ff;letter-spacing:.015em}.xdai-brand b{color:#3fc4ff;font-weight:650}.xdai-status{display:flex;align-items:center;gap:6px;margin-top:4px;color:#899bb2;font-size:.66rem}.xdai-status-dot{width:6px;height:6px;border-radius:50%;background:#19d49a;box-shadow:0 0 0 3px rgba(25,212,154,.1)}
.xdai-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8295ad;cursor:pointer;font-size:1.22rem;line-height:1;transition:.18s ease}.xdai-close:hover{color:#eef5ff;background:#14243a;border-color:#263f5f}
.xdai-messages{flex:1;overflow:auto;padding:15px 14px 10px;display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth}
.xdai-msg{max-width:88%;padding:10px 12px;border-radius:13px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.79rem;line-height:1.48}.xdai-msg.ai{align-self:flex-start;border:1px solid #263f60;background:#111d30;color:#dbe8f5;border-bottom-left-radius:5px}.xdai-msg.user{align-self:flex-end;border:1px solid rgba(63,196,255,.25);background:linear-gradient(145deg,#12324a,#102a3d);color:#eff9ff;border-bottom-right-radius:5px}.xdai-msg.success{border-color:rgba(25,212,154,.35);background:#0d2925;color:#dffbf1}.xdai-msg.error{border-color:rgba(255,111,132,.36);background:#29161d;color:#ffdbe0}
.xdai-typing{align-self:flex-start;color:#8295ad;font-size:.68rem;padding:3px 5px}.xdai-typing::after{content:'…';animation:xdaiDots 1.15s steps(4,end) infinite}@keyframes xdaiDots{0%{opacity:.25}50%{opacity:1}100%{opacity:.25}}
.xdai-quick{display:flex;gap:7px;overflow-x:auto;padding:4px 14px 11px;scrollbar-width:none}.xdai-quick::-webkit-scrollbar{display:none}.xdai-quick button{flex:0 0 auto;border:1px solid #2b496d;border-radius:999px;padding:7px 10px;background:#0d1a2c;color:#bed4e7;cursor:pointer;font:700 .66rem Manrope,Inter,system-ui,sans-serif;transition:.18s ease}.xdai-quick button:hover{border-color:#3fc4ff;color:#ecf9ff;background:#10243a}
.xdai-compose{padding:11px 12px 10px;border-top:1px solid #1d3049;background:#09111e}.xdai-form{display:flex;align-items:flex-end;gap:8px}.xdai-input{flex:1;min-width:0;max-height:92px;resize:none;border:1px solid #2a4464;border-radius:11px;background:#0c1727;color:#edf6ff;padding:10px 11px;font:400 16px/1.35 Inter,system-ui,sans-serif;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.xdai-input:focus{border-color:#3fc4ff;box-shadow:0 0 0 3px rgba(63,196,255,.08)}.xdai-input::placeholder{color:#647891}
.xdai-send{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:10px;background:linear-gradient(135deg,#3fc4ff,#3677ff);color:#04111c;cursor:pointer;font-weight:900;font-size:1rem;box-shadow:0 8px 24px rgba(54,119,255,.22)}.xdai-send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.xdai-privacy{margin-top:8px;color:#687b92;font-size:.57rem;line-height:1.4}.xdai-privacy button{padding:0;border:0;background:none;color:#7ecfff;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font:inherit}
.xdai-foot{flex:0 0 auto;padding:5px 8px 4px;border-top:1px solid #1d3049;background:#09111e;text-align:left}.xdai-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 7px;border:1px solid rgba(63,196,255,.24);border-radius:8px;background:linear-gradient(145deg,#111f34,#0d192a)}.xdai-offer-copy{min-width:0}.xdai-offer-copy strong{display:block;color:#f2f7ff;font:800 .67rem/1.2 Manrope,Inter,system-ui,sans-serif}.xdai-offer-copy span{display:block;margin-top:1px;color:#8fa4ba;font-size:.53rem;line-height:1.2}.xdai-offer-cta{display:flex;align-items:center;justify-content:center;gap:4px;min-height:30px;padding:5px 8px;border-radius:7px;background:linear-gradient(135deg,#3677ff,#24b8ee);color:#fff;text-decoration:none;font:800 .59rem/1.2 Manrope,Inter,system-ui,sans-serif;white-space:nowrap;box-shadow:0 6px 16px rgba(36,150,238,.16);transition:transform .18s ease,box-shadow .18s ease}.xdai-offer-cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(36,150,238,.24)}.xdai-offer-cta:focus-visible{outline:2px solid #79d2ff;outline-offset:3px}.xdai-disclaimer{padding-top:3px;color:#53667e;font-size:.48rem;line-height:1.2;text-align:center}
@media(max-width:680px){.xdai-launcher{right:12px;bottom:73px;width:48px;height:48px;padding:7px}.xdai-launcher-mark{width:32px;height:32px}.xdai-launcher-text{display:none}.xdai-launcher .xdai-spark{display:none}.xdai-panel{left:10px;right:10px;bottom:72px;width:auto;height:min(610px,calc(100vh - 92px));max-height:calc(100dvh - 92px);border-radius:16px}.xdai-msg{max-width:91%;font-size:.8rem}.xdai-head{padding:12px}.xdai-messages{padding:13px 12px 9px}.xdai-quick{padding-left:12px;padding-right:12px}.xdai-compose{padding-left:10px;padding-right:10px}.xdai-foot{padding:5px 8px 4px}.xdai-offer{padding:6px 7px}}
@media(max-width:360px){.xdai-offer-copy span{display:none}}
@media(prefers-reduced-motion:reduce){.xdai-launcher,.xdai-panel{transition:none}.xdai-typing::after{animation:none}}

.portfolio-slider{position:relative}
.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 2px 14px}
.portfolio-hint{color:#71839d;font-size:.76rem;font-weight:650}
.portfolio-navigation{display:flex;align-items:center;gap:8px}
.portfolio-count{min-width:62px;margin-right:5px;color:#9eb0c7;font:750 .74rem Manrope,Inter,sans-serif;letter-spacing:.08em;text-align:center}
.portfolio-arrow{width:43px;height:43px;display:grid;place-items:center;border:1px solid #2a4568;border-radius:10px;background:#0d182a;color:#eaf4ff;font-size:1.15rem;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.portfolio-arrow:hover{transform:translateY(-2px);border-color:var(--cyan);background:#12233a}
.portfolio-arrow:focus-visible,.portfolio-dot:focus-visible,.portfolio-viewport:focus-visible{outline:2px solid #79d2ff;outline-offset:3px}
.portfolio-viewport{overflow:hidden;border-radius:17px;touch-action:pan-y}
.portfolio-track{display:flex;will-change:transform;transition:transform .48s cubic-bezier(.2,.7,.2,1)}
.portfolio-slide{flex:0 0 100%;min-width:0}
.portfolio-slide .live-site img{object-fit:contain;background:#f7dce8}
.portfolio-slide[aria-hidden="true"]{visibility:hidden}
.portfolio-track.nudge-next{animation:portfolio-nudge-next .34s ease}
.portfolio-track.nudge-prev{animation:portfolio-nudge-prev .34s ease}
.portfolio-dots{min-height:14px;display:flex;justify-content:center;gap:7px;margin-top:16px}
.portfolio-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#34465f;cursor:pointer;transition:width .2s ease,background .2s ease}
.portfolio-dot.active{width:24px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
@keyframes portfolio-nudge-next{50%{transform:translate3d(-22px,0,0)}}
@keyframes portfolio-nudge-prev{50%{transform:translate3d(22px,0,0)}}
@media(max-width:760px){.case-study{grid-template-columns:1fr}.case-study .live-site{height:auto;min-height:0;aspect-ratio:16/10}.case-study .work-copy{padding:25px}.hero-link{font-size:.84rem}.portfolio-hint{font-size:.68rem}.portfolio-arrow{width:40px;height:40px}.portfolio-count{min-width:54px;font-size:.68rem}}
@media(max-width:520px){.portfolio-toolbar{align-items:flex-end}.portfolio-hint{max-width:110px;line-height:1.35}.portfolio-navigation{gap:6px}.case-study .live-site{min-height:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}video{animation:none!important}}

/* Od strony do systemu — progresja website -> zapytania -> AI -> panel */
.growth-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:0 6px;margin-top:8px}
.growth-node{min-width:0;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#111c31,#0d1627);padding:22px 20px;display:flex;flex-direction:column;gap:8px}
.growth-node-ai{border-color:rgba(63,196,255,.4);background:linear-gradient(145deg,#132544,#0d1930);box-shadow:0 14px 34px rgba(39,135,241,.1)}
.growth-num{font:800 .78rem Manrope,sans-serif;color:var(--cyan);letter-spacing:.08em}
.growth-live{display:inline-flex;align-items:center;gap:6px;color:#6fe9c1;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.growth-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}
.growth-node h3{font:700 1rem Manrope,sans-serif;margin:2px 0 0}
.growth-node p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.55}
.growth-arrow{align-self:center;display:flex;align-items:center;justify-content:center;width:22px;color:#3c5878;font-size:1.05rem}
.growth-foot{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line)}
.growth-foot p{margin:0;color:var(--muted);font-size:.82rem;max-width:520px}
.growth-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#tryAssistantBtn{background:none;border:0;padding:0;cursor:pointer;font:700 .9rem Inter,system-ui,sans-serif;color:#b9c8dc;text-decoration:underline;text-underline-offset:5px}
#tryAssistantBtn:hover{color:var(--cyan)}
@media(max-width:900px){
  .growth-path{grid-template-columns:1fr}
  .growth-arrow{transform:rotate(90deg);padding:2px 0}
  .growth-foot{flex-direction:column;align-items:flex-start}
}

/* Subtelne, osobne akcenty dla wszystkich wariantów cenowych. */
.pricing-grid .price-card:nth-child(2){padding:26px;border:2px solid #36506f;background:linear-gradient(160deg,#121e32,#0d1627);box-shadow:0 18px 48px rgba(5,14,27,.16)}
.pricing-grid .price-card:nth-child(3){padding:26px;border:2px solid #533c6c;background:linear-gradient(160deg,#18182e,#0f1628);box-shadow:0 18px 48px rgba(17,8,31,.18)}

/* Lekki baner zgody dla Google Analytics 4. */
.cookie-banner{position:fixed;z-index:94;left:16px;right:16px;bottom:16px;max-width:960px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding:12px 18px;border:1px solid #2b496f;border-radius:12px;background:rgba(9,18,32,.97);box-shadow:0 14px 40px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px);color:#dce8f5}
.cookie-banner[hidden]{display:none}
.cookie-banner p{margin:0;flex:1 1 280px;min-width:0;color:#b7c5d8;font-size:.78rem;line-height:1.45}
.cookie-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;flex:0 0 auto}
.cookie-btn{min-height:36px;padding:8px 12px;border-radius:8px;cursor:pointer;font:800 .7rem Manrope,Inter,system-ui,sans-serif;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.cookie-btn:hover{transform:translateY(-1px)}
.cookie-btn-primary{border:1px solid #42c8ff;background:linear-gradient(135deg,#3677ff,#24b8ee);color:#fff;box-shadow:0 7px 18px rgba(36,150,238,.2)}
.cookie-btn-secondary{border:1px solid #365171;background:#111e32;color:#dce8f5}
.cookie-btn-secondary:hover{border-color:#5c7da5;background:#14243b}
.cookie-policy{padding:5px 3px;border:0;background:none;color:#86d7ff;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:700 .68rem Inter,system-ui,sans-serif}
.cookie-btn:focus-visible,.cookie-policy:focus-visible{outline:2px solid #79d2ff;outline-offset:3px}
@media(max-width:680px){
  body.cookie-consent-pending .sticky-mobile{opacity:0;pointer-events:none}
  body.cookie-consent-pending .xdai-launcher{bottom:12px}
  .cookie-banner{left:12px;right:12px;bottom:72px;max-width:none;padding:13px 14px;border-radius:12px;gap:2px 14px}
  .cookie-banner p{font-size:.74rem;flex-basis:100%}
  .cookie-actions{gap:7px;margin-top:2px}
  .cookie-btn{min-height:34px;padding:7px 10px;font-size:.66rem}
  .cookie-policy{font-size:.64rem}
}
@media(min-width:681px) and (max-height:860px){
  .cookie-banner{padding:9px 16px;bottom:12px}
  .cookie-banner p{font-size:.73rem}
  .cookie-btn{min-height:32px;padding:6px 10px}
}

/* Keep the complete gradient phrase in one paint box to avoid fragmented glyph rendering. */
.hero-gradient-phrase{display:inline-block}

/* Video autoplay fallback — only shown when browser blocks playback */
.video-play-fallback{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid rgba(126,207,255,.55);border-radius:9px;background:rgba(7,13,24,.88);color:#fff;font:800 .76rem Manrope,Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.35);backdrop-filter:blur(10px)}
.video-play-fallback.is-visible{display:inline-flex}
.video-play-fallback:focus-visible{outline:2px solid #79d2ff;outline-offset:3px}

/* Accessibility QA — stronger footer contrast and 44 px carousel tap targets. */
.logo-main{color:#f2f7ff}
footer,.footer-copy{color:#91a0b5}
.portfolio-dots{min-height:44px;gap:0;margin-top:1px}
.portfolio-dot,.portfolio-dot.active{width:44px;height:44px;display:grid;place-items:center;background:transparent;transition:none}
.portfolio-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#566b87;transition:width .2s ease,background .2s ease}
.portfolio-dot.active::before{width:24px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}