@property --one-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{--one-blue:#4b7cff;--one-violet:#8251f5;--one-ice:#c7adff}
.one-frame{position:fixed;inset:7px;z-index:95;pointer-events:none;border-radius:22px;padding:1px;background:conic-gradient(from var(--one-angle),#734cf530,#4b7cff95,#c7adff28,#4b7cff20,#a074ffb0,#734cf530);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:one-border 16s linear infinite}
.one-edge{position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:4;background:conic-gradient(from var(--one-angle),#875bf522,#a38affb5,#5385fb25,#6848d814,#c6afff80,#875bf522);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:one-border 12s linear infinite;animation-play-state:paused}
.in-motion>.one-edge{animation-play-state:running}.light .one-edge{opacity:.6}.one-depth{position:relative;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;will-change:auto}.one-depth:hover{--lift:-5px;box-shadow:0 22px 55px #3b225122}.one-depth .one-shine{position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;background:radial-gradient(500px circle at var(--shine-x,50%) var(--shine-y,0%),#b58fff18,transparent 65%);opacity:0;transition:opacity .3s}.one-depth:hover .one-shine{opacity:1}.solution-card.one-depth:hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px)}
.motion-ready .motion-word{display:inline-block;opacity:0;transform:translateY(.7em) rotateX(22deg);filter:blur(5px);transition:opacity .65s ease,transform .85s cubic-bezier(.19,1,.22,1),filter .7s ease;transition-delay:var(--word-delay,0ms);transform-origin:50% 100%}.motion-ready.motion-seen .motion-word{opacity:1;transform:none;filter:blur(0)}.gradient-text .motion-word{background:linear-gradient(105deg,#7298ff,#a076ff 45%,#d5bbff 65%,#7b8bff);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:one-text-light 8s ease-in-out infinite}.motion-copy{opacity:0;transform:translateY(14px);filter:blur(2px);transition:opacity .7s ease,transform .8s cubic-bezier(.19,1,.22,1),filter .7s ease}.motion-copy.motion-seen{opacity:1;transform:none;filter:none}.hero h1{perspective:900px}.hero-art img{animation:one-art-float 12s ease-in-out infinite;transform-origin:65% 50%}.ai-art>img{animation:one-ai-float 10s ease-in-out infinite}.apps-art>img{animation:one-ai-float 12s ease-in-out infinite}.card-image img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.solution-card:hover .card-image img{transform:scale(1.055)}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;top:-70%;left:-80%;width:50%;height:240%;background:linear-gradient(90deg,transparent,#ffffff20,transparent);transform:rotate(20deg);transition:left .75s}.button:hover:after{left:150%}.core-heading h2{font-size:clamp(40px,4.8vw,72px);line-height:1.04;letter-spacing:-.055em;margin:20px 0 26px}.one-core{padding:105px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:20px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 70% 55%,#34226450,transparent 53%),#090a10;border-block:1px solid #9772c21f}.one-core:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#9080b220 1px,transparent 1px),linear-gradient(90deg,#9080b220 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 70% 50%,#000,transparent 75%)}.core-heading{position:relative;z-index:2}.core-heading p{font-size:16px;line-height:1.85;color:#aaa7b6;max-width:410px}.core-stage{height:520px;position:relative;isolation:isolate}.core-stage:after{content:'';position:absolute;left:22%;right:22%;bottom:5%;height:24px;border-radius:50%;background:#9053ff;filter:blur(28px);opacity:.23}.core-sculpture{position:absolute;inset:0;touch-action:pan-y}.core-sculpture canvas{display:block;width:100%;height:100%;pointer-events:none}.core-chip{position:absolute;z-index:2;min-width:196px;padding:16px 18px 16px 60px;border:1px solid #af8cf333;border-radius:14px;background:linear-gradient(130deg,#292034cb,#14111cbd);box-shadow:0 15px 50px #0004,inset 0 1px 0 #ffffff10;backdrop-filter:blur(18px);transform-style:preserve-3d;animation:one-chip-float 8s ease-in-out infinite}.core-chip strong{font-size:12px;font-weight:500;display:block;letter-spacing:-.1px}.core-chip small{font-size:10px;color:#b2a5c7;display:block;margin-top:7px}.chip-icon{position:absolute;left:15px;top:16px;width:32px;height:32px;display:grid;place-items:center;background:linear-gradient(140deg,#975ee630,#4b7cff20);border:1px solid #b49aeb20;border-radius:9px}.chip-icon svg{width:16px;color:#c3a4ff}.chip-ai{top:13%;left:1%;animation-delay:-2s}.chip-systems{right:0;top:42%;animation-delay:-4s}.chip-growth{bottom:11%;left:9%;animation-delay:-1s}.core-coordinate{position:absolute;font-size:8px;letter-spacing:2px;color:#736985}.coordinate-top{right:3%;top:0}.coordinate-bottom{right:4%;bottom:0}.sculpture-fallback{position:absolute;left:50%;top:50%;width:280px;height:280px;transform:translate(-50%,-50%);perspective:850px}.core-orbit{position:absolute;inset:0;border:12px solid #8b65c5;border-top-color:#bcb4ee;border-bottom-color:#323064;border-radius:50%;box-shadow:inset 0 2px 9px #ffffff40,0 0 40px #895be525;transform:rotateX(60deg) rotateY(15deg) rotateZ(-30deg)}.orbit-two{transform:rotateX(18deg) rotateY(60deg) rotateZ(35deg);border-width:7px}.orbit-three{transform:rotateX(60deg) rotateY(-30deg) rotateZ(65deg);inset:28px;border-width:5px;border-color:#776ffa}.core-gem{position:absolute;inset:90px;background:linear-gradient(140deg,#ddb7ff,#8051df 40%,#2b2470);transform:rotate(-35deg);border:1px solid #ccb9ff;box-shadow:0 0 65px #9154ef66;border-radius:13px;animation:one-gem 14s linear infinite}.core-sculpture.webgl-ready .sculpture-fallback{display:none}.core-chip.motion-copy{opacity:1;filter:none}.chat-open{position:fixed;top:var(--page-scroll,0px);left:0;right:0;width:100%;overflow:hidden}.chat-shell{top:var(--chat-top,0px);bottom:auto;height:var(--chat-height,100dvh)}.chat-window{max-height:calc(100% - 48px)}.chat-intro{transition:none}.has-conversation .chat-intro{display:none}.chat-messages{scroll-behavior:auto;overflow-anchor:none;-webkit-overflow-scrolling:touch}.chat-composer textarea{scroll-margin:0;caret-color:#c3a2ff}.chat-footnote{font-size:10px}.ai-launcher{width:68px;height:68px;padding:3px;border-radius:50%;display:block;border:1px solid #bb8dff;background:linear-gradient(135deg,#ab75ff,#487cff);box-shadow:0 4px 25px #0006,0 0 22px #8a50eb40;overflow:visible;animation:one-avatar-glow 5s ease-in-out infinite}.ai-launcher>img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.ai-launcher .launcher-online{position:absolute;width:12px;height:12px;border-radius:50%;bottom:4px;right:4px;background:#c7b3ff;border:3px solid #17131f;box-shadow:0 0 8px #9b71ed}.ai-launcher:hover{transform:translateY(-3px) scale(1.035)}
@keyframes one-border{to{--one-angle:360deg}}@keyframes one-text-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes one-art-float{0%,100%{transform:scale(1.01) translateY(0)}50%{transform:scale(1.035) translateY(-12px)}}@keyframes one-ai-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1.5deg)}}@keyframes one-chip-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes one-gem{to{transform:rotate(325deg)}}@keyframes one-avatar-glow{0%,100%{box-shadow:0 4px 25px #0006,0 0 18px #8a50eb30}50%{box-shadow:0 4px 25px #0006,0 0 30px #8a50eb70}}
@media(max-width:1000px){.one-core{grid-template-columns:1fr;padding:75px 7vw 65px;gap:30px}.core-heading{max-width:650px}.core-stage{height:490px;max-width:720px;width:100%;margin:auto}.core-heading p{max-width:600px}}
@media(max-width:600px){.one-frame{inset:4px;border-radius:15px;opacity:.75}.one-core{padding:65px 6vw 45px;gap:26px}.core-heading h2{font-size:43px}.core-heading p{font-size:15px}.core-stage{height:440px;margin-inline:-2vw;width:calc(100% + 4vw)}.core-chip{min-width:0;padding:13px 12px 13px 47px;max-width:185px;backdrop-filter:blur(10px)}.core-chip strong{font-size:10px}.core-chip small{font-size:9px}.chip-icon{left:10px;top:13px;width:27px;height:27px}.chip-icon svg{width:14px}.chip-ai{top:8%;left:0}.chip-systems{right:0;top:43%}.chip-growth{bottom:10%;left:3%}.core-coordinate{font-size:6px;letter-spacing:1.3px}.coordinate-bottom{bottom:0;right:1%}.sculpture-fallback{width:235px;height:235px}.core-gem{inset:78px}.chat-window{top:0;right:0;bottom:0;width:100%;max-width:100%;height:100%;max-height:100%;padding-top:env(safe-area-inset-top);border:0;border-radius:0;animation:none}.chat-header{padding:12px 16px;gap:10px}.chat-header>img{width:40px;height:40px}.chat-header h2{font-size:18px}.chat-header p{font-size:10px}.chat-messages{padding:12px 16px}.chat-message{max-width:93%;padding:12px 14px;font-size:14px}.chat-intro{padding:18px 18px 0}.chat-suggestions{padding:6px 16px 12px}.chat-composer{margin:0 12px;padding:7px;border-radius:15px}.chat-composer textarea{font-size:16px!important;max-height:80px;min-height:38px;line-height:1.4}.chat-composer textarea::placeholder{font-size:14px}.chat-footnote{padding:10px 17px max(11px,env(safe-area-inset-bottom));font-size:9px}.keyboard-open .chat-intro,.keyboard-open .chat-suggestions{display:none}.keyboard-open .chat-header{padding-block:9px}.keyboard-open .chat-header>img{height:34px;width:34px}.keyboard-open .chat-footnote{padding-block:7px}.keyboard-open .chat-window{padding-top:0}.ai-launcher{width:60px;height:60px;right:17px;bottom:calc(18px + env(safe-area-inset-bottom))}.one-depth:hover{--lift:0px}.one-depth .one-shine{display:none}}
.gradient-text .motion-word,.hero-art img,.ai-art>img,.apps-art>img,.core-chip{animation-play-state:paused}.in-motion .gradient-text .motion-word,.in-motion .hero-art img,.ai-art.in-motion>img,.apps-art.in-motion>img,.one-core.in-motion .core-chip{animation-play-state:running}.chat-open main *,.chat-open .one-frame{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.motion-ready .motion-word,.motion-copy{opacity:1!important;transform:none!important;filter:none!important}.one-frame,.one-edge,.gradient-text .motion-word,.hero-art img,.ai-art>img,.apps-art>img,.core-chip,.core-gem,.ai-launcher{animation:none!important}.one-depth{transform:none!important;transition:none!important}}
/* Fine reading cue: no layout change, no scroll interception. */
.one-reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#9270ff,#b894f5,#76a5ff);z-index:110;transform:scaleX(0);transform-origin:left;pointer-events:none}
@media(prefers-reduced-motion:reduce){.one-reading-progress{display:none}.motion-copy,.motion-word{opacity:1!important;transform:none!important}}
/* Emilly: two restrained orbital highlights in the One palette. */
.launcher-avatar{isolation:isolate}.launcher-avatar::before,.profile-orbit::before{content:'';position:absolute;inset:-5px;border-radius:50%;padding:2px;background:conic-gradient(from 20deg,transparent 0deg 225deg,#769dff 265deg,#bd8aff 300deg,transparent 340deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:emilly-orbit 7s linear infinite;pointer-events:none}.launcher-avatar::after,.profile-orbit::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px solid transparent;border-top-color:#b996ff90;border-right-color:#79a7ff50;filter:drop-shadow(0 0 4px #946cff80);animation:emilly-orbit 11s linear infinite reverse;pointer-events:none}.launcher-avatar img{position:relative;z-index:1}.launcher-avatar i{z-index:2}.profile-orbit::before{inset:-4px}.profile-orbit::after{inset:-8px}.chat-open .launcher-avatar::before,.chat-open .launcher-avatar::after{animation-play-state:paused}@keyframes emilly-orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.launcher-avatar::before,.launcher-avatar::after,.profile-orbit::before,.profile-orbit::after{animation:none}}
/* Preserve Emilly's portrait while framing the face in circular avatars. */
.launcher-avatar img,.profile-orbit img,.chat-header img{object-position:50% 30%}
