/* Direction: centered typography, living Neon Pulse fabric, dark glass. */
:root{--bg:#09080b;--accent:#e94057;--highlight:#ffb38a;--muted:#a8a6a5;--line:#ffffff16;--max:1360px}
body{background:#09080b}
.header{height:96px;padding-inline:clamp(28px,6.2vw,100px);gap:28px}
.brand{gap:10px}.brand img{width:25px;height:32px}.brand-name{font-size:23px;letter-spacing:-1.1px}.brand-label{display:none}
.nav{position:absolute;top:28px;left:50%;right:auto;transform:translateX(-50%);gap:8px;border:0;background:none;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav a{font-size:11px;padding:13px 17px;border-radius:8px;color:#a6a5a5}
.nav a[aria-current=page]{background:none;box-shadow:none;color:white}.nav a[aria-current=page]:before{display:none}
.nav a:hover{background:#ffffff08;color:white}
.header-cta{font-size:11px;gap:13px;padding:12px 18px;border:1px solid #e986774a;border-radius:100px;background:linear-gradient(110deg,#8a2387,#e94057 55%,#f27121);box-shadow:inset 0 1px 0 #ffffff2a,0 3px 25px #e9405729;transition:box-shadow .25s,transform .25s}
.header-cta:hover{box-shadow:inset 0 1px 0 #ffffff40,0 3px 30px #e9405760;transform:translateY(-2px)}.header-cta .arrow{width:13px;height:13px}
.progress-line{height:1px;background:linear-gradient(90deg,#8a2387,#e94057,#f27121)}
.liquid-hero{overflow:clip;height:100svh;min-height:760px;max-height:1100px;display:block;background:#09080b;border-bottom:1px solid #ffffff0b}
.liquid-hero:after{z-index:1;background:linear-gradient(0deg,#09080b 0%,#09080ba3 6%,transparent 25%);pointer-events:none}
.hero-atmosphere{position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse at 5% 12%,#8a238721,transparent 45%),radial-gradient(ellipse at 78% 66%,#f271210d,transparent 40%)}
.hero-atmosphere:after{content:'';position:absolute;inset:0;opacity:.36;background-image:radial-gradient(circle at 9% 25%,#efbcb4 0 .6px,transparent 1px),radial-gradient(circle at 85% 22%,#dc958a 0 .6px,transparent 1px),radial-gradient(circle at 17% 71%,#dc958a 0 .5px,transparent 1px),radial-gradient(circle at 78% 80%,#dc958a 0 .5px,transparent 1px),radial-gradient(circle at 57% 15%,#dc958a 0 .5px,transparent 1px);background-size:380px 440px,610px 690px,720px 510px,820px 730px,950px 850px;mask-image:linear-gradient(#000,transparent 90%)}
.liquid-hero .hero-copy{padding-top:153px;margin:0 auto;max-width:100%;text-align:center;position:relative;z-index:3;pointer-events:none}
.liquid-hero .hero-copy:before{display:none}
.hero-kicker{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#a7a5a4;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:21px}
.hero-kicker>span{height:4px;width:4px;background:#d68a7e;border-radius:100%;box-shadow:0 0 10px #f07a6877}
.liquid-hero h1{font-size:clamp(48px,4.7vw,72px);line-height:1.075;letter-spacing:-.055em;max-width:830px;margin:0 auto 23px;color:#f6f5f5;font-weight:400;text-wrap:balance}
.liquid-hero .hero-description{font-size:12px;line-height:1.85;color:#a6a4a3;max-width:440px;margin:0 auto}
.liquid-hero .hero-actions{justify-content:center;align-items:center;flex-direction:row;margin-top:27px;pointer-events:auto}
.liquid-hero .hero-actions .button{font-size:11px;gap:14px;padding:14px 19px;min-height:44px;background:#f5f4f4;color:#09080b;box-shadow:0 0 30px #ffcbc310}
.liquid-hero .hero-actions .arrow{width:15px;height:15px}
.liquid-hero .hero-art{z-index:0;top:357px;left:0;right:auto;bottom:auto;width:100%;max-width:none;height:clamp(740px,70vw,1080px);opacity:1;transform:none;translate:none;animation:none;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;will-change:auto;pointer-events:none}
.liquid-hero .sculpture-canvas{width:100%;height:100%;opacity:0;display:block;transition:opacity 1.2s}
.liquid-hero .sculpture-ready .sculpture-canvas{opacity:1}
.surface-fallback{position:absolute;inset:0;display:flex;justify-content:center;opacity:1;transition:opacity 1.2s;pointer-events:none}.surface-fallback svg{height:100%;width:auto;max-width:none;flex-shrink:0}
.sculpture-ready .surface-fallback{opacity:0}
.surface-card{position:absolute;z-index:4;width:207px;padding:21px 21px 17px;border:1px solid #eeada314;border-radius:12px;background:linear-gradient(118deg,#ffffff0c,#ffffff03 65%);box-shadow:inset 0 1px 0 #ffffff0b,0 12px 40px #00000018;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .3s,border-color .3s,translate .3s;animation:card-breathe 10s ease-in-out infinite}
.surface-card-left{top:clamp(500px,64vh,570px);left:calc(50% - 453px)}.surface-card-right{top:clamp(557px,71vh,640px);right:calc(50% - 453px);animation-delay:-4s}
.surface-card-label{font-size:9px;color:#b7b4b2;display:block;margin-bottom:17px;padding-right:24px}
.surface-card strong{font-size:19px;font-weight:400;line-height:1.3;letter-spacing:-.045em;display:block}
.surface-card-right strong{font-size:31px;letter-spacing:-.055em;line-height:1.2}
.card-dot{color:#f28777}.card-arrow{position:absolute;right:20px;top:18px;background:#eae9e9;color:#17141a;width:20px;height:20px;display:grid;place-items:center;border-radius:50%}.card-arrow .arrow{width:10px;height:10px}
.surface-card-foot{display:flex;justify-content:space-between;gap:10px;margin-top:19px;padding-top:12px;border-top:1px solid #e2bab424;color:#aaa7a5;font-size:8px;line-height:1.5}
.surface-card:hover{background:linear-gradient(118deg,#ffffff17,#e9405710);border-color:#eeada344;translate:0 -5px}
@keyframes card-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.sculpture-paused .surface-card{animation-play-state:paused}
.liquid-hero .hero-bottom{z-index:5;border:0;padding:0;bottom:28px;left:clamp(28px,6.2vw,100px);right:clamp(28px,6.2vw,100px)}
.liquid-hero .hero-bottom p{font-size:8px;letter-spacing:.12em;color:#a8a6a5}.liquid-hero .hero-scroll{color:#b4b1af;font-size:8px;letter-spacing:.12em;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.sculpture-toggle{color:#acaaa8;border-color:#ffffff1a;background:#ffffff03;padding:8px 11px;min-height:32px}
.section{padding-block:100px}.section-heading h2,.statement h2{font-size:clamp(38px,4vw,58px)}
.service-panel{border-radius:16px;background:radial-gradient(ellipse at 87% 80%,#e940571c,transparent 60%),linear-gradient(120deg,#ffffff06,#09080b);border-color:#ffffff16}
.project-card{border-radius:16px;border-color:#ffffff16;background:radial-gradient(ellipse at 80% 80%,#e9405733,transparent 70%),#120f14}
.mini-browser{border-radius:10px;background:linear-gradient(125deg,#ffffff12,#141217e6)}
.contact-section{background:radial-gradient(ellipse at 70% 100%,#e9405726,transparent 70%)}
.page-head h1,.product-hero h1{letter-spacing:-.055em}.page-head h1 span,.product-hero h1 span{color:#b3b0ad}
.page-head,.product-hero,.case-intro{position:relative}.page-head:before,.product-hero:before{content:'';position:absolute;inset:0 -20vw -20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 15%,#e940571c,transparent 70%)}
@media(min-width:1600px){.liquid-hero .hero-copy{padding-top:175px}.liquid-hero .hero-art{top:395px}.surface-card-left{top:590px;left:calc(50% - 540px)}.surface-card-right{top:680px;right:calc(50% - 540px)}}
@media(max-width:1100px){.header{padding-inline:35px}.nav{gap:0}.nav a{padding:13px 12px;font-size:10px}.header-cta{font-size:10px;padding:11px 15px}.surface-card-left{left:8%;top:540px}.surface-card-right{right:8%;top:610px}.surface-card{width:190px}.liquid-hero .hero-art{top:340px;height:850px}.liquid-hero h1{font-size:58px}}
@media(max-width:800px){.header{justify-content:space-between}.header-cta{display:none}.nav{left:auto;right:24px;transform:none;top:29px}.liquid-hero{min-height:820px}.liquid-hero .hero-copy{padding-top:155px}.liquid-hero h1{font-size:53px}.liquid-hero .hero-art{width:900px;height:850px;left:50%;transform:translateX(-50%);top:335px}.surface-card-left{left:6%;top:535px}.surface-card-right{right:6%;top:610px}.surface-card{width:170px;padding:18px}.surface-card-label{font-size:8px}.surface-card strong{font-size:18px}.surface-card-right strong{font-size:28px}.surface-card-foot{font-size:7px}.card-arrow{right:16px;top:15px}}
@media(max-width:600px){.header{height:84px;padding-inline:24px}.brand img{height:29px;width:24px}.brand-name{font-size:22px}.menu-toggle{top:23px;right:24px;border-color:#d68d8229;background:#141217bb;padding:10px 13px}
.nav{top:76px;left:24px;right:24px;padding:10px;background:#131116f5;border:1px solid #d68d822a;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:14px}.nav a{font-size:13px;padding:16px}.nav a[aria-current=page]{background:#e9405733}
.liquid-hero{height:100svh;min-height:790px;max-height:960px}.liquid-hero .hero-copy{padding:143px 23px 0;margin:0 auto}.hero-kicker{font-size:7px;letter-spacing:.12em;margin-bottom:20px}.liquid-hero h1{font-size:clamp(36px,9.6vw,53px);line-height:1.1;letter-spacing:-.055em;margin:0 auto 20px;max-width:500px}.liquid-hero .hero-description{font-size:10px;line-height:1.9;max-width:300px}.liquid-hero .hero-actions{margin-top:23px;align-items:center}.liquid-hero .hero-actions .button{font-size:10px;padding:13px 17px;gap:12px;min-height:42px}
.liquid-hero .hero-art{width:680px;height:680px;left:50%;right:auto;top:330px;transform:translateX(-50%);opacity:1;animation:none;mask-image:none;-webkit-mask-image:none}.liquid-hero:after{background:linear-gradient(0deg,#09080b,transparent 20%)}
.surface-card{width:145px;padding:16px 14px 13px;border-radius:10px}.surface-card-left{top:495px;left:24px}.surface-card-right{top:615px;right:24px}.surface-card-label{font-size:7px;margin-bottom:13px;padding-right:18px}.surface-card strong{font-size:16px;line-height:1.3}.surface-card-right strong{font-size:25px}.card-arrow{height:16px;width:16px;top:13px;right:12px}.card-arrow .arrow{height:8px;width:8px}.surface-card-foot{font-size:6.5px;margin-top:14px;padding-top:10px;gap:4px}
.liquid-hero .hero-bottom{bottom:23px;left:24px;right:24px;padding:0;gap:10px}.liquid-hero .hero-bottom p{display:none}.liquid-hero .hero-scroll{position:static;transform:none;font-size:7px;letter-spacing:.1em;gap:9px}.liquid-hero .hero-scroll .arrow{width:12px}.sculpture-controls{margin-left:auto}.sculpture-toggle{padding:9px;min-height:32px;min-width:32px}
.section{padding-block:65px}.service-panel,.project-card{border-radius:14px}.section-heading h2,.statement h2{font-size:37px}.intro{padding-top:65px}.contact-section{padding-top:65px}
}
@media(prefers-reduced-motion:reduce){.liquid-hero .sculpture-canvas{display:block}.surface-card{animation:none}.liquid-hero .hero-art{animation:none!important}.sculpture-toggle{display:none}}
/* Carry the same quiet, centered hierarchy onto the editorial pages. */
.page-head,.product-hero{isolation:isolate}
.page-head:before,.product-hero:before{inset:0}
.page-head{text-align:center;padding-top:163px;padding-bottom:65px}
.page-head>.eyebrow{justify-content:center}
.page-head h1{font-size:clamp(46px,5vw,72px);line-height:1.1;max-width:900px;margin:28px auto}
.page-head>p{margin-inline:auto;max-width:500px;font-size:12px;line-height:1.9}
.page-head .head-bottom{justify-content:center;gap:30px;margin:30px auto 0;max-width:700px;text-align:left}
.page-head .head-bottom p{font-size:12px;line-height:1.9}
.head-bottom .large-count{font-size:42px;padding-left:30px;border-left:1px solid #ffffff1a}
.product-hero h1{font-size:clamp(46px,5vw,72px);line-height:1.12}
.product-icon{background:linear-gradient(135deg,#8a2387,#e94057 55%,#f27121);color:#fff5ef;box-shadow:0 0 45px #e940572c}
@media(max-width:600px){.page-head{padding-top:140px;padding-bottom:45px}.page-head h1{font-size:45px;margin:24px auto}.page-head>p,.page-head .head-bottom p{font-size:11px}.page-head .head-bottom{gap:20px}.head-bottom .large-count{font-size:34px;padding-left:20px}.product-hero h1{font-size:44px}.product-hero{padding-top:135px}.product-hero>p{font-size:11px}}

/* Neon Pulse: three-color light across a quiet dark surface. */
.header-cta{color:white;text-shadow:0 1px 8px #0008;background:linear-gradient(110deg,#8a2387,#b5264a 65%,#9d3c11);border-color:#f2712155}
.surface-card{background:linear-gradient(118deg,#ffffff0c,#09080b66)}

.service-orb{background:linear-gradient(135deg,#8a2387,#e94057 55%,#f27121)}
.mini-bars i{background:linear-gradient(#f27121,#e94057,#8a2387)}
.art-1{background:radial-gradient(ellipse at 25% 100%,#8a238770,transparent 65%),radial-gradient(ellipse at 90% 80%,#e940573d,transparent 65%),#110d12}
.art-2{background:radial-gradient(ellipse at 65% 100%,#e940574d,transparent 75%),#110d12}
.art-2 i:nth-child(4){background:linear-gradient(160deg,#f27121,#e94057 48%,#8a2387);border-color:#f2712188;box-shadow:0 0 50px #e940573b}
.contact-section{background:radial-gradient(ellipse at 25% 100%,#8a23871c,transparent 65%),radial-gradient(ellipse at 80% 100%,#f2712114,transparent 65%)}

.brand img.brand-logo{width:auto;height:34px}@media(max-width:600px){.brand img.brand-logo{width:auto;height:28px}}