:root{--bg:#0b1119;--surface:#111d28;--surface2:#192a35;--mint:#a5f1d8;--teal:#72d7d6;--purple:#a88cff;--yellow:#f5d965;--text:#f4f8fb;--muted:#aec0cd;--border:#2a3b48;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}::selection{background:var(--mint);color:#0b1119}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.wrap{width:min(1220px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:16px;top:-90px;z-index:99;background:var(--yellow);color:#0b1119;padding:10px 20px}.skip:focus{top:12px}
.site-header{position:relative;z-index:30;background:#0b1119eF;border-bottom:1px solid #ffffff12}.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:11px;font:800 20px/1 var(--display);letter-spacing:-.05em}.wordmark img{width:60px;height:53px;object-fit:contain}.wordmark-sub{display:block;color:var(--muted);font:700 10px/1.2 var(--font);letter-spacing:.16em;margin-top:7px}.nav{display:flex;align-items:center;gap:31px}.nav>a{font-size:14px;font-weight:700}.nav>a:hover,.nav>a[aria-current=page]:not(.nav-button){color:var(--mint)}.nav .nav-button{background:var(--yellow);color:#131923;border-radius:9px;padding:13px 22px}.nav .nav-button:hover{background:#fff0a0}.menu-button{display:none}.eyebrow{font:800 11px/1.4 var(--font);letter-spacing:.16em;color:var(--mint);text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;margin-right:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:53px;padding:13px 23px;border-radius:9px;border:1px solid transparent;font-weight:800;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--mint);color:#0b1921}.button-primary:hover{background:#c4ffe9}.button-outline{border-color:#6d8796;color:var(--text)}.button-outline:hover{border-color:var(--mint)}.text-link{font-weight:800;color:var(--mint);border-bottom:1px solid currentColor;padding-bottom:5px}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 40%,#203942 0%,#0b1119 58%)}.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:54px;padding:94px 0 86px}.hero-copy h1{font:800 clamp(58px,6.8vw,102px)/.98 var(--display);letter-spacing:-.075em;margin:25px 0}.hero-copy h1 span{color:var(--text)}.hero-copy h1 em{font-style:normal;color:var(--mint)}.hero-summary{font-size:18px;color:#c3d3df;max-width:530px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:31px 0}.hero-trust{display:flex;flex-wrap:wrap;gap:10px 22px;color:#c5d7e2;font-size:12px}.hero-visual{height:480px;position:relative;display:grid;place-items:center;isolation:isolate;border:1px solid #3d5965;border-radius:26px 110px 26px 26px;background:linear-gradient(135deg,#152732,#15202e 65%,#2b2543);overflow:hidden}.visual-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:#74d8d62c;filter:blur(65px)}.hero-visual>img{width:min(76%,360px);position:relative;z-index:2;filter:drop-shadow(0 20px 22px #0009)}.visual-orbit{position:absolute;border:1px solid #b1e7dd48;border-radius:50%;width:490px;height:490px;transform:rotate(-23deg) scaleX(.78)}.orbit-b{width:650px;height:650px;border-color:#a88cff38}.visual-label{position:absolute;font:800 10px var(--font);letter-spacing:.14em;color:#c2d9df}.label-top{top:30px;left:32px}.label-bottom{bottom:28px;right:28px}.visual-star{position:absolute;top:65px;right:52px;font-size:46px;color:var(--yellow)}
.trust-strip{border-block:1px solid #30414d;background:#101b25}.trust-strip .wrap{min-height:67px;display:flex;align-items:center;justify-content:space-around;gap:15px;flex-wrap:wrap;font-size:11px;font-weight:800;letter-spacing:.13em;color:#c8d7df}.trust-strip span:nth-child(even){color:var(--purple);font-size:24px}
.section{padding:105px 0;scroll-margin-top:20px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-header h2,.faq-grid h2{font:800 clamp(40px,4.6vw,66px)/1.05 var(--display);letter-spacing:-.06em;margin:13px 0 0}.section-header h2 span,.faq-grid h2 span,.quote-intro h2 span{color:var(--mint)}.section-header>p{max-width:340px;color:var(--muted);margin:0}.services-section{background:#0e1821}.service-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.service-card{position:relative;display:flex;flex-direction:column;align-items:start;min-height:340px;padding:30px;background:#182833;border:1px solid #304755;border-radius:20px}.service-card .service-icon{font-size:47px;line-height:1;color:var(--purple);margin-bottom:40px}.service-card .card-index{font-size:10px;letter-spacing:.15em;font-weight:800;color:#b4c9d6}.service-card h3{font:800 clamp(27px,2.6vw,39px)/1.1 var(--display);letter-spacing:-.05em;margin:14px 0}.service-card p{color:#bdcfda;margin:0}.featured-service{background:linear-gradient(140deg,#a5f1d8,#75d4ce);color:#0b2129;border-color:transparent}.featured-service .service-icon,.featured-service .card-index{color:#22545a}.featured-service p{color:#23474e}.featured-service a{font-weight:800;margin-top:auto;padding-top:20px}
.work-section{background:#0b1119}.project-feature{display:grid;grid-template-columns:1.18fr .82fr;border:1px solid #334854;border-radius:24px;overflow:hidden}.project-screen{padding:24px;background:#1a2a35;min-width:0}.browser-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:#101821;border-radius:11px 11px 0 0;font-size:11px;color:#a2b7c5}.browser-top span{color:#a88cff;letter-spacing:5px}.project-screen>img{width:100%;height:360px;object-fit:cover;object-position:top;display:block;border-radius:0 0 10px 10px}.project-content{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:45px;background:#182530}.project-content h3{font:800 clamp(48px,5vw,74px)/.98 var(--display);letter-spacing:-.07em;margin:16px 0}.mint{color:var(--mint)}.project-content>p:not(.eyebrow){color:#bfd1dc}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 26px}.tags span{border:1px solid #57707d;padding:6px 10px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:.05em}
.pricing-section{background:#111e29}.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-card{display:flex;flex-direction:column;min-height:350px;padding:31px;border-radius:19px;background:#1a2b36;border:1px solid #38505e}.price-primary{background:linear-gradient(150deg,#273e46,#18303b);border-color:#78cbbd}.price{font:800 clamp(54px,5vw,77px)/1 var(--display);letter-spacing:-.06em;margin:27px 0 22px}.price small{font:600 13px var(--font);letter-spacing:0;color:#b5c8d5;margin-left:5px}.price-card>p:not(.eyebrow){color:#bfd1dc}.price-link,.price-note{margin-top:auto;padding-top:28px;font-weight:800;font-size:12px;letter-spacing:.05em;color:var(--mint)}.pricing-footnote{font-size:13px;color:#b5c8d5;margin-top:23px}
.process-section{background:#0d1720}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.process-grid article{padding:25px;border:1px solid #38505e;border-radius:17px;background:#172733}.process-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--purple);color:#11131b;font-weight:800}.process-grid article:nth-child(even)>span{background:var(--yellow)}.process-grid h3{font:700 21px var(--display);margin:28px 0 8px}.process-grid p{color:#bdd0db;font-size:14px}
.faq-section{background:#111e29}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.faq-grid>div:first-child>p:not(.eyebrow){color:var(--muted)}.faq-list details{border-bottom:1px solid #415662;padding:20px 0}.faq-list summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--mint);font-size:22px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:#b7c9d6}
.footer{background:#080d14;border-top:1px solid #30404a}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:85px 0 70px;border-bottom:1px solid #293943}.footer-top h2{font:800 clamp(50px,6.5vw,95px)/.99 var(--display);letter-spacing:-.075em;margin:18px 0 0}.footer-top h2 em{color:var(--mint);font-style:normal}.footer-circle{width:155px;height:155px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--mint);color:#0a2026;font-weight:800;flex-shrink:0;transform:rotate(-12deg)}.footer-circle span{font-size:24px}.footer-mid{display:flex;justify-content:space-between;gap:35px;padding:42px 0}.footer-logo{display:flex;align-items:center;gap:9px;font:800 20px var(--display)}.footer-logo img{width:50px;height:45px}.footer-mid p{color:#9fb4c1;font-size:13px}.footer-mid nav{display:grid;grid-template-columns:repeat(3,auto);gap:12px 25px;align-content:start}.footer-mid nav a{font-size:13px;font-weight:700}.footer-mid nav a:hover{color:var(--mint)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding:21px 0;border-top:1px solid #293943;color:#9fb4c1;font-size:12px}
.interior-hero{background:radial-gradient(ellipse at 90% 50%,#2b2a49,#101b25 65%)}.interior-grid{min-height:340px;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:30px;padding:65px 0}.interior-grid h1{font:800 clamp(55px,7vw,100px)/.98 var(--display);letter-spacing:-.075em;margin:18px 0}.interior-grid h1 em{color:var(--mint);font-style:normal}.interior-grid p:not(.eyebrow){color:#c3d3dd;max-width:600px}.interior-symbol{font:800 180px/1 var(--display);color:var(--purple);text-align:center}
.portfolio-lead{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--mint)}.portfolio-image{border:15px solid #1a2b36;border-radius:20px;overflow:hidden;background:#1a2b36}.portfolio-image>img{display:block;width:100%;max-height:620px;object-fit:cover;object-position:top}.portfolio-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:55px 0 85px}.portfolio-detail h2{font:800 clamp(60px,7vw,100px)/.95 var(--display);letter-spacing:-.07em;margin:12px 0}.portfolio-detail>div:last-child>p{color:#c4d2dc}.next-project{display:flex;align-items:center;gap:28px;padding:35px;border-radius:20px;background:#192b35;border:1px solid #415963}.next-star{font-size:65px;color:var(--yellow)}.next-project h3{font:700 27px var(--display);margin:0}.next-project p{margin:5px 0;color:var(--muted)}.next-project .button{margin-left:auto}
.quote-intro h2{font:800 clamp(38px,5vw,67px)/1.05 var(--display);letter-spacing:-.06em;margin:15px 0 35px}.quote-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:25px;align-items:start}.form-panel,.estimate-box{padding:33px;border:1px solid #395260;border-radius:20px;background:#172833}.form-intro h2{font:800 35px/1.1 var(--display);letter-spacing:-.05em;margin:15px 0}.form-intro p{color:var(--muted)}.form-panel fieldset{border:0;padding:0;margin:30px 0}.form-panel legend{font-weight:800;margin-bottom:15px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{min-width:0}.field-full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{display:block;width:100%;padding:13px 14px;border-radius:8px;background:#0d1922;color:#f5f8fb;border:1px solid #506879;min-height:48px}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--mint);outline:2px solid #a5f1d855}.check-field{display:flex;align-items:flex-start;gap:12px}.check-field input{width:20px;height:20px;flex:none;accent-color:var(--mint)}.check-field label{margin:0}.form-panel button[type=submit]{background:var(--mint);color:#092029;border:0;border-radius:9px;padding:15px 23px;font-weight:800}.form-note,#formStatus{font-size:13px;color:#c4d4dd}.estimate-column{position:sticky;top:20px}.estimate-box h3{font:800 28px var(--display)}.estimate-box .eyebrow{color:var(--mint)}.estimate-price,#estimatePrice{font:800 70px/1 var(--display);color:var(--mint)}.estimate-box p,.estimate-box li{color:#c1d0db}.estimate-box .estimate-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #415763;padding:13px 0}.estimate-box strong{color:#f4f8fb}.estimate-box .note{font-size:13px}
.legal-section{background:#0f1b25}.legal-grid{display:grid;grid-template-columns:270px minmax(0,1fr);gap:65px;align-items:start}.legal-side{position:sticky;top:25px}.legal-side p:not(.eyebrow){color:var(--muted)}.legal-content{max-width:850px;min-width:0}.legal-content h2{font:800 30px/1.2 var(--display);margin:42px 0 15px}.legal-content h3{font:700 20px var(--display);margin:28px 0 10px}.legal-content p,.legal-content li{color:#c3d1db}.legal-content a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}.legal-content section{scroll-margin-top:25px}.legal-content .legal-notice{background:#1b3039;border-left:4px solid var(--mint);padding:20px;border-radius:8px}.legal-content .legal-notice p{margin-bottom:0}.legal-content .legal-date{font-size:12px}.legal-content strong{color:#f4f8fb}.legal-content .legal-end{margin-top:45px;padding:25px;background:#1b3039;border-radius:14px}.legal-content .legal-end a{color:#0b1921;text-decoration:none}
@media(max-width:1000px){.hero-layout{grid-template-columns:1fr 1fr;gap:25px}.hero-copy h1{font-size:clamp(52px,7vw,80px)}.hero-visual{height:400px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-service{grid-row:span 2}.project-feature{grid-template-columns:1fr 1fr}.project-screen>img{height:330px}.price-grid{gap:10px}.price-card{padding:23px}.faq-grid{gap:35px}}
@media(max-width:780px){.menu-button{display:flex;flex-direction:column;gap:5px;border:1px solid #516977;border-radius:8px;background:transparent;padding:12px}.menu-button span{width:22px;height:2px;background:white}.nav{display:none;position:absolute;top:86px;left:0;right:0;background:#0e1b25;flex-direction:column;align-items:stretch;gap:0;padding:15px 32px 24px;border-bottom:1px solid #405763;box-shadow:0 20px 30px #0007}.nav.open{display:flex}.nav>a{padding:12px 8px}.nav .nav-button{text-align:center;margin-top:10px}.hero-layout{grid-template-columns:1fr;padding:65px 0}.hero-copy h1{font-size:clamp(60px,10vw,95px)}.hero-visual{height:390px;max-width:550px;width:100%;margin:auto}.section{padding:75px 0}.section-header{align-items:start;flex-direction:column;gap:15px}.project-feature,.portfolio-detail,.quote-grid,.legal-grid{grid-template-columns:1fr}.project-screen>img{height:330px}.price-grid{grid-template-columns:1fr}.price-card{min-height:260px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-grid{grid-template-columns:1fr}.footer-top h2{font-size:clamp(50px,7vw,78px)}.interior-grid{grid-template-columns:1fr 130px}.interior-symbol{font-size:110px}.estimate-column,.legal-side{position:static}.legal-grid{gap:25px}.legal-side{border-bottom:1px solid #405763;padding-bottom:30px}}
@media(max-width:540px){.wrap{width:calc(100% - 32px)}.nav-wrap{min-height:76px}.nav{top:76px}.wordmark{font-size:17px}.wordmark img{width:48px;height:44px}.wordmark-sub{font-size:8px}.hero-layout{padding:52px 0}.hero-copy h1{font-size:clamp(48px,12.5vw,72px)}.hero-summary{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{height:310px;border-radius:20px 70px 20px 20px}.visual-label{font-size:8px}.visual-star{top:35px;right:30px}.trust-strip .wrap{padding:12px 0;gap:8px 15px}.trust-strip span:nth-child(even){display:none}.trust-strip span{font-size:9px}.section-header h2,.faq-grid h2{font-size:clamp(36px,9.5vw,55px)}.service-grid{grid-template-columns:1fr}.featured-service{grid-row:auto}.service-card{min-height:285px}.service-card .service-icon{margin-bottom:18px}.project-screen{padding:12px}.project-screen>img{height:230px}.project-content{padding:28px}.project-content h3{font-size:55px}.process-grid{grid-template-columns:1fr}.footer-top{flex-direction:column;align-items:start;padding:60px 0}.footer-circle{align-self:flex-end;width:125px;height:125px}.footer-mid{flex-direction:column}.footer-mid nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.footer-bottom{flex-direction:column}.interior-grid{grid-template-columns:1fr;padding:55px 0;min-height:0}.interior-grid h1{font-size:clamp(50px,11vw,70px)}.interior-symbol{display:none}.portfolio-lead{font-size:10px}.portfolio-image{border-width:7px}.portfolio-detail h2{font-size:65px}.next-project{flex-wrap:wrap}.next-project .button{margin-left:0;width:100%}.field-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.form-panel,.estimate-box{padding:22px}.legal-content h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Quote form and legal detail refinements */
.estimate-big{font:800 clamp(55px,6vw,78px)/1 var(--display);letter-spacing:-.06em;color:var(--mint);margin:22px 0}
.estimate-line,.estimate-total{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-top:1px solid #425a67}
.estimate-total{font-weight:800;color:var(--mint)}.estimate-disclaimer,.quote-aside-note{font-size:13px;color:#b9ccd8}
.form-panel .check-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.form-panel .check-row input{width:20px;height:20px;flex:none;accent-color:var(--mint);margin-top:4px}
.form-panel .check-row small{display:block;color:#bfd0dc;font-size:13px;line-height:1.6;margin-top:5px}
.form-submit{margin-top:24px}.form-submit p{font-size:13px;color:#bfd0dc}
.button-yellow{background:var(--mint);color:#0b1b23;border:0}.button-yellow:hover{background:#c6ffe9}
.form-panel input,.form-panel select,.form-panel textarea{max-width:100%}
.form-panel .field-full textarea{min-height:145px}
.legal-content ul{padding-left:25px}.legal-content .legal-end .button{background:var(--mint);color:#0b1b23}

/* Reference-inspired homepage: midnight, violet glow and restrained yellow */
:root{--yellow:#ffe05b;--purple:#a576e4}
body{background:#0a1117}
.site-header{background:#0b1218;border-bottom:1px solid #2b3640}
.nav-wrap{min-height:72px}.wordmark{font-size:17px}.wordmark img{width:72px;height:57px}.wordmark-sub{font-size:10px;letter-spacing:.07em}.nav>a{font-size:13px}.nav .nav-button{background:#ffe05b;border-radius:24px;padding:12px 23px}
.ref-hero{background:radial-gradient(ellipse at 66% 35%,#24343b 0%,#101a21 43%,#0b1117 78%);position:relative;overflow:hidden}
.ref-hero:before{content:"";position:absolute;left:-110px;bottom:-120px;width:340px;height:270px;background:#703d9c20;transform:rotate(28deg);border-radius:40px}
.ref-hero-grid{display:grid;grid-template-columns:1fr 1.07fr 185px;gap:28px;align-items:center;min-height:350px;padding:35px 0 20px}
.ref-kicker{font-size:11px;font-weight:800;letter-spacing:.1em;color:#e2e4e9;margin:0 0 14px}.ref-kicker span{display:inline-block;width:25px;height:2px;background:#b06ef0;vertical-align:middle;margin-left:8px}
.ref-hero-copy h1{font:800 clamp(37px,3.65vw,61px)/1.03 var(--display);letter-spacing:-.055em;margin:0 0 17px}.ref-hero-copy h1 em{color:var(--yellow);font-style:italic}.ref-hero-copy>p:not(.ref-kicker){font-size:14px;line-height:1.45;color:#d6d9e2;max-width:470px}.ref-actions{display:flex;gap:13px;margin-top:22px;flex-wrap:wrap}.ref-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:24px;padding:10px 20px;font-weight:800;font-size:12px;min-height:42px;white-space:nowrap}.ref-btn.yellow{background:var(--yellow);color:#10131a}.ref-btn.outlined{border:1px solid #a479cf;color:#fff}.ref-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.ref-hero-art{position:relative;min-height:290px;display:grid;place-items:center;perspective:900px}.ref-swoosh{position:absolute;width:380px;height:250px;border:3px solid #f7d758;border-left-color:transparent;border-bottom-color:#7d4b9e;border-radius:50%;transform:rotate(-24deg);filter:drop-shadow(0 0 10px #a95bbd60)}.ref-laptop{position:relative;width:min(94%,410px);transform:rotate(-4deg) rotateY(-9deg);filter:drop-shadow(0 24px 18px #000a)}.ref-laptop-screen{height:235px;border:8px solid #0b0d11;border-radius:13px 13px 5px 5px;background:radial-gradient(ellipse at 70% 70%,#513178,#130f24 55%,#0d1520);box-shadow:0 0 0 2px #c4c7d0,0 0 28px #8c48b850;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.ref-laptop-screen:after{content:"";position:absolute;width:160px;height:280px;background:#a774f02b;transform:rotate(25deg);right:18px;z-index:-1}.ref-laptop-screen img{width:150px;max-height:120px}.ref-laptop-screen>span{font:800 12px var(--display);letter-spacing:.14em;color:#fff}.ref-laptop-base{height:13px;width:115%;margin-left:-7.5%;background:linear-gradient(#c3c8d0,#5b6472 65%,#20242b);border-radius:0 0 50% 50%;transform:perspective(180px) rotateX(30deg)}
.ref-benefits{display:grid;gap:25px}.ref-benefits>div,.ref-trust .wrap>div{display:flex;align-items:center;gap:14px}.benefit-icon{font-size:32px;line-height:1;color:#f1f2f8;min-width:36px}.ref-benefits p,.ref-trust p{margin:0;line-height:1.25}.ref-benefits strong,.ref-trust strong{display:block;font-size:13px}.ref-benefits small,.ref-trust small{display:block;color:#bfc8d2;font-size:11px;margin-top:5px}
.ref-trust{border-top:1px solid #26323a;border-bottom:1px solid #26323a;background:#0e181f}.ref-trust .wrap{display:grid;grid-template-columns:repeat(3,1fr);min-height:68px;align-items:center}.ref-trust .wrap>div{justify-content:center;border-right:1px solid #43515d}.ref-trust .wrap>div:last-child{border:0}.ref-trust .wrap>div>span{font-size:26px;line-height:1;color:#f3f3f9}
.ref-services{padding:20px 0 16px;background:#0b131a}.ref-service-grid{display:grid;grid-template-columns:1.05fr repeat(3,1fr);gap:14px;align-items:stretch}.ref-label{font-size:11px;font-weight:800;letter-spacing:.1em;color:#b67af0;margin:0 0 8px}.ref-service-title h2{font:800 clamp(21px,2.2vw,32px)/1.12 var(--display);letter-spacing:-.045em;margin:0}.ref-service-title em,.ref-process em{color:var(--yellow);font-style:italic}.ref-service-card{display:flex;align-items:center;gap:16px;background:#1b2731;border:1px solid #34434d;border-radius:16px;padding:18px 15px;min-width:0}.ref-service-card.purple{background:linear-gradient(115deg,#332747,#29283b);border-color:#4a3d5b}.ref-card-icon{font-size:28px;color:#eee5fc;flex:none}.ref-service-card h3{font:800 14px var(--display);margin:0 0 5px}.ref-service-card p{font-size:11px;color:#bdc7d2;line-height:1.4;margin:0}.ref-card-arrow{display:grid;place-items:center;min-width:28px;height:28px;border:1px solid #4c5d6c;border-radius:50%;margin-left:auto}
.ref-feature{padding:12px 0;background:radial-gradient(ellipse at 17% 65%,#322348,#0b131a 54%)}.ref-feature-grid{display:grid;grid-template-columns:1.1fr .78fr .6fr;gap:40px;align-items:center}.ref-project-shot{align-self:stretch;max-height:285px;overflow:hidden;background:#262d39;border:2px solid #818492;border-radius:17px;transform:rotate(-1.2deg);box-shadow:0 10px 30px #0008}.ref-browser{display:flex;align-items:center;justify-content:space-between;background:#242b35;color:#a8b9c6;font-size:10px;padding:5px 13px}.ref-browser span:first-child{letter-spacing:4px;color:#8e9daa}.ref-project-shot img{width:100%;height:290px;object-fit:cover;object-position:top;display:block}.ref-project-copy{padding:8px 0}.ref-project-copy .ref-label,.ref-price .ref-label{border-left:3px solid var(--yellow);padding-left:10px}.ref-project-copy h2,.ref-price h2{font:800 clamp(23px,2.35vw,37px)/1.13 var(--display);letter-spacing:-.04em;margin:8px 0}.ref-project-copy>p:not(.ref-label){font-size:12px;color:#cbd2dd;line-height:1.5}.ref-tags{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.ref-tags span{border:1px solid #667887;border-radius:30px;font-size:9px;padding:4px 8px}.ref-project-copy .ref-btn{margin-top:8px}.ref-price{border-left:1px solid #8794a0;padding-left:35px}.ref-price h2 em{font-style:normal;color:var(--yellow);font-size:1.65em;display:inline-block;margin-top:4px}.ref-price>p:not(.ref-label){font-size:12px;color:#d4dae1}.ref-price>a{font-size:11px;color:var(--yellow);font-weight:800}
.ref-process{padding:15px 0;background:#101b23;border-top:1px solid #2b3b48}.ref-process-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:15px;align-items:center}.ref-process h2{font:800 clamp(18px,1.8vw,27px)/1.1 var(--display);margin:0}.ref-step{display:flex;align-items:start;gap:10px}.ref-step>span{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#a574df;color:#fff;font-weight:800;flex:none}.ref-step:nth-child(odd)>span{background:var(--yellow);color:#10131a}.ref-step strong{font-size:12px}.ref-step p{font-size:10px;color:#c2ccd5;line-height:1.35;margin:3px 0}
.ref-cta{padding:15px 0;background:#101b23}.ref-cta-panel{min-height:90px;display:flex;align-items:center;gap:35px;padding:15px 35px;border:1px solid #60477e;border-radius:22px;background:linear-gradient(120deg,#26213d,#2a213c 50%,#49316a 85%,#201d32)}.ref-cta-panel img{width:130px;height:65px;object-fit:contain;border-right:1px solid #9381aa;padding-right:28px;box-sizing:content-box}.ref-cta-panel h2{font:800 clamp(20px,2.1vw,30px)/1.2 var(--display);letter-spacing:-.04em;margin:0}.ref-cta-panel p{font-size:12px;color:#d6d2e2;margin:4px 0 0}.ref-cta-panel .ref-btn{margin-left:auto}
.footer{background:#080f15}.footer-top{display:none}.footer-mid{padding:25px 0 18px}.footer-mid .footer-logo img{display:none}.footer-mid .footer-logo{font-size:17px}.footer-mid nav{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}.footer-mid nav a{font-size:11px}.footer-bottom{padding:12px 0}
@media(max-width:1150px){.ref-hero-grid{grid-template-columns:1fr 1fr}.ref-benefits{grid-column:1/-1;display:flex;justify-content:space-around}.ref-service-grid{grid-template-columns:repeat(3,1fr)}.ref-service-title{grid-column:1/-1}.ref-feature-grid{gap:20px;grid-template-columns:1fr 1fr}.ref-price{grid-column:1/-1;border-left:0;border-top:1px solid #55626d;padding:15px 0}.ref-process-grid{grid-template-columns:repeat(4,1fr)}.ref-process-grid>div:first-child{grid-column:1/-1}}
@media(max-width:780px){.ref-hero-grid{grid-template-columns:1fr;padding:45px 0}.ref-hero-art{min-height:300px}.ref-benefits{grid-column:auto;flex-wrap:wrap;gap:20px}.ref-service-grid{grid-template-columns:1fr 1fr}.ref-service-title{grid-column:1/-1}.ref-feature-grid{grid-template-columns:1fr}.ref-price{grid-column:auto}.ref-project-shot{max-height:330px}.ref-process-grid{grid-template-columns:1fr 1fr}.ref-process-grid>div:first-child{grid-column:1/-1}.ref-cta-panel{flex-wrap:wrap}.ref-cta-panel .ref-btn{margin-left:0}.footer-mid nav{display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:540px){.ref-hero-copy h1{font-size:clamp(42px,10vw,62px)}.ref-hero-art{min-height:250px}.ref-laptop-screen{height:195px}.ref-swoosh{width:290px;height:210px}.ref-benefits{display:grid;grid-template-columns:1fr 1fr}.ref-benefits>div:last-child{grid-column:1/-1}.ref-trust .wrap{grid-template-columns:1fr;gap:14px;padding:17px 0}.ref-trust .wrap>div{justify-content:flex-start;border:0}.ref-service-grid{grid-template-columns:1fr}.ref-service-title{grid-column:auto}.ref-feature-grid{gap:25px}.ref-project-shot img{height:250px}.ref-process-grid{grid-template-columns:1fr}.ref-cta-panel{padding:20px}.ref-cta-panel img{width:80px;padding-right:10px}.ref-cta-panel .ref-btn{width:100%}.footer-mid nav{grid-template-columns:1fr 1fr}}


/* Coordinated inner-page design system: matches the reference-inspired homepage */
.inner-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 50%,#2c2942 0%,#18232d 37%,#0a1218 78%);border-bottom:1px solid #30414c}
.inner-banner:before{content:"";position:absolute;left:-110px;bottom:-190px;width:390px;height:290px;background:#62388727;transform:rotate(29deg);border-radius:40px}
.inner-banner-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);align-items:center;gap:40px;min-height:365px;padding:62px 0}
.inner-banner h1{font:800 clamp(52px,6.3vw,92px)/1.01 var(--display);letter-spacing:-.067em;margin:16px 0 18px}
.inner-banner h1 em{color:var(--yellow);font-style:italic}
.inner-banner-grid>div:first-child>p:not(.ref-label){font-size:15px;color:#d3dce5;max-width:640px;line-height:1.6}
.inner-banner-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}
.inner-art{height:290px;position:relative;display:grid;place-items:center;isolation:isolate}
.inner-orbit{position:absolute;width:260px;height:260px;border:3px solid var(--yellow);border-left-color:transparent;border-bottom-color:#8f55c5;border-radius:50%;transform:rotate(-35deg);filter:drop-shadow(0 0 12px #a45cba65)}
.inner-orbit.orbit-small{width:210px;height:210px;border-width:1px;border-color:#a78ad878;transform:rotate(35deg) scaleX(.8)}
.inner-symbol{position:relative;z-index:2;font:800 155px/1 var(--display);letter-spacing:-.08em;color:#f4f6fb;text-shadow:10px 10px 0 #6f429a,0 0 40px #9164c865}
.inner-art-label{position:absolute;bottom:2px;color:#c7a3f4;font:800 10px var(--font);letter-spacing:.18em}
.art-quote .inner-symbol{color:var(--yellow);text-shadow:8px 8px 0 #653b92,0 0 40px #9164c865}
.art-legal .inner-symbol{font-size:140px;color:#c5a2f6}
.portfolio-stats,.quote-trust,.legal-intro-strip{background:#101b23;border-bottom:1px solid #2e404c}
.portfolio-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:82px;align-items:center}
.portfolio-stats-grid>div{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #40525f}
.portfolio-stats-grid>div:last-child{border:0}
.portfolio-stats-grid span{font:800 29px var(--display);color:var(--yellow)}
.portfolio-stats-grid small{font-size:10px;letter-spacing:.1em;color:#c2cbd4;font-weight:800}
.inner-section{padding:75px 0;background:#0b141b;scroll-margin-top:20px}
.inner-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.inner-section-heading h2{font:800 clamp(37px,4.2vw,58px)/1.1 var(--display);letter-spacing:-.06em;margin:8px 0 0}
.inner-section-heading h2 em{color:var(--yellow);font-style:italic}
.inner-section-heading>p{font-size:14px;color:#c5d0d9;max-width:400px;line-height:1.6;margin:0}
.case-study{display:grid;grid-template-columns:1.12fr .88fr;gap:0;border:1px solid #3b4b58;border-radius:22px;overflow:hidden;background:#17232e}
.case-study-image{padding:20px;background:radial-gradient(ellipse at 25% 80%,#473063,#1b2633 68%);min-width:0}
.case-browser{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#242b36;border-radius:12px 12px 0 0;padding:10px 14px;color:#d1d8e2;font-size:11px}
.case-browser span:first-child{letter-spacing:4px;color:#ad82e5}
.case-study-image img{display:block;width:100%;height:500px;object-fit:cover;object-position:top;border-radius:0 0 10px 10px}
.case-study-details{padding:43px;display:flex;flex-direction:column;align-items:flex-start}
.case-number{font:800 11px var(--font);letter-spacing:.16em;color:#bb8af0;width:100%;display:flex;justify-content:space-between}
.case-number span{font-size:23px;color:var(--yellow)}
.case-study-details h3{font:800 clamp(47px,5vw,76px)/.98 var(--display);letter-spacing:-.07em;margin:24px 0 16px}
.case-study-details h3 em{color:var(--yellow);font-style:italic}
.case-study-details>p{color:#c5d0db;font-size:14px;line-height:1.6}
.case-features{width:100%;border-top:1px solid #435362;margin:8px 0 25px}
.case-features>div{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-bottom:1px solid #435362}
.case-features strong{font-size:11px;letter-spacing:.08em}
.case-features small{font-size:12px;color:#b7c4d0}
.next-work-section{background:#101b23;padding-top:10px}
.next-work-panel{display:flex;align-items:center;gap:35px;border:1px solid #5b4772;border-radius:24px;padding:35px 45px;background:linear-gradient(110deg,#27223e,#30243d 60%,#3d2a5a)}
.next-work-symbol{font-size:80px;line-height:1;color:var(--yellow)}
.next-work-panel h2{font:800 clamp(30px,3.3vw,45px)/1.12 var(--display);letter-spacing:-.05em;margin:8px 0}
.next-work-panel h2 em{color:var(--yellow);font-style:italic}
.next-work-panel p:not(.ref-label){color:#cdd0dc;margin:0;font-size:13px}
.next-work-panel .ref-btn{margin-left:auto}
.quote-trust .wrap,.legal-intro-strip .wrap{display:flex;align-items:center;justify-content:space-around;gap:18px;min-height:65px;flex-wrap:wrap}
.quote-trust span,.legal-intro-strip span{font-size:11px;letter-spacing:.04em;font-weight:800;color:#d1d8e2}
.quote-rework{background:radial-gradient(ellipse at 10% 40%,#251d35,#0b141b 52%)}
.quote-rework .quote-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px}
.quote-rework .form-panel,.quote-rework .estimate-box{background:#192630;border:1px solid #465160;border-radius:20px;box-shadow:0 15px 50px #0003}
.quote-rework .form-panel{padding:35px}
.quote-rework .estimate-box{padding:30px;background:linear-gradient(160deg,#29243c,#192630 60%)}
.quote-rework .form-intro h2,.quote-rework .estimate-box h3{font-family:var(--display)}
.quote-rework .estimate-big{color:var(--yellow)}
.quote-rework .estimate-total{color:var(--yellow)}
.quote-rework .form-panel fieldset{border-top:1px solid #485361;padding-top:20px}
.quote-rework .form-panel legend{color:#f7f7fa;font-family:var(--display)}
.quote-rework .field input,.quote-rework .field select,.quote-rework .field textarea{background:#101b25;border:1px solid #5a6775;color:#f4f7fa;border-radius:10px}
.quote-rework .field input:focus,.quote-rework .field select:focus,.quote-rework .field textarea:focus{border-color:var(--yellow);outline:2px solid #ffe05b40}
.quote-rework .button-yellow,.quote-rework button[type=submit]{background:var(--yellow);color:#121720;border-radius:24px}
.quote-rework a:not(.ref-btn):hover{color:var(--yellow)}
.quote-info{background:#101b23;padding:26px 0 75px}
.quote-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.quote-info-grid article{border:1px solid #3b4b58;border-radius:16px;background:#192630;padding:22px}
.quote-info-grid article>span{width:35px;height:35px;border-radius:50%;background:#a878e4;color:#11141c;display:grid;place-items:center;font-weight:800}
.quote-info-grid article:nth-child(even)>span{background:var(--yellow)}
.quote-info-grid h3{font:800 17px var(--display);margin:16px 0 8px}
.quote-info-grid p{font-size:12px;color:#c2ccd7;margin:0}
.legal-intro-strip span{letter-spacing:.12em}
.legal-rework{background:radial-gradient(ellipse at 10% 10%,#211b31,#0b141b 50%)}
.legal-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:45px;align-items:start}
.legal-toc{position:sticky;top:20px}
.legal-toc>nav{display:grid;gap:0;background:#192630;border:1px solid #405160;border-radius:16px;overflow:hidden}
.legal-toc>nav a{padding:13px 16px;border-bottom:1px solid #3c4c59;font-size:12px;font-weight:700;color:#cbd4dd;line-height:1.35}
.legal-toc>nav a:last-child{border:0}
.legal-toc>nav a:hover{background:#2b2840;color:var(--yellow)}
.legal-toc>.ref-label{margin-bottom:14px}
.legal-help{background:linear-gradient(140deg,#332646,#222b3a);border:1px solid #594873;border-radius:16px;padding:24px;margin-top:20px}
.legal-help>span{font-size:35px;color:var(--yellow)}
.legal-help h3{font:800 21px var(--display);margin:5px 0}
.legal-help p{color:#c8d0dc;font-size:12px}
.legal-help .ref-btn{margin-top:8px}
.legal-rework .legal-content{max-width:none;background:#182631;border:1px solid #40505e;border-radius:20px;padding:36px 42px;overflow-wrap:anywhere}
.legal-rework .legal-content h2{font:800 25px/1.2 var(--display);color:#f5f7fa;letter-spacing:-.03em;scroll-margin-top:25px;border-top:1px solid #455563;padding-top:25px}
.legal-rework .legal-content h2:first-of-type{border:0;padding-top:0}
.legal-rework .legal-content h3{font-family:var(--display)}
.legal-rework .legal-content p,.legal-rework .legal-content li{font-size:14px;color:#c8d2dc}
.legal-rework .legal-content a{color:var(--yellow)}
.legal-rework .legal-content .legal-notice{background:#302a3d;border-left:4px solid var(--yellow)}
.legal-rework .legal-content .legal-end{background:#2a2940}
.legal-rework .legal-content .legal-end .button{background:var(--yellow);color:#131720;border-radius:25px}
@media(max-width:1050px){.case-study-details{padding:28px}.case-study-image img{height:440px}.quote-info-grid{grid-template-columns:repeat(2,1fr)}.legal-layout{grid-template-columns:230px minmax(0,1fr);gap:24px}.legal-rework .legal-content{padding:26px}}
@media(max-width:780px){.inner-banner-grid{grid-template-columns:1fr;min-height:0;padding:55px 0 25px;gap:5px}.inner-art{height:180px}.inner-orbit{width:170px;height:170px}.inner-orbit.orbit-small{width:130px;height:130px}.inner-symbol{font-size:105px}.inner-art-label{display:none}.inner-section{padding:55px 0}.inner-section-heading{flex-direction:column;align-items:start;gap:12px}.case-study{grid-template-columns:1fr}.case-study-image img{height:420px}.next-work-panel{flex-wrap:wrap}.next-work-panel .ref-btn{margin-left:0}.quote-rework .quote-grid,.legal-layout{grid-template-columns:1fr}.legal-toc{position:static}.legal-toc>nav{grid-template-columns:1fr 1fr;display:grid}.legal-toc>nav a{border-right:1px solid #3c4c59}.legal-help{display:none}}
@media(max-width:540px){.inner-banner h1{font-size:clamp(44px,11vw,62px)}.inner-banner-grid{padding:44px 0 20px}.inner-banner-actions .ref-btn{flex:1}.portfolio-stats-grid{grid-template-columns:1fr;gap:10px;padding:14px 0}.portfolio-stats-grid>div{justify-content:start;border:0;gap:20px}.portfolio-stats-grid span{min-width:75px}.inner-section-heading h2{font-size:39px}.case-study-image{padding:9px}.case-browser{font-size:9px}.case-study-image img{height:300px}.case-study-details{padding:23px}.case-study-details h3{font-size:53px}.next-work-panel{padding:25px}.next-work-symbol{font-size:50px}.next-work-panel .ref-btn{width:100%}.quote-trust .wrap,.legal-intro-strip .wrap{align-items:start;flex-direction:column;padding:15px 0;gap:7px}.quote-info-grid{grid-template-columns:1fr}.legal-toc>nav{grid-template-columns:1fr}.legal-rework .legal-content{padding:22px 19px}.legal-rework .legal-content h2{font-size:23px}}

/* Homepage breathing room and FAQ — intentionally scoped to homepage sections */
.ref-hero-grid{min-height:470px;padding-top:75px;padding-bottom:75px;gap:45px}
.ref-hero-copy h1{margin-bottom:24px}
.ref-hero-copy>p:not(.ref-kicker){line-height:1.7}
.ref-actions{margin-top:30px}
.ref-hero-art{min-height:340px}
.ref-trust .wrap{min-height:100px}
.ref-services{padding:85px 0 90px}
.ref-service-grid{gap:19px}
.ref-service-title{align-self:center}
.ref-service-card{min-height:145px;padding:23px 20px}
.ref-service-card p{line-height:1.6}
.ref-feature{padding:80px 0 85px}
.ref-feature-grid{gap:48px}
.ref-project-shot{max-height:340px}
.ref-project-shot img{height:340px}
.ref-project-copy>p:not(.ref-label){line-height:1.7}
.ref-project-copy h2{margin:17px 0}
.ref-price{padding-left:42px}
.ref-process{padding:75px 0 85px}
.ref-process-grid{gap:22px}
.ref-step{gap:15px}
.ref-step p{line-height:1.55}
.ref-cta{padding:55px 0 80px}
.ref-cta-panel{min-height:115px}
.ref-faq{background:radial-gradient(ellipse at 8% 80%,#28203a,#101b24 42%,#0b141b 85%);padding:90px 0 100px;border-top:1px solid #33414d;border-bottom:1px solid #33414d}
.ref-faq-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:75px;align-items:start}
.ref-faq-intro{position:relative;min-width:0}
.ref-faq-intro h2{font:800 clamp(38px,4.1vw,58px)/1.08 var(--display);letter-spacing:-.055em;margin:16px 0 22px}
.ref-faq-intro h2 em{color:var(--yellow);font-style:italic}
.ref-faq-intro>p:not(.ref-label){font-size:15px;color:#c6d0da;max-width:410px;line-height:1.75;margin:0 0 27px}
.ref-faq-decoration{font-size:110px;line-height:1;color:#ab78e53a;margin-top:45px;pointer-events:none}
.ref-faq-questions{border-top:1px solid #43525f}
.ref-faq-questions details{border-bottom:1px solid #43525f;padding:0 4px}
.ref-faq-questions summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px 0;list-style:none;cursor:pointer;font:700 16px/1.45 var(--display);color:#f3f5fa}
.ref-faq-questions summary::-webkit-details-marker{display:none}
.ref-faq-questions summary:hover{color:var(--yellow)}
.ref-faq-questions .faq-plus{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #6c5a7d;border-radius:50%;color:var(--yellow);font:500 22px/1 var(--font)}
.ref-faq-questions .faq-plus:before{content:'+'}
.ref-faq-questions details[open] .faq-plus:before{content:'−'}
.ref-faq-questions .faq-answer{color:#bfccd7;font-size:14px;line-height:1.8;padding:0 48px 25px 0}
.ref-faq-questions .faq-answer a{color:var(--yellow);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1150px){.ref-hero-grid{gap:32px}.ref-feature-grid{gap:27px}.ref-price{padding-left:0}.ref-faq-layout{gap:42px}}
@media(max-width:780px){.ref-hero-grid{min-height:0;padding:65px 0;gap:30px}.ref-hero-art{min-height:300px}.ref-services{padding:70px 0}.ref-feature{padding:65px 0}.ref-process{padding:65px 0}.ref-cta{padding:45px 0 65px}.ref-faq{padding:70px 0}.ref-faq-layout{grid-template-columns:1fr;gap:25px}.ref-faq-decoration{display:none}.ref-faq-intro h2{max-width:550px}}
@media(max-width:540px){.ref-hero-grid{padding:50px 0;gap:25px}.ref-hero-art{min-height:260px}.ref-trust .wrap{min-height:0}.ref-services{padding:55px 0}.ref-service-card{min-height:0;padding:20px}.ref-feature{padding:55px 0}.ref-project-shot img{height:265px}.ref-process{padding:55px 0}.ref-cta{padding:30px 0 60px}.ref-faq{padding:60px 0 70px}.ref-faq-intro h2{font-size:clamp(35px,9vw,47px)}.ref-faq-questions summary{font-size:15px;padding:20px 0}.ref-faq-questions .faq-answer{padding-right:8px}}


/* Expanded services — clear, spacious cards consistent with the homepage */
.services-expanded{padding:76px 0 82px;background:radial-gradient(ellipse at 18% 95%,#25203a 0%,#0b131a 48%);scroll-margin-top:35px}
.services-heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:31px}
.services-heading-row h2{font:800 clamp(35px,4vw,57px)/1.09 var(--display);letter-spacing:-.06em;margin:10px 0 0}
.services-heading-row h2 em{color:var(--yellow);font-style:italic}
.services-heading-row>p{max-width:420px;color:#c8d2dc;font-size:14px;line-height:1.65;margin:0}
.services-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-detail-card{display:flex;flex-direction:column;min-width:0;padding:30px 27px 25px;border-radius:19px;background:linear-gradient(160deg,#202b36,#17232c);border:1px solid #3a4b57;box-shadow:0 15px 30px #0002}
.service-design{background:linear-gradient(155deg,#392b4c,#252438 65%,#1d2632);border-color:#675082}
.service-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px}
.service-card-number{font-size:10px;font-weight:800;letter-spacing:.13em;color:#b78aec}
.service-card-symbol{width:51px;height:51px;border-radius:13px;display:grid;place-items:center;background:#ffffff0d;border:1px solid #ffffff22;color:#ffe05b;font-size:30px;line-height:1}
.service-detail-card h3{font:800 clamp(24px,2.3vw,33px)/1.13 var(--display);letter-spacing:-.04em;margin:18px 0 12px}
.service-detail-card>p{font-size:13px;line-height:1.65;color:#c8d2dc;margin:0 0 20px}
.service-highlights{list-style:none;margin:0 0 28px;padding:19px 0 0;border-top:1px solid #ffffff25;display:grid;gap:11px}
.service-highlights li{position:relative;padding-left:21px;color:#e2e7ec;font-size:12px;line-height:1.5}
.service-highlights li:before{content:"✓";position:absolute;left:0;color:var(--yellow);font-weight:800}
.service-card-bottom{margin-top:auto;padding-top:20px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.service-card-bottom>span:first-child{font-size:10px;letter-spacing:.05em;color:#d3dce4;font-weight:800}
.service-card-bottom strong{font:800 19px var(--display);color:var(--yellow)}
.service-card-bottom>a{font-size:11px;font-weight:800;color:#ffe05b;white-space:nowrap}
.service-card-bottom>a:hover{text-decoration:underline;text-underline-offset:4px}
.service-static-tag{font-size:9px;font-weight:800;letter-spacing:.06em;color:#bfa8e4}
.services-extras{display:flex;align-items:center;gap:18px;margin-top:20px;padding:19px 25px;border:1px solid #4d4a62;border-radius:15px;background:#25253a}
.services-extras-icon{font-size:27px;color:var(--yellow);flex:none}
.services-extras p{font-size:12px;color:#cbd3df;line-height:1.55;margin:0;flex:1}
.services-extras strong{color:#fff}
.services-extras>a{font-size:12px;font-weight:800;color:var(--yellow);white-space:nowrap}
@media(max-width:1050px){.services-detail-grid{gap:12px}.service-detail-card{padding:23px 19px}.service-card-bottom{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:780px){.services-expanded{padding:58px 0}.services-heading-row{align-items:start;flex-direction:column;gap:12px}.services-detail-grid{grid-template-columns:1fr}.service-detail-card{padding:26px}.service-card-bottom{flex-direction:row;align-items:center}.services-extras{flex-wrap:wrap}.services-extras>a{margin-left:46px}}
@media(max-width:540px){.services-heading-row h2{font-size:clamp(34px,9vw,47px)}.service-card-bottom{flex-direction:column;align-items:flex-start}.services-extras{padding:17px;gap:12px}.services-extras-icon{font-size:23px}.services-extras p{flex-basis:calc(100% - 40px)}.services-extras>a{margin-left:35px}}

/* Polished, accessible micro-interactions */
@media (prefers-reduced-motion: no-preference) {
  .motion-ready [data-reveal] { opacity:0; transform:translate3d(0,22px,0); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms) }
  .motion-ready [data-reveal].is-visible {opacity:1;transform:translate3d(0,0,0)}
  .ref-hero-copy h1, .inner-banner h1 {animation:headline-enter .85s cubic-bezier(.2,.7,.2,1) both}
  .ref-hero-copy>p:not(.ref-kicker) {animation:headline-enter .85s .12s both}
  .ref-hero-art .ref-laptop {animation:laptop-float 6s ease-in-out infinite}
  .ref-hero-art .ref-swoosh,.inner-orbit {animation:orbit-glow 7s ease-in-out infinite alternate}
  .ref-hero-copy h1 em, .services-heading-row h2 em, .ref-price h2 em, .ref-faq-intro h2 em {background:linear-gradient(100deg,#ffe05b 20%,#fff3ad 50%,#ffe05b 80%);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shine-text 8s linear infinite}
  .ref-btn,.service-detail-card,.ref-service-card,.case-study,.ref-faq-questions details,.ref-cta-panel {transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
  .service-detail-card:hover,.ref-service-card:hover {transform:translateY(-5px);border-color:#a576e4;box-shadow:0 18px 45px #0005}
  .ref-btn.yellow:hover {box-shadow:0 0 25px #ffe05b55}
  .ref-faq-questions details[open] {border-color:#9b79c3}
  .ref-faq-questions details[open] .faq-answer {animation:faq-open .3s ease both}
  .ref-card-arrow,.ref-btn span {transition:transform .25s ease}
  .ref-btn:hover span,.ref-service-card:hover .ref-card-arrow {transform:translateX(4px)}
  @keyframes headline-enter {from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
  @keyframes laptop-float {0%,100%{transform:translateY(0) rotate(-4deg) rotateY(-9deg)}50%{transform:translateY(-9px) rotate(-4deg) rotateY(-9deg)}}
  @keyframes orbit-glow {from{filter:drop-shadow(0 0 4px #a95bbd50)}to{filter:drop-shadow(0 0 17px #f7d75875)}}
  @keyframes shine-text {to{background-position:220% center}}
  @keyframes faq-open {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
}
@media (prefers-reduced-motion: reduce) {
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
 [data-reveal]{opacity:1!important;transform:none!important}
}

/* Motion Studio: expressive, restrained animations */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:1000;background:linear-gradient(90deg,#a576e4,#ffe05b,#fff3b1);transform:scaleX(0);transform-origin:left;pointer-events:none}
.ref-hero{isolation:isolate}.hero-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.hero-spark{position:absolute;color:#ffe05b;opacity:.65;font-size:19px;text-shadow:0 0 15px #ffe05b88}.spark-1{left:4%;top:18%}.spark-2{left:48%;top:12%;color:#bd89fa}.spark-3{left:91%;top:16%}.spark-4{left:83%;bottom:15%;color:#bd89fa}.spark-5{left:39%;bottom:8%}.spark-6{left:9%;bottom:20%;color:#bd89fa}
.ref-hero-copy h1 em,.inner-banner h1 em{position:relative}.ref-hero-copy h1 em::after,.inner-banner h1 em::after{content:"";position:absolute;left:2%;right:0;bottom:-5px;height:4px;background:linear-gradient(90deg,#a576e4,#ffe05b);border-radius:10px;transform-origin:left}
.glow-card{position:relative;isolation:isolate;overflow:hidden}.glow-card::before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--glow-x,50%) var(--glow-y,50%),#ffe05b19,transparent 75%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .25s}.glow-card:hover::before{opacity:1}
.ref-faq details summary,.faq-list details summary{transition:color .25s}.ref-faq details[open] summary,.faq-list details[open] summary{color:#ffe05b}
.ref-trust .wrap>div>span,.ref-benefits .benefit-icon{transition:transform .35s,color .35s}.ref-trust .wrap>div:hover>span,.ref-benefits>div:hover .benefit-icon{transform:scale(1.15) rotate(-7deg);color:#ffe05b}
@media(prefers-reduced-motion:no-preference){
 .hero-spark{animation:spark-drift 6s ease-in-out infinite alternate}.spark-2,.spark-5{animation-delay:-2s;animation-duration:8s}.spark-3,.spark-6{animation-delay:-4s;animation-duration:7s}
 .ref-hero-copy h1 em::after,.inner-banner h1 em::after{animation:underline-draw 1s .8s cubic-bezier(.2,.8,.2,1) both}
 .ref-cta-panel{background-size:200% 200%;animation:cta-breathe 9s ease-in-out infinite alternate}
 .process-animated>span{transition:transform .35s,box-shadow .35s}.process-animated:hover>span{transform:rotate(12deg) scale(1.1);box-shadow:0 0 18px #a576e477}
 .ref-price h2 em{filter:drop-shadow(0 0 8px #ffe05b22)}
 .motion-surface:focus-within{border-color:#a576e4}
 @keyframes spark-drift{0%{transform:translate(0,0) rotate(0);opacity:.3}50%{opacity:.8}100%{transform:translate(12px,-20px) rotate(25deg);opacity:.35}}
 @keyframes underline-draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 @keyframes cta-breathe{0%{background-position:0% 50%}100%{background-position:100% 50%}}
}
@media(max-width:780px){.hero-spark{font-size:13px;opacity:.35}.spark-2,.spark-5{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-progress{transition:none}.hero-spark{animation:none!important}.ref-hero-copy h1 em::after,.inner-banner h1 em::after{animation:none!important;transform:none!important}}

/* Cinematic motion upgrade: GPU-friendly transforms, no motion library */
html{scroll-behavior:smooth}
:root{--cinematic-ease:cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:no-preference){
 .motion-ready [data-reveal]{transform:translate3d(0,30px,0) scale(.985);transition:opacity .95s var(--cinematic-ease),transform .95s var(--cinematic-ease);transition-delay:var(--reveal-delay,0ms)}
 .motion-ready [data-reveal].is-visible{transform:translate3d(0,0,0) scale(1)}
 .ref-hero-art{animation:hero-arrive 1.35s .12s var(--cinematic-ease) both}
 .ref-hero-art .ref-laptop{animation:laptop-gentle 7s ease-in-out infinite}
 .ref-hero-art .ref-swoosh{animation:orbit-glow 8s ease-in-out infinite alternate,orbit-tilt 15s ease-in-out infinite alternate}
 .hero-spark{animation:spark-drift 9s ease-in-out infinite alternate!important}
 .hero-spark:nth-child(even){animation-duration:12s!important}
 .kinetic-heading em{filter:drop-shadow(0 0 8px #ffe05b25);transition:filter .5s ease}
 .kinetic-heading:hover em{filter:drop-shadow(0 0 14px #ffe05b65)}
 .magnetic-lite{transition:transform .55s var(--cinematic-ease),box-shadow .55s ease,border-color .45s ease}
 .magnetic-lite:hover{transform:translate3d(0,-7px,0);box-shadow:0 20px 55px #0006}
 .ref-btn{transition:transform .45s var(--cinematic-ease),box-shadow .45s ease,background-color .45s ease}
 .ref-btn:hover{transform:translateY(-3px)}
 .ref-btn:active{transform:translateY(0) scale(.98)}
 .cinematic-cta{position:relative;isolation:isolate;overflow:hidden}
 .cinematic-cta:before{content:"";position:absolute;inset:-80%;z-index:-1;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,#ffe05b14 65deg,transparent 135deg,#b78aef20 240deg,transparent 330deg);animation:cta-orbit 24s linear infinite}
 .ref-faq details[open],.faq-list details[open]{box-shadow:0 10px 28px #0003;border-color:#a576e4}
 .ref-faq details summary:focus-visible,.ref-btn:focus-visible,.service-card-bottom a:focus-visible{outline:2px solid #ffe05b;outline-offset:4px}
 @keyframes hero-arrive{from{opacity:0;transform:translate3d(24px,22px,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
 @keyframes laptop-gentle{0%,100%{transform:translate3d(0,0,0) rotate(-4deg) rotateY(-9deg)}50%{transform:translate3d(0,-11px,0) rotate(-3deg) rotateY(-9deg)}}
 @keyframes orbit-tilt{0%{transform:rotate(-4deg)}100%{transform:rotate(6deg)}}
 @keyframes cta-orbit{to{transform:rotate(360deg)}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinematic-cta:before{animation:none!important}.ref-hero-art,.ref-hero-art .ref-laptop,.ref-hero-art .ref-swoosh{animation:none!important}}
@media(max-width:780px){.magnetic-lite:hover{transform:none}.cinematic-cta:before{display:none}}

/* Netlify form feedback and bot trap */
.netlify-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-status{font-size:13px;line-height:1.5;margin-top:10px}
.form-status-success{color:#b4f5c8;font-weight:700}
.form-status-error{color:#ffb5b5;font-weight:700}
#quoteForm button[type=submit]:disabled{opacity:.65;cursor:wait}

/* Preferred WhatsApp contact */
.footer-mid .contact-preference{padding:17px 21px;background:#1b2b34;border:1px solid #455465;border-radius:16px;max-width:330px}
.contact-preference strong{font-size:13px;color:#ffe05b}
.contact-preference p{font-size:12px;line-height:1.5;color:#cbd5df;margin:7px 0 10px}
.contact-preference>a{display:inline-flex;gap:8px;color:#fff;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.contact-preference small{display:block;margin-top:12px;color:#bfcbd4;font-size:11px}
.contact-preference small a{color:#d6b6ff;text-decoration:underline}
.whatsapp-quote-note{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 25px;margin:0 0 28px;border-radius:18px;border:1px solid #5e5575;background:linear-gradient(110deg,#2c2540,#1c3038)}
.whatsapp-quote-note strong{font:800 18px var(--display);color:#ffe05b}
.whatsapp-quote-note p{font-size:13px;line-height:1.6;color:#d3dce5;margin:7px 0 0}
.whatsapp-quote-note .ref-btn{flex:none}
@media(max-width:700px){.whatsapp-quote-note{flex-direction:column;align-items:stretch}.whatsapp-quote-note .ref-btn{align-self:flex-start}.footer-mid .contact-preference{max-width:none}}

/* Quote delivery chooser */
.quote-send-heading strong{font:800 18px var(--display);color:#fff}
.quote-send-heading p{font-size:13px;color:#c9d3dd;margin:6px 0 18px}
.quote-send-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote-send-options .quote-send-button{min-height:55px;padding:13px 15px;white-space:normal;text-align:center;line-height:1.35;border-radius:14px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.quote-send-options .quote-send-button:hover{transform:translateY(-3px)}
.quote-send-options .quote-send-email{background:#2c2940;border:1px solid #a681d7;color:#f5f0ff}
.quote-send-options .quote-send-email:hover{box-shadow:0 0 24px #a681d755}
.quote-send-disclaimer{font-size:12px;color:#c6d1dc;line-height:1.6;margin:14px 0 5px}
.quote-send-disclaimer strong{color:#fff}
@media(max-width:540px){.quote-send-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.quote-send-options .quote-send-button:hover{transform:none}}

/* Expanded services: balanced cards for the additional SEO and monthly packages. */
@media(min-width:1000px){.services-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.service-detail-card .service-highlights{margin-bottom:24px}

.service-card-symbol svg{width:28px;height:28px;display:block;stroke:currentColor;fill:none}