/* Sanu Tech — original, dependency-free design system. Edit colours here. */
:root{--ink:#181923;--muted:#626474;--paper:#f8f9fc;--white:#fff;--violet:#6046eb;--violet-dark:#4932c8;--lavender:#eeebff;--lime:#d6f58a;--line:#e2e3ec;--radius:24px;--container:1240px;--font:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img,svg{max-width:100%;vertical-align:middle}img{height:auto}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.12;font-weight:650;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.8vw,5.5rem)}h2{font-size:clamp(2.35rem,4vw,3.65rem)}h3{font-size:1.6rem;letter-spacing:-.035em}p{color:var(--muted)}p+p{margin-top:18px}ul,ol{padding-left:1.25rem}li+li{margin-top:8px}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--violet);outline-offset:5px}.dark :focus-visible,footer :focus-visible{outline-color:var(--lime)}[hidden]{display:none!important}.container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}.section{padding:104px 0}.section-sm{padding:70px 0}.section-white{background:white}.section-border{border-top:1px solid var(--line)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:750;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--violet);flex-shrink:0}.eyebrow.light{color:#c4c1d6}.eyebrow.light::before{background:var(--lime)}.eyebrow.no-dot::before{display:none}.accent{color:var(--violet)}.lede{font-size:18px;max-width:620px;line-height:1.8}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:44px}.section-head .eyebrow{margin-bottom:16px}.section-head h2{max-width:720px}.section-head p{max-width:365px}.section-head .text-link{flex-shrink:0}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:14px}.text-link svg{width:19px;height:19px;transition:transform .2s}.text-link:hover svg{transform:translate(3px,-3px)}.text-link:hover{color:var(--violet)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:54px;padding:14px 23px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:600;line-height:1.3;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button svg{width:19px;height:19px;flex-shrink:0}.button-primary{color:white;background:var(--violet);box-shadow:0 5px 18px #6046eb18}.button-primary:hover{background:var(--violet-dark);box-shadow:0 8px 24px #6046eb30}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#303146}.button-outline{background:transparent;border-color:var(--line)}.button-outline:hover{background:white}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e2ff9e}.button-white{background:white;color:var(--ink)}.button-small{min-height:46px;padding:11px 18px;font-size:13px}.button-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px 20px;background:var(--ink);color:white;border-radius:8px}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,249,252,.94);border-bottom:1px solid #e2e3ecb3;backdrop-filter:blur(20px)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:39px;height:39px}.brand-name{font-size:25px;line-height:1;letter-spacing:-1.3px;font-weight:750}.brand-name b{font-weight:750;color:var(--violet)}.brand-name span{color:var(--violet)}.main-nav{display:flex;gap:28px;align-items:center}.main-nav>a{font-size:13px;font-weight:550;position:relative;line-height:2}.main-nav>a:not(.button)::after{position:absolute;content:"";left:0;right:0;bottom:-5px;height:2px;background:var(--violet);transform:scaleX(0);transition:transform .2s}.main-nav>a:hover::after,.main-nav>a[aria-current=page]::after{transform:scaleX(1)}.main-nav>a[aria-current=page]{color:var(--violet)}.nav-mobile-cta,.menu-toggle{display:none}.menu-toggle{border:1px solid var(--line);background:white;width:46px;height:46px;border-radius:9px;align-items:center;justify-content:center}.menu-toggle svg{width:22px}.menu-close{display:none}.menu-open .menu-close{display:block}.menu-open .menu-hamburger{display:none}
/* Home / original live HTML interface illustration */
.hero{padding:72px 0 54px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;align-items:center;min-height:558px}.hero h1{font-size:clamp(4rem,6.7vw,6.1rem);letter-spacing:-.064em;line-height:1.015;margin:24px 0}.hero h1 em{font-style:normal;color:var(--violet);position:relative}.hero-copy .lede{max-width:452px;font-size:16px;line-height:1.85;margin-bottom:29px}.hero-note{display:flex;align-items:center;gap:10px;margin-top:29px;color:var(--muted);font-size:12px}.hero-note .icon{width:15px;height:15px}.hero-stage{position:relative;height:558px;min-width:0;isolation:isolate}.stage-orbit{position:absolute;width:485px;height:485px;left:38px;top:30px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#ece5ff,#dad5ff 60%,#c3bafa);z-index:-2}.stage-orbit::before{content:"";position:absolute;inset:-25px;border:1px solid #e7e3f6;border-radius:50%}.stage-orbit::after{content:"";position:absolute;inset:32px;border:1px solid #fff9;border-radius:50%}.stage-grid{position:absolute;inset:10px 0;background-image:radial-gradient(#948da638 1px,transparent 1px);background-size:22px 22px;z-index:-3;mask-image:radial-gradient(ellipse,black,transparent 72%)}.browser-ui{position:absolute;left:4px;top:117px;width:426px;height:297px;background:#fff;border-radius:14px;border:1px solid #f8f7ff;box-shadow:0 30px 70px #37305920;transform:rotate(-8deg);overflow:hidden}.browser-top{height:31px;border-bottom:1px solid #efedf5;display:flex;align-items:center;gap:4px;padding:0 12px;background:#fcfbff}.browser-top i{width:5px;height:5px;border-radius:50%;background:#d6d3e4}.browser-address{margin:auto;font-size:7px;color:#747384;letter-spacing:.015em;background:#efedf7;border-radius:4px;padding:2px 45px}.browser-body{display:grid;grid-template-columns:73px 1fr;height:calc(100% - 31px)}.mini-sidebar{padding:17px 9px;background:#f9f8fe;border-right:1px solid #eeecf6}.mini-sidebar strong{font-size:10px;letter-spacing:-.03em;display:block;margin-bottom:22px}.mini-sidebar b{display:flex;align-items:center;gap:6px;border-radius:4px;padding:5px;margin-top:7px;font-size:6px;font-weight:500;color:#777084}.mini-sidebar b.active{background:#e8e3ff;color:#573fd1}.mini-sidebar b i{width:6px;height:6px;border:1px solid currentColor;border-radius:1px}.mini-content{padding:18px}.mini-topline{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#7c768b}.mini-avatar{width:20px;height:20px;background:#e7e1ff;border-radius:50%;display:grid;place-items:center;font-size:7px;color:#6141df}.mini-content h3{font-size:18px;letter-spacing:-.04em;margin:7px 0 14px}.mini-tile-row{display:grid;grid-template-columns:1.35fr 1fr;gap:9px}.mini-tile{padding:10px;border-radius:7px;border:1px solid #ece9f5;font-size:7px;color:#777185}.mini-tile.violet{background:#6248e6;border:0;color:#fff}.mini-tile b{display:block;font-size:16px;font-weight:550;letter-spacing:-.03em;line-height:1.4;color:inherit}.mini-tile .mini-tag{margin-top:6px;display:inline-block;background:#ffffff28;padding:2px 5px;border-radius:3px;font-size:6px}.mini-chart{margin-top:12px;border:1px solid #ece9f5;border-radius:7px;height:104px;padding:10px;position:relative}.mini-chart-label{display:flex;justify-content:space-between;font-size:7px;color:#6f677b}.mini-chart svg{width:100%;height:60px;position:absolute;bottom:5px;left:0}.phone-ui{position:absolute;width:205px;height:384px;top:53px;right:-1px;border:6px solid #232431;border-radius:33px;background:#f5f3ff;box-shadow:0 24px 45px #3330473b;transform:rotate(9deg);overflow:hidden}.phone-ui::before{content:"";position:absolute;z-index:1;top:0;left:50%;transform:translateX(-50%);width:64px;height:15px;border-radius:0 0 12px 12px;background:#232431}.phone-top{font-size:8px;font-weight:700;padding:8px 14px 0;display:flex;justify-content:space-between}.phone-content{padding:25px 14px 10px}.phone-greeting{font-size:7px;color:#888193}.phone-content h3{font-size:23px;margin:3px 0 14px;letter-spacing:-.05em}.room-feature{padding:13px;background:#6744ea;border-radius:14px;color:white;position:relative}.room-label{font-size:6px;letter-spacing:.08em;text-transform:uppercase;color:#e3dcff}.room-feature h4{font-size:17px;letter-spacing:-.035em;line-height:1.2;margin:8px 0 14px}.room-persons{display:flex;align-items:center}.room-persons i{width:22px;height:22px;background:#ecdccc;border:2px solid #6744ea;border-radius:50%;display:grid;place-items:center;font-size:7px;font-weight:600;font-style:normal;color:#584052;margin-left:-5px}.room-persons i:first-child{margin-left:0;background:#c1efda}.room-persons i:last-child{background:#e6d6ff}.sound-bars{display:flex;gap:3px;align-items:center;margin-left:auto;height:18px}.sound-bars i{display:block;width:3px!important;margin:0;border:0;border-radius:2px;height:10px;background:var(--lime)!important}.sound-bars i:nth-child(2){height:17px}.sound-bars i:nth-child(4){height:14px}.phone-subtitle{font-size:9px;font-weight:650;margin:17px 0 10px}.mini-room{display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px;background:white;border-radius:9px}.room-square{height:26px;width:26px;display:grid;place-items:center;background:#e5ddff;border-radius:7px;color:#6544d9;font-size:12px}.mini-room strong{font-size:8px;font-weight:600;display:block;line-height:1.5}.mini-room small{font-size:6px;display:block;color:#888}.phone-bottom{display:flex;justify-content:space-around;position:absolute;left:0;right:0;bottom:0;background:white;padding:10px;color:#96909f}.phone-bottom .icon{width:12px;height:12px}.phone-bottom .icon:first-child{color:var(--violet)}.float-label{position:absolute;display:flex;align-items:center;gap:12px;background:white;padding:15px 20px;border:1px solid #e9e6f3;border-radius:13px;box-shadow:0 15px 38px #1c193e12;left:58px;bottom:55px;transform:rotate(-4deg)}.float-label .check-circle{display:grid;place-items:center;width:32px;height:32px;background:var(--lime);border-radius:50%}.float-label .check-circle .icon{width:16px}.float-label strong{display:block;font-size:12px;line-height:1.5}.float-label small{font-size:9px;color:#77727f;display:block}.stage-star{position:absolute;top:38px;left:4px;color:var(--violet);width:43px;height:43px;transform:rotate(15deg)}.stage-arrow{position:absolute;right:10px;bottom:60px;width:86px;transform:rotate(20deg);color:var(--violet)}.stage-label{position:absolute;bottom:8px;left:40px;font-size:8px;color:#898493;letter-spacing:.14em;text-transform:uppercase}.capability-strip{border-block:1px solid var(--line);padding:24px 0;background:#fff}.capability-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.capability-inner span{font-weight:650;font-size:12px;letter-spacing:.055em}.capability-inner .sparkle{color:var(--violet);font-size:20px}
/* Service cards */
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card{display:block;position:relative;padding:32px 34px 30px;background:white;border:1px solid var(--line);border-radius:20px;transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);border-color:#baaff3;box-shadow:0 15px 35px #332c6010}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.service-icon{width:54px;height:54px;background:var(--lavender);color:var(--violet);display:grid;place-items:center;border-radius:14px}.service-icon .icon{width:27px;height:27px}.service-no{font-family:monospace;color:#9997a4;font-size:12px}.service-card h3{font-size:26px;letter-spacing:-.04em;margin-bottom:12px}.service-card p{font-size:14px;max-width:470px;line-height:1.85;margin-bottom:22px}.service-card-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center}.small-tags{display:flex;gap:7px;flex-wrap:wrap}.small-tags span{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:3px 8px;color:var(--muted);background:#fafafd}.circle-arrow{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;color:var(--ink);flex-shrink:0;transition:background .2s}.circle-arrow .icon{width:15px;height:15px}.service-card:hover .circle-arrow{background:var(--violet);color:white;border-color:var(--violet)}.extra-services{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.extra-services>span{font-size:12px;color:var(--muted)}.extra-services a{font-size:12px;border-bottom:1px solid #bcb5d8;padding-block:5px}.extra-services a:hover{color:var(--violet)}
/* Signature voice feature */
.spotlight{background:#1e1d2f;color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;border-radius:30px;overflow:hidden;position:relative;padding:66px 60px}.spotlight h2{margin:20px 0;font-size:clamp(2.3rem,3.8vw,3.5rem);max-width:530px}.spotlight p{color:#bbb8ce;font-size:15px;max-width:460px}.spotlight .button{margin-top:26px}.dark-tags{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0 0}.dark-tags span{font-size:10px;padding:5px 10px;border:1px solid #504b69;border-radius:6px;color:#d2cce4}.voice-art{min-height:385px;position:relative;align-self:center}.voice-orbit{position:absolute;width:345px;height:345px;left:30px;top:23px;border-radius:50%;border:1px solid #58516c}.voice-orbit::before,.voice-orbit::after{content:"";position:absolute;inset:30px;border:1px solid #4b445d;border-radius:50%}.voice-orbit::after{inset:-30px;border-color:#383347}.voice-room{position:absolute;width:280px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);padding:25px;background:#f7f4ff;color:var(--ink);border-radius:23px;box-shadow:0 28px 50px #09081155;border:1px solid #ffffff70}.voice-room .room-label{color:#736589;font-size:8px}.voice-room h3{font-size:25px;margin:6px 0 22px}.speaker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 15px}.speaker{text-align:center;font-size:8px;color:#756987}.speaker span{display:grid;place-items:center;width:43px;height:43px;margin:0 auto 6px;border:3px solid white;outline:1px solid #cec3eb;border-radius:50%;background:#d5cfef;color:#5a4484;font-size:14px}.speaker:nth-child(2n) span{background:#d3e8d5;color:#477350}.speaker:nth-child(3n) span{background:#f7dfc0;color:#987944}.speaker.host span{outline:2px solid #7959e9}.voice-room-bottom{margin-top:23px;border-radius:8px;background:#6347e1;padding:10px;text-align:center;color:#fff;font-size:9px}.voice-bubble{position:absolute;border-radius:13px;background:var(--lime);color:#2b3320;z-index:2;top:15px;right:5px;padding:12px 15px;font-size:10px;transform:rotate(7deg)}.voice-bubble .icon{width:15px;height:15px;margin-right:4px}.voice-art>small{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);font-size:8px;color:#a39ab9;white-space:nowrap;letter-spacing:.1em}
/* Values, process, showcase */
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.value-card{border-top:1px solid var(--line);padding-top:25px}.value-card .eyebrow{margin-bottom:22px;font-size:10px}.value-card h3{font-size:25px;max-width:280px;margin-bottom:13px}.value-card p{font-size:14px;line-height:1.85}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0}.project-visual{height:282px;border-radius:18px;overflow:hidden;position:relative;isolation:isolate;border:1px solid #00000008}.project-visual.web{background:#e8e4fa}.project-visual.app{background:#daf0e7}.project-visual.growth{background:#f8e8d7}.project-visual .concept-tag{position:absolute;top:15px;left:15px;z-index:3;font-size:8px;letter-spacing:.1em;border-radius:5px;background:#ffffffbc;padding:4px 8px;text-transform:uppercase;color:#635970}.project-card h3{font-size:22px;margin:19px 0 7px}.project-card>p{font-size:12px;line-height:1.7}.project-card .text-link{font-size:12px;margin-top:16px}.concept-browser{position:absolute;width:286px;height:225px;top:70px;left:25px;border-radius:8px;background:#f9f7f0;box-shadow:0 20px 40px #4e3c7120;transform:rotate(-7deg);overflow:hidden}.concept-browser-nav{padding:13px 18px;font-size:9px;border-bottom:1px solid #24252113;display:flex;justify-content:space-between}.concept-browser-nav b{font-weight:600;letter-spacing:-.4px}.concept-browser-body{padding:21px 20px}.concept-browser-body small{font-size:6px;letter-spacing:1px;color:#777}.concept-browser-body h4{font-size:29px;font-weight:550;line-height:1.05;margin:9px 0 15px;letter-spacing:-.05em;max-width:160px}.concept-browser-body .tiny-button{padding:6px 10px;font-size:6px;background:#343834;border-radius:3px;color:white;display:inline-block}.abstract-product{position:absolute;right:-8px;bottom:20px;width:106px;height:115px;border-radius:52px 52px 12px 12px;background:linear-gradient(120deg,#bdb89f,#e2dcca 60%,#aaa78f);transform:rotate(12deg);box-shadow:-12px 12px 12px #81785f25}.abstract-product::before{content:"";position:absolute;left:22px;top:-18px;width:60px;height:50px;border:9px solid #aaa78d;border-bottom:0;border-radius:30px 30px 0 0}.concept-phone{position:absolute;top:46px;left:50%;width:148px;height:285px;transform:translateX(-50%) rotate(9deg);border:5px solid #252d2c;border-radius:25px;background:#f8faf4;padding:22px 13px;box-shadow:0 15px 30px #455b482a}.concept-phone small{font-size:7px;color:#627168}.concept-phone h4{font-size:20px;margin:6px 0 16px;line-height:1.1}.concept-app-card{background:#324d3d;color:white;border-radius:10px;padding:12px;font-size:8px;height:110px}.concept-app-card strong{display:block;font-size:16px;margin:7px 0 14px;line-height:1.15}.concept-app-lines{margin-top:14px}.concept-app-lines i{height:7px;background:#d9e3d5;margin:7px 0;display:block;border-radius:4px}.concept-app-lines i:last-child{width:70%}.concept-phone-second{left:16%;top:133px;transform:rotate(-12deg);z-index:-1;background:#e4eadf}.concept-campaign{position:absolute;top:67px;left:25px;right:25px;border-radius:12px;background:white;box-shadow:0 18px 40px #61482117;padding:22px;transform:rotate(-5deg)}.concept-campaign small{font-size:7px;color:#827264}.concept-campaign h4{font-size:22px;margin-top:6px}.campaign-row{display:flex;gap:5px;align-items:flex-end;height:97px;margin-top:16px;border-bottom:1px solid #ede5df}.campaign-row i{flex:1;background:#b094f1;height:30%;border-radius:3px 3px 0 0}.campaign-row i:nth-child(2n){height:50%;background:#dbcdf9}.campaign-row i:nth-child(3n){height:65%;background:#8461de}.campaign-row i:nth-child(5n){height:80%;background:#6c46cf}.concept-campaign p{font-size:6px;letter-spacing:.1em;margin-top:10px;color:#8b7b71}.concept-note{font-size:12px;color:#757180;margin-top:27px;max-width:780px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.step-card{position:relative;padding-top:22px;border-top:1px solid var(--line)}.step-number{font-size:12px;font-family:monospace;color:var(--violet);display:inline-block;margin-bottom:31px}.step-card h3{font-size:24px;margin-bottom:12px}.step-card p{font-size:13px;line-height:1.85}.step-card .icon{position:absolute;right:0;top:22px;width:18px;color:#a3a0b0}.faq-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:85px}.faq-intro .eyebrow{margin-bottom:20px}.faq-intro h2{margin-bottom:22px}.faq-intro p{font-size:14px;margin-bottom:24px;max-width:320px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:15px;font-weight:600;padding:24px 38px 24px 0;cursor:pointer;list-style:none;position:relative;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";font-size:25px;font-weight:400;position:absolute;right:2px;top:17px;color:var(--violet)}.faq-list details[open] summary::after{content:"−"}.faq-answer{font-size:14px;color:var(--muted);padding:0 32px 23px 0;line-height:1.9}.faq-answer a{color:var(--violet);text-decoration:underline}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.insight-card{padding:29px;border:1px solid var(--line);border-radius:18px;background:white;transition:transform .2s}.insight-card:hover{transform:translateY(-4px)}.insight-card .eyebrow{font-size:9px;margin-bottom:28px}.insight-card h3{font-size:24px;margin-bottom:14px;line-height:1.2}.insight-card p{font-size:13px;line-height:1.85}.insight-card .text-link{font-size:12px;margin-top:25px}.insight-card .card-read-time{font-size:10px;color:#777080;margin-top:22px;display:block}
/* CTA + footer */
.cta-wrap{padding:0 0 70px}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:57px 62px;border-radius:25px;background:var(--lavender);position:relative;overflow:hidden}.cta-box .eyebrow{margin-bottom:16px}.cta-box h2{font-size:clamp(2.2rem,3.9vw,3.45rem);max-width:630px}.cta-box p{margin-top:18px;font-size:14px}.cta-box .button{flex-shrink:0}.site-footer{background:#1b1b29;color:white;padding:67px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr .85fr .9fr 1.35fr;gap:45px;padding-bottom:50px}.site-footer .brand-name b,.site-footer .brand-name span{color:#b7a9ff}.site-footer p{color:#aaa9ba;font-size:13px;margin-top:19px;max-width:280px;line-height:1.85}.footer-heading{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#bab6cf;margin-bottom:18px;font-weight:600}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links a{color:#dddbe7;font-size:12px;line-height:1.7}.footer-links a:hover,.footer-email:hover{color:var(--lime)}.footer-email{font-size:13px;display:inline-block;overflow-wrap:anywhere}.footer-address{font-style:normal;color:#aaa9ba;font-size:12px;line-height:1.85;margin-top:15px;max-width:280px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #373444;padding:24px 0;color:#9995ab;font-size:10px}.footer-legal{display:flex;flex-wrap:wrap;gap:19px}.footer-legal a:hover{color:white}.footer-wordmark{font-size:clamp(60px,14.5vw,205px);font-weight:650;letter-spacing:-.075em;line-height:.92;color:#302e43;overflow:hidden;height:.91em;user-select:none}.footer-wordmark span{color:#6b53c4}.floating-contact{position:fixed;right:24px;bottom:22px;z-index:20;min-height:46px;box-shadow:0 8px 30px #17122922;border-radius:50px;padding:12px 19px;font-size:12px}.floating-contact .icon{width:17px;height:17px}
/* Secondary pages */
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:#777484;margin-bottom:34px}.breadcrumbs a:hover{color:var(--violet)}.breadcrumbs span[aria-hidden]{color:#aaa5b6}.page-hero{padding:45px 0 70px;overflow:hidden}.page-hero .eyebrow{margin-bottom:20px}.page-hero h1{max-width:870px;line-height:1.06;margin-bottom:25px}.page-hero .lede{max-width:650px;font-size:17px}.page-hero .button-row{margin-top:28px}.page-hero-grid{display:grid;grid-template-columns:1.25fr .8fr;align-items:center;gap:60px}.page-hero-grid h1{font-size:clamp(3rem,5vw,4.8rem)}.orb-card{height:340px;position:relative;display:grid;place-items:center;border-radius:28px;background:var(--lavender);overflow:hidden;isolation:isolate}.orb-ring{width:230px;height:230px;border:1px solid #bcb0ef;border-radius:50%;position:absolute}.orb-ring::before,.orb-ring::after{content:"";position:absolute;inset:22px;border:1px solid #c5baee;border-radius:50%}.orb-ring::after{inset:-30px;border-color:#d7cefa}.orb-icon{background:var(--violet);color:white;width:112px;height:112px;display:grid;place-items:center;border-radius:30px;transform:rotate(-10deg);box-shadow:0 20px 45px #4932c839}.orb-icon .icon{width:50px;height:50px}.orb-pill{position:absolute;right:20px;top:42px;transform:rotate(10deg);padding:9px 15px;background:var(--lime);border-radius:8px;font-size:10px;font-weight:600}.orb-caption{position:absolute;bottom:26px;font-size:9px;color:#746593;letter-spacing:.13em;text-transform:uppercase}.subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.subnav a,.filter-button{border:1px solid var(--line);background:white;padding:8px 15px;border-radius:7px;font-size:11px;line-height:1.6;min-height:38px}.subnav a:hover{border-color:var(--violet);color:var(--violet)}.filter-button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.section-split{display:grid;grid-template-columns:1fr 1.05fr;gap:84px}.section-split h2{margin:16px 0 23px}.section-split p{font-size:15px;line-height:1.9}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);margin:0}.feature-list li:first-child{padding-top:0}.feature-list .icon{width:21px;height:21px;color:var(--violet);margin-top:3px;flex-shrink:0}.feature-list strong{display:block;font-size:16px;font-weight:600;margin-bottom:5px}.feature-list p{font-size:13px;line-height:1.9}.callout-note{border-left:3px solid var(--violet);background:var(--lavender);padding:20px 25px;border-radius:0 12px 12px 0;margin:25px 0}.callout-note p{font-size:13px;line-height:1.9;color:#5b5077}.subtle-card{padding:35px;border-radius:18px;background:white;border:1px solid var(--line)}.subtle-card h3{margin-bottom:14px}.subtle-card p{font-size:14px;line-height:1.9}.subtle-card .text-link{margin-top:22px}.manifesto{background:var(--lavender);border-radius:24px;padding:64px;margin-top:45px;position:relative;overflow:hidden}.manifesto blockquote{font-size:clamp(2.5rem,4.8vw,4.2rem);letter-spacing:-.05em;line-height:1.15;max-width:850px;margin:0}.manifesto p{margin-top:26px;font-size:13px;color:#766895}.about-facts{display:flex;gap:40px;flex-wrap:wrap;margin-top:33px}.about-facts span{font-size:11px;color:#777181}.about-facts strong{display:block;font-size:16px;color:var(--ink);font-weight:600;margin-top:3px}.process-list{counter-reset:process}.process-row{display:grid;grid-template-columns:120px 1fr 1fr;gap:35px;padding:37px 0;border-top:1px solid var(--line);align-items:start}.process-row:last-child{border-bottom:1px solid var(--line)}.process-num{font-size:44px;color:var(--violet);font-weight:500;line-height:1;letter-spacing:-.06em}.process-row h2{font-size:29px;margin-bottom:9px}.process-row p{font-size:14px;line-height:1.9}.process-output{font-size:12px;color:#777083;padding:12px 17px;background:white;border:1px solid var(--line);border-radius:9px}.process-output strong{display:block;color:var(--ink);font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.showcase-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-bottom:60px}.showcase-detail .project-visual{height:370px}.showcase-detail .concept-browser{width:370px;height:280px;top:82px;left:50px}.showcase-detail .concept-browser-body h4{font-size:43px;max-width:220px}.showcase-detail .concept-phone{transform:translateX(-50%) rotate(8deg) scale(1.17);top:88px}.showcase-detail .concept-phone-second{left:23%;top:159px}.showcase-detail .concept-campaign{top:90px;padding:32px;left:50px;right:50px}.showcase-detail .concept-campaign h4{font-size:32px}.showcase-detail .campaign-row{height:145px}.showcase-copy .eyebrow{margin-bottom:16px}.showcase-copy h2{font-size:34px;margin-bottom:18px}.showcase-copy p{font-size:14px;line-height:1.9}.showcase-copy .button{margin-top:25px}
/* Contact / form */
.contact-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:65px;align-items:start}.contact-intro h1{font-size:clamp(3rem,5.4vw,4.8rem);margin:20px 0}.contact-intro>.lede{font-size:16px}.contact-method{display:flex;gap:16px;margin-top:32px}.contact-method .service-icon{width:42px;height:42px;border-radius:11px;flex-shrink:0}.contact-method .icon{width:20px;height:20px}.contact-method small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);display:block;margin-bottom:3px}.contact-method a{font-size:16px;font-weight:500;overflow-wrap:anywhere}.contact-method a:hover{color:var(--violet)}.contact-method address{font-size:13px;line-height:1.8;color:var(--muted);font-style:normal;max-width:310px}.contact-form{background:white;border:1px solid var(--line);border-radius:23px;padding:35px}.contact-form h2{font-size:25px;margin-bottom:7px}.form-intro{font-size:12px;line-height:1.8;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field.full{grid-column:1/-1}.form-field label{font-size:12px;font-weight:600}.form-field label span{font-size:10px;color:var(--muted);font-weight:400}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #dcdce7;background:#fcfcfe;border-radius:8px;padding:12px 13px;font-size:13px;line-height:1.5;color:var(--ink);min-height:46px}.form-field input::placeholder,.form-field textarea::placeholder{color:#8b8798}.form-field textarea{resize:vertical;min-height:134px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid #baaaf5;outline-offset:1px;border-color:var(--violet)}.form-privacy{font-size:11px;line-height:1.9;margin:19px 0}.form-privacy a{color:var(--violet);text-decoration:underline}.contact-form .button{width:100%}.form-note{font-size:10px;line-height:1.85;margin-top:12px;color:#737081}.form-status{margin-top:16px;font-size:12px;color:#494258;line-height:1.8}.brief-preview{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:20px;margin-top:20px}.brief-preview h3{font-size:18px;letter-spacing:-.025em}.brief-preview pre{white-space:pre-wrap;word-break:break-word;font:12px/1.8 var(--font);color:#5c576b;max-height:340px;overflow:auto}.brief-preview .button-row{gap:9px}.brief-preview .button{width:auto;font-size:11px;min-height:43px;padding:10px 14px}.contact-aside{margin-top:30px;padding:22px;border:1px solid var(--line);border-radius:13px;max-width:360px}.contact-aside h3{font-size:16px;margin-bottom:7px;letter-spacing:-.02em}.contact-aside p{font-size:12px;line-height:1.9}
/* Editorial, legal and sitemap */
.article-hero{max-width:960px;margin-inline:auto}.article-hero h1{font-size:clamp(2.7rem,5.3vw,4.65rem);max-width:950px}.article-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#787283;margin-top:25px}.article-layout{display:grid;grid-template-columns:230px minmax(0,750px);gap:80px;align-items:start;justify-content:center}.article-nav{position:sticky;top:126px;padding:24px;background:white;border:1px solid var(--line);border-radius:13px}.article-nav strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:16px}.article-nav a{font-size:12px;line-height:1.6;display:block;color:var(--muted);margin-top:12px}.article-nav a:hover{color:var(--violet)}.prose{font-size:15px;line-height:1.95;color:var(--muted);min-width:0}.prose h2{font-size:29px;color:var(--ink);margin:45px 0 17px;letter-spacing:-.035em}.prose h2:first-child{margin-top:0}.prose h3{font-size:21px;color:var(--ink);margin:30px 0 13px}.prose a{color:var(--violet);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.prose strong{color:var(--ink);font-weight:600}.prose ul,.prose ol{margin:17px 0 23px}.prose .resource-links{padding-top:20px;border-top:1px solid var(--line);margin-top:35px;font-size:12px}.prose .resource-links a{display:block;margin-top:8px}.draft-notice{background:#fff4d7;border:1px solid #e6d39b;color:#715714;padding:18px 22px;border-radius:12px;font-size:12px;line-height:1.85;margin:25px 0 0;max-width:850px}.legal-date{font-size:11px;color:#7c7488;margin-top:23px}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.sitemap-card{background:white;border:1px solid var(--line);padding:29px;border-radius:16px}.sitemap-card h2{font-size:24px;margin-bottom:20px}.sitemap-card a{display:block;font-size:13px;padding:8px 0;color:var(--muted)}.sitemap-card a:hover{color:var(--violet)}.error-hero{text-align:center;padding:70px 20px 100px}.error-number{font-size:clamp(100px,20vw,250px);line-height:1;font-weight:700;letter-spacing:-.09em;color:var(--violet)}.error-hero h1{font-size:36px;margin:20px 0}.error-hero p{max-width:460px;margin:0 auto 25px}.error-hero .button-row{justify-content:center}
@media(prefers-reduced-motion:no-preference){.hero-stage{animation:stage-in .8s ease-out both}@keyframes stage-in{from{opacity:0}to{opacity:1}}.motion-ready .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.hero{padding-block:90px 72px}.hero-grid{gap:42px}.hero-stage{transform:scale(1.04)}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.main-nav{gap:20px}.header-inner{gap:20px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(4rem,6.8vw,5.4rem)}.hero-stage{transform:scale(.86);transform-origin:center right;margin-left:-50px}.spotlight{padding:48px 38px}.voice-art{transform:scale(.92);transform-origin:center;min-width:300px}.footer-grid{gap:28px}.footer-email{font-size:12px}.section-split{gap:50px}.project-visual{height:245px}.concept-browser{left:10px;width:256px}.concept-campaign{left:15px;right:15px;padding:17px}.concept-campaign h4{font-size:20px}}
@media(max-width:980px){.site-header .desktop-cta{display:none}.header-inner{height:78px}.js .menu-toggle{display:flex}.js .main-nav{position:fixed;top:78px;left:0;right:0;height:calc(100dvh - 78px);background:var(--paper);display:none;padding:30px 32px;flex-direction:column;align-items:stretch;gap:0;overflow:auto;border-top:1px solid var(--line)}.js .main-nav.open{display:flex}.main-nav>a{font-size:18px;padding:13px 0}.main-nav>a:not(.button)::after{display:none}.main-nav .nav-mobile-cta{display:flex;margin-top:22px;font-size:14px}.hero{padding-top:52px}.hero-grid{grid-template-columns:1fr .85fr;min-height:510px}.hero-stage{transform:scale(.75);width:535px;margin-left:-165px;transform-origin:right center}.hero h1{font-size:4.35rem}.hero-copy .lede{font-size:15px;max-width:385px}.hero .button-row{gap:16px}.hero .button{font-size:12px;padding:14px 16px}.hero .text-link{font-size:12px}.capability-inner span{font-size:10px}.section{padding:80px 0}.section-head{gap:30px}.spotlight{grid-template-columns:1fr .8fr;gap:0}.spotlight h2{font-size:39px}.voice-art{transform:scale(.8);margin-left:-28px;width:330px}.values-grid{gap:25px}.value-card h3{font-size:22px}.project-grid{gap:17px}.project-visual{height:219px}.project-card h3{font-size:19px}.concept-browser{width:234px;top:62px;left:10px}.concept-phone{transform:translateX(-50%) rotate(9deg) scale(.85);transform-origin:top center;top:40px}.concept-phone-second{left:9%;top:100px}.concept-campaign{left:12px;right:12px;top:57px;padding:15px}.concept-campaign h4{font-size:17px}.campaign-row{height:85px}.faq-grid{gap:45px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-contact{grid-column:1/-1;display:flex;gap:30px;align-items:baseline;flex-wrap:wrap}.footer-contact .footer-address{margin:0;max-width:380px}.footer-contact .footer-heading{margin:0}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}.steps-grid{gap:20px}.step-card h3{font-size:21px}.insight-card{padding:23px}.insight-card h3{font-size:21px}.cta-box{padding:42px 38px;gap:25px}.page-hero-grid{gap:35px;grid-template-columns:1.1fr .8fr}.orb-card{height:290px}.page-hero-grid h1{font-size:3.2rem}.contact-grid{gap:35px;grid-template-columns:.85fr 1.1fr}.contact-form{padding:26px}.contact-method a{font-size:13px}.article-layout{gap:40px;grid-template-columns:190px minmax(0,1fr)}.article-nav{padding:20px}.showcase-detail{gap:30px}.showcase-detail .project-visual{height:320px}.showcase-detail .concept-browser{left:30px;width:300px}.showcase-detail .concept-browser-body h4{font-size:35px}.showcase-detail .concept-campaign{left:25px;right:25px}.showcase-detail .concept-campaign h4{font-size:24px}.showcase-detail .concept-phone{transform:translateX(-50%) rotate(9deg);top:66px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.header-inner{height:74px}.js .main-nav{top:74px;height:calc(100dvh - 74px);padding:22px 24px}.brand-name{font-size:23px}.brand-mark{width:34px;height:34px}.hero{padding:43px 0 24px}.hero-grid{display:block}.hero h1{font-size:clamp(3.9rem,12.5vw,5.6rem);line-height:1.02;letter-spacing:-.06em;margin:23px 0 21px}.hero-copy .lede{max-width:450px;font-size:15px}.eyebrow{font-size:10px}.hero .button{font-size:13px;padding:14px 19px;min-height:52px}.hero .text-link{font-size:12px}.hero-note{font-size:11px;margin-top:22px}.hero-stage{width:535px;height:470px;left:50%;margin:6px 0 -25px;transform:translateX(-50%) scale(.82);transform-origin:top center}.stage-orbit{top:25px}.phone-ui{top:45px;right:5px}.float-label{bottom:-3px}.stage-arrow{bottom:5px}.stage-label{bottom:-40px;left:70px}.stage-star{top:36px}.browser-ui{top:120px}.capability-strip{padding:20px 0}.capability-inner{display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;text-align:center}.capability-inner .sparkle{display:none}.capability-inner span{font-size:10px;letter-spacing:.04em}.section{padding:65px 0}.section-sm{padding:48px 0}.section-head{display:block;margin-bottom:29px}.section-head h2{font-size:36px}.section-head p{margin-top:18px;font-size:14px;max-width:500px}.section-head>.text-link{margin-top:20px}.services-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:27px}.service-card-top{margin-bottom:22px}.service-card h3{font-size:25px}.service-card p{font-size:13px}.service-icon{width:48px;height:48px;border-radius:12px}.extra-services{gap:10px 19px;margin-top:23px}.extra-services>span{flex-basis:100%}.spotlight{grid-template-columns:1fr;border-radius:21px;padding:35px 27px 30px}.spotlight h2{font-size:35px;line-height:1.13;margin:20px 0}.spotlight p{font-size:13px}.voice-art{width:350px;max-width:100%;height:355px;min-height:355px;margin:18px auto 0;transform:scale(.9);transform-origin:center}.voice-orbit{left:0;width:315px;height:315px}.voice-bubble{right:0}.voice-art>small{bottom:-12px}.values-grid{grid-template-columns:1fr;gap:30px}.value-card{padding-top:21px}.value-card h3{max-width:none;font-size:25px}.value-card .eyebrow{margin-bottom:13px}.value-card p{font-size:13px}.project-grid{grid-template-columns:1fr;gap:34px}.project-visual{height:310px}.concept-browser{width:320px;height:255px;left:32px;top:85px}.concept-browser-body h4{font-size:36px;max-width:190px}.concept-browser-nav{font-size:10px}.abstract-product{right:10px;bottom:25px;width:118px;height:130px}.concept-phone{transform:translateX(-50%) rotate(9deg) scale(1.04);top:58px}.concept-phone-second{left:25%;top:150px}.concept-campaign{left:36px;right:36px;top:77px;padding:26px}.concept-campaign h4{font-size:29px}.campaign-row{height:113px}.project-card h3{font-size:24px;margin-top:18px}.project-card>p{font-size:13px}.project-card .text-link{margin-top:11px}.concept-note{font-size:11px;line-height:1.9}.steps-grid{grid-template-columns:1fr 1fr;gap:28px 21px}.step-number{margin-bottom:18px}.step-card h3{font-size:22px}.step-card p{font-size:12px}.faq-grid{grid-template-columns:1fr;gap:28px}.faq-intro p{max-width:420px;font-size:14px;margin-bottom:18px}.faq-intro h2{font-size:37px}.faq-list summary{font-size:14px;padding-block:22px}.faq-answer{font-size:13px}.insights-grid{grid-template-columns:1fr;gap:16px}.insight-card{padding:27px}.insight-card .eyebrow{margin-bottom:20px}.insight-card h3{font-size:25px;max-width:410px}.insight-card .text-link{margin-top:19px}.cta-wrap{padding-bottom:45px}.cta-box{display:block;border-radius:21px;padding:35px 27px}.cta-box h2{font-size:35px}.cta-box p{font-size:13px}.cta-box .button{margin-top:27px}.site-footer{padding-top:43px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:34px}.footer-brand{grid-column:1/-1}.site-footer p{max-width:400px;font-size:12px;margin-top:15px}.footer-contact{display:block}.footer-contact .footer-heading{margin-bottom:13px}.footer-contact .footer-address{margin-top:11px;max-width:380px}.footer-email{font-size:13px}.footer-heading{font-size:9px;margin-bottom:13px}.footer-links a{font-size:12px}.footer-bottom{font-size:9px;padding-block:20px;gap:15px}.footer-wordmark{font-size:21vw}.footer-legal{gap:14px;flex-wrap:wrap}.floating-contact{right:16px;bottom:15px;min-height:43px;font-size:11px;padding:11px 15px}.page-hero{padding:28px 0 46px}.breadcrumbs{font-size:10px;margin-bottom:29px}.page-hero h1{font-size:clamp(2.8rem,9.9vw,4.5rem);line-height:1.075;margin-bottom:20px}.page-hero .lede{font-size:15px}.page-hero-grid{display:block}.page-hero-grid .orb-card{margin-top:35px;height:280px}.section-split{grid-template-columns:1fr;gap:30px}.section-split h2{font-size:33px}.section-split p{font-size:14px}.feature-list strong{font-size:16px}.feature-list p{font-size:13px}.feature-list li{padding-block:17px}.manifesto{padding:34px 25px;margin-top:30px}.manifesto blockquote{font-size:35px}.manifesto p{font-size:11px}.about-facts{gap:22px}.about-facts strong{font-size:14px}.about-facts span{font-size:10px}.process-row{grid-template-columns:54px 1fr;gap:18px;padding-block:28px}.process-num{font-size:34px}.process-row h2{font-size:28px}.process-row p{font-size:13px}.process-output{grid-column:2;font-size:11px}.showcase-detail{grid-template-columns:1fr;gap:27px;margin-bottom:55px}.showcase-detail .project-visual{height:320px}.showcase-copy h2{font-size:30px}.showcase-copy p{font-size:13px}.showcase-copy .button{margin-top:20px}.contact-grid{grid-template-columns:1fr;gap:34px}.contact-intro h1{font-size:45px;margin-top:17px}.contact-intro>.lede{font-size:15px}.contact-form{padding:26px 23px}.contact-method a{font-size:15px}.contact-aside{max-width:none;padding:19px}.contact-method{margin-top:23px}.form-grid{gap:16px}.form-field label{font-size:11px}.form-field input,.form-field select,.form-field textarea{font-size:16px}.article-layout{grid-template-columns:1fr;gap:34px}.article-nav{position:static;padding:23px}.article-nav a{display:inline-block;margin:7px 17px 0 0;font-size:11px}.article-nav strong{margin-bottom:8px}.article-hero h1{font-size:39px}.article-meta{font-size:10px;gap:14px}.prose{font-size:14px;line-height:1.95}.prose h2{font-size:27px;margin-top:35px}.prose h3{font-size:21px}.draft-notice{font-size:11px;padding:17px}.sitemap-grid{grid-template-columns:1fr;gap:18px}.sitemap-card{padding:26px}.error-hero{padding:50px 0 80px}.error-hero h1{font-size:30px}.error-hero p{font-size:14px}.main-nav{gap:13px;flex-wrap:wrap}.main-nav>a{font-size:12px;padding:4px 0}.js .main-nav>a:not(.button){font-size:21px;padding:16px 0}}
@media(max-width:390px){.container{width:calc(100% - 32px)}.hero h1{font-size:3.85rem}.hero-stage{transform:translateX(-50%) scale(.66);margin-top:13px;height:430px;margin-bottom:-82px}.hero-copy .lede{font-size:14px}.hero .button-row{gap:15px}.hero .button{font-size:12px;padding:14px 16px;gap:12px}.hero .text-link{font-size:11px;gap:7px}.service-card{padding:24px}.spotlight{padding-inline:23px}.voice-art{transform:scale(.81);margin-block:4px -25px}.contact-form{padding:23px 19px}.form-grid{grid-template-columns:1fr}.form-field{grid-column:1/-1}.steps-grid{gap:27px 17px}.step-card h3{font-size:20px}.project-visual{height:280px}.concept-browser{left:19px}.concept-campaign{left:24px;right:24px}.concept-campaign h4{font-size:25px}.cta-box h2{font-size:32px}.brand-name{font-size:22px}.header-inner{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media print{.site-header,.site-footer,.floating-contact,.cta-wrap,.button-row,.article-nav,.filter-row{display:none!important}body{background:white;color:#111;font-size:11pt}.container{width:100%}.section,.page-hero{padding:20px 0}.article-layout{display:block}.prose{font-size:11pt;color:#222}a{color:inherit}.reveal{opacity:1!important;transform:none!important}.page-hero h1{font-size:32pt}.hero-stage{display:none}.hero-grid{display:block}.service-card{break-inside:avoid}details .faq-answer{display:block!important}}
/* Contact accessibility and long-content safeguards. */
.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;color:var(--muted);margin:19px 0}.consent input{width:17px;height:17px;flex:none;margin:3px 0 0;accent-color:var(--violet)}.consent .inline-link{color:var(--violet);text-decoration:underline;text-underline-offset:3px}.contact-method>svg{margin-top:7px;flex:none;color:var(--violet)}.contact-method div>span{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:5px}.contact-method address{font-style:normal;font-size:13px;max-width:350px;color:var(--muted)}.contact-method a,.footer-email{overflow-wrap:anywhere}.source-note{font-size:13px}.prose a{color:var(--violet);text-decoration:underline;text-underline-offset:4px}.form-submit{width:100%}.error-hero .eyebrow{justify-content:center}.form-field{min-width:0}.form-field input,.form-field select,.form-field textarea{max-width:100%}.breadcrumbs{flex-wrap:wrap}.form-note a{color:var(--violet)}