:root{--bg:#0b100f;--muted:#9ca69f;--lime:#c2f98b}
body{background:radial-gradient(ellipse 65% 540px at 82% 7%,#7baf4420,transparent),var(--bg)}
.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--lime);color:#10200d;z-index:99;border-radius:8px}.skip-link:focus{top:15px}
.header{height:110px}.header nav{padding:8px 8px 8px 25px;background:#ffffff04;border:1px solid #ffffff0d;border-radius:14px;backdrop-filter:blur(15px)}.nav-contact{border-color:#ffffff20;background:#ffffff05;border-radius:9px}
.hero{min-height:710px;padding-top:55px;padding-bottom:85px;gap:55px;position:relative}.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.55px;white-space:normal}h1{font-weight:600;font-size:clamp(49px,5.2vw,73px);line-height:1.1;letter-spacing:-3.8px}.hero h1 .accent{display:inline-block;background:linear-gradient(110deg,#dafcb7,#9fdf60);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{font-size:22px;letter-spacing:-.35px}.support{max-width:400px;color:#a3ada5}.button{min-height:50px;border-radius:9px}.primary{box-shadow:inset 0 1px 0 #ffffff70,0 5px 20px #9de86715}.primary:hover{box-shadow:0 8px 35px #a9f06830;transform:translateY(-3px)}
.hero-stage{padding:35px 0 5px;isolation:isolate}.stage-glow{inset:-80px 0 0;background:radial-gradient(ellipse at 55% 40%,#9fdc6333,transparent 65%);filter:blur(20px);z-index:-1}.orbit-label{font-size:10px;letter-spacing:1.8px;margin-bottom:27px}.example-window{border-radius:17px;transform:rotate(-3deg) rotateY(-5deg);box-shadow:0 35px 70px #0009,0 0 1px 1px #c2f98b0b;background:#25352a;transition:background .5s,transform .65s,border-color .4s;min-height:410px;will-change:auto}.hero-stage:hover .example-window{transform:rotate(-1deg)}.browser-bar{background:#ffffff05;color:#b0b9a8;height:40px}.sample-nav{padding-top:27px;padding-bottom:25px}.sample-nav strong{font-size:22px}.sample-body{min-height:260px;padding-top:18px;padding-bottom:35px;background:radial-gradient(ellipse at 110% 75%,#b4d39335,transparent 70%)}.sample-body h2{font-size:70px;line-height:1.02;margin-bottom:23px;color:#f0f1dd}.sample-body i{color:#cedfae}.sample-body>p{color:#b7c5ad;font-size:10px}.sample-tag{font-size:12px}.sample-footer{font-size:9px;padding-block:18px;color:#b8c8ac}.float-card{right:-20px;bottom:100px;padding:14px 18px;border-radius:12px;background:#263322bf;box-shadow:0 15px 50px #0007}.float-card strong{font-size:12px}.float-card div>span{font-size:11px}.concept-picker{position:relative;margin:36px auto 0;padding:5px;display:flex;width:max-content;max-width:100%;gap:3px;border:1px solid #ffffff14;border-radius:12px;background:#152018b0;backdrop-filter:blur(20px)}.concept-picker button{font:inherit;font-size:12px;color:#a0ad9c;background:transparent;border:1px solid transparent;min-height:40px;padding:8px 13px;border-radius:8px;cursor:pointer;transition:color .2s,background .2s}.concept-picker button:hover{color:#e5f4db;background:#ffffff05}.concept-picker button.active{background:#c2f98b13;border-color:#c2f98b28;color:var(--lime)}.concept-caption{font-size:11px;margin:15px 0 0;color:#85937f}
.example-window[data-theme=services]{background:#172d44;border-color:#afd7ff55}.example-window[data-theme=services] .sample-body{background:radial-gradient(ellipse at 95% 90%,#65bcff35,transparent 65%)}.example-window[data-theme=services] .sample-body h2{font-family:Manrope,sans-serif;font-size:62px;font-weight:800;letter-spacing:-3px}.example-window[data-theme=services] .sample-body i{font-style:normal;color:#94d6ff}.example-window[data-theme=services] .sample-body>p,.example-window[data-theme=services] .sample-footer{color:#b3d3eb}.example-window[data-theme=wellness]{background:#352638;border-color:#eebde255}.example-window[data-theme=wellness] .sample-body{background:radial-gradient(ellipse at 100% 80%,#d79bc82f,transparent 65%)}.example-window[data-theme=wellness] .sample-body h2{font-weight:400;letter-spacing:-2px}.example-window[data-theme=wellness] .sample-body i{color:#ebc5df}.example-window[data-theme=wellness] .sample-body>p,.example-window[data-theme=wellness] .sample-footer{color:#d4b5d3}
.service-strip{background:#ffffff02;border-color:#c2f98b12}.section{padding-top:110px}.section h2{font-weight:500;letter-spacing:-1.8px}.service-card{padding:34px;background:linear-gradient(125deg,#20292285,#151c1980);border-color:#d5f1df17;backdrop-filter:blur(16px);transition:transform .35s,border-color .35s,box-shadow .35s}.service-card:hover{transform:translateY(-5px);border-color:#c2f98b50;box-shadow:0 20px 45px #0003}.service-icon{background:#c2f98b06;border-color:#c2f98b20;border-radius:11px}.ai-card{background:radial-gradient(ellipse at top right,#c2f98b17,transparent 65%),#161f18}.spotlight:before{background:radial-gradient(370px circle at var(--mx) var(--my),#c2f98b1c,transparent 70%)}.contact-panel{background:radial-gradient(ellipse at 0 100%,#a0c16422,transparent 65%),#151e18;border-radius:20px}.steps article{transition:border-color .3s}.steps article:hover{border-color:#c2f98b60}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:copy-in .9s ease both}.reveal.waiting{opacity:0;transform:translateY(22px)}.reveal{transition:opacity .75s ease,transform .75s ease,border-color .35s,box-shadow .35s}.sample-body.switching{animation:concept-in .5s ease both}.hero-stage{animation:copy-in 1.1s .1s ease both}}
@keyframes copy-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes concept-in{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero{gap:32px}h1{font-size:57px}.hero-copy .eyebrow{font-size:9px}.sample-body h2{font-size:60px}.sample-body{min-height:240px}.example-window[data-theme=services] .sample-body h2{font-size:52px}.concept-picker button{padding:8px 10px}.hero-stage{min-width:0}.float-card{right:-10px}.example-window{min-height:390px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:35px;gap:25px;padding-bottom:50px}.hero-copy{max-width:620px}.hero-stage{max-width:550px;width:100%;margin:0 auto}.hero h1{font-size:clamp(48px,9vw,72px)}.hero-copy .eyebrow{font-size:10px}.sample-body h2{font-size:72px}.example-window[data-theme=services] .sample-body h2{font-size:62px}.sample-body{min-height:280px}.float-card{right:0}.hero-notes{margin-top:20px}.concept-picker{margin-top:30px}.section{padding-top:72px}}
@media(max-width:700px){.header{height:86px}.header nav{padding:0;border:none;background:none;backdrop-filter:none}.hero{gap:16px}.hero h1{font-size:clamp(44px,11.5vw,68px);letter-spacing:-2.8px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.05px}.hero .intro{font-size:20px}.hero-stage{padding:28px 6px 5px}.orbit-label{font-size:9px}.example-window{min-height:375px;transform:rotate(-2deg)}.sample-body{min-height:245px}.sample-body h2{font-size:62px}.example-window[data-theme=services] .sample-body h2{font-size:53px}.sample-nav>span{display:none}.sample-body>p{font-size:9px;letter-spacing:1px}.float-card{bottom:103px;right:0;padding:10px 14px}.float-card strong{font-size:11px}.float-card div>span{font-size:10px}.concept-picker button{font-size:11px;padding:8px 11px}.concept-caption{font-size:10px}.service-card{padding:28px}.service-card:hover{transform:none}.contact-panel{padding:28px 23px}.section h2{letter-spacing:-1px}}
@media(max-width:360px){.wrap{padding-inline:18px}.concept-picker button{font-size:10px;padding:8px}.sample-body h2{font-size:55px}.example-window[data-theme=services] .sample-body h2{font-size:47px}.sample-tag{font-size:10px}.hero-notes{font-size:11px}}
@media(prefers-reduced-motion:reduce){.example-window,.hero-stage:hover .example-window{transform:none}.reveal.waiting{opacity:1;transform:none}}
@media (max-width:700px){.float-card{position:relative;right:auto;bottom:auto;width:fit-content;margin:14px 4px 0 auto}}