/* ARTIFICIAL NAILOONG — interactive world / no external dependencies */
:root{--ink:#050807;--ink2:#090d0b;--ink3:#111613;--lime:#dbff39;--lime2:#b2f451;--gold:#ffc642;--cream:#fffef2;--muted:#a3a99e;--quiet:#707a72;--border:rgba(218,255,173,.16);--edge:rgba(255,255,255,.09);--display:"Inter Display","Arial Black",Inter,"Arial",sans-serif;--body:Inter,"Helvetica Neue",Arial,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:83px}
body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--cream);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.65}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
::selection{background:var(--lime);color:var(--ink)}
img{max-width:100%;height:auto}
.visually-hidden,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:12px;left:12px;z-index:1000;display:inline-flex;align-items:center;padding:12px 16px;background:var(--lime);color:var(--ink);border-radius:9px}
.section-anchor{scroll-margin-top:75px}
.section-container{width:min(100%,1600px);padding-inline:clamp(26px,5.55vw,96px);margin-inline:auto}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:110;background:linear-gradient(90deg,var(--gold),var(--lime));box-shadow:0 0 17px var(--lime);transition:width .06s linear;pointer-events:none}
.site-noise{position:fixed;z-index:90;inset:0;opacity:.065;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
/* NAVIGATION */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(3,6,4,.91),rgba(3,6,4,.56));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .35s,border-color .35s}
.site-header.is-scrolled{background:rgba(5,9,7,.93);border-color:rgba(200,250,145,.13)}
.nav-shell{width:min(100%,1750px);height:83px;margin:auto;padding:0 clamp(26px,5.55vw,96px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:10px;flex:none;min-width:190px}
.brand-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;box-shadow:0 0 0 1px rgba(218,255,57,.12)}
.brand-icon img{display:block;width:39px;height:39px}
.brand-word{display:flex;flex-direction:column;line-height:.99;letter-spacing:-.05em;font-family:var(--display);font-size:14px}
.brand-word b{font-weight:900;color:#f5f6eb}
.brand-word strong{font-weight:900;color:var(--lime);font-size:17px}
.brand-star{font-size:11px;margin-left:3px;vertical-align:3px;color:var(--gold)}
.primary-nav{display:flex;align-items:center;gap:clamp(21px,2.65vw,51px);height:100%;margin-left:auto;margin-right:auto}
.primary-nav a{height:100%;display:flex;align-items:center;position:relative;font-size:10px;font-weight:800;letter-spacing:.13em;color:#aab0a7;white-space:nowrap;transition:color .2s}
.primary-nav a:hover,.primary-nav a.is-active{color:var(--lime)}
.primary-nav a.is-active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--lime);box-shadow:0 0 12px rgba(219,255,57,.55)}
.nav-actions{display:flex;align-items:center;gap:12px}
.motion-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:50%;color:#bfcac0;transition:background .2s,color .2s}
.motion-button:hover,.motion-button.is-paused{background:rgba(219,255,57,.12);color:var(--lime)}
.motion-button svg{width:16px;height:16px}
.social-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;height:40px;padding:0 18px;border:1px solid rgba(219,255,57,.76);border-radius:999px;font-size:10px;letter-spacing:.1em;font-weight:900;white-space:nowrap;color:var(--lime);transition:background .2s,color .2s,box-shadow .2s}
.social-button:hover{background:var(--lime);color:#070a05;box-shadow:0 0 24px rgba(219,255,57,.2)}
.x-mark{font-size:17px;font-family:Arial,sans-serif;line-height:0}
.arrow-external{width:13px;height:13px}
.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:40px;height:40px;border:1px solid var(--border);background:rgba(10,15,11,.7);border-radius:10px}
.menu-toggle span{width:19px;height:2px;background:var(--lime);transition:transform .25s}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-nav{display:none}
/* SHARED */
.eyebrow,.section-index{display:flex;gap:12px;align-items:center;color:#d4f4aa;font-size:10px;letter-spacing:.19em;font-weight:800;line-height:1.5}
.section-index{gap:14px;color:var(--lime);flex-wrap:wrap}
.section-index-rule{width:30px;height:1px;background:rgba(219,255,57,.5)}
.section-index>span:last-child{color:#738577}
.section-title{font:900 clamp(42px,4.85vw,83px)/1.03 var(--display);letter-spacing:-.075em;margin:27px 0 22px;color:#fcfff0;text-wrap:balance}
.section-title em{font-style:normal;color:var(--lime);display:block}
.section-lead{font-size:16px;line-height:1.75;color:#abb6aa;max-width:515px}
.button-group{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:57px;border-radius:999px;padding:7px 9px 7px 25px;white-space:nowrap;font-size:12px;letter-spacing:.045em;font-weight:900;line-height:1;text-align:center;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s}
.button:hover{transform:translateY(-3px)}
.button-accent{background:var(--lime);color:#071006;box-shadow:0 5px 26px rgba(219,255,57,.18)}
.button-accent:hover{box-shadow:0 7px 43px rgba(219,255,57,.33);background:#e6ff67}
.button-round-arrow{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#0b1406;color:var(--lime);font-size:20px;line-height:1}
.button-outline{border:1px solid rgba(221,255,149,.39);padding:7px 23px;background:rgba(6,8,7,.28);color:#f9ffe8}
.button-outline:hover{background:rgba(219,255,57,.085);border-color:var(--lime);box-shadow:0 6px 28px rgba(219,255,57,.06)}
.button-outline>span{font-size:20px;color:var(--lime)}
/* HERO */
.hero{isolation:isolate;position:relative;min-height:795px;height:max(795px,100svh);max-height:1090px;overflow:hidden;background:radial-gradient(ellipse 45% 42% at 76% 53%,#282110,#060a07 86%)}
.hero-image{position:absolute;inset:0;z-index:-4;background:url('../img/hero-energy-world.webp') center center / cover no-repeat;opacity:.63;filter:saturate(1.2)}
.hero-atmosphere{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,5,4,.96) 0%,rgba(2,5,4,.93) 21%,rgba(2,5,4,.7) 39%,rgba(3,7,4,.16) 65%,rgba(0,0,0,.2) 100%),radial-gradient(ellipse 35% 51% at 75% 52%,rgba(255,199,25,.15),transparent 83%),linear-gradient(0deg,rgba(3,6,4,.75),transparent 22%)}
.hero-grid{position:absolute;z-index:-1;bottom:-22%;left:-15%;width:130%;height:50%;background-image:linear-gradient(rgba(223,255,83,.095) 1px,transparent 1px),linear-gradient(90deg,rgba(223,255,83,.095) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to top,rgba(0,0,0,.5),transparent 85%);transform:perspective(550px) rotateX(67deg);transform-origin:bottom center;opacity:.45}
.sparks-canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:.65}
.hero-layout{position:relative;display:flex;align-items:center;min-height:inherit;height:100%;padding-top:83px;padding-bottom:118px}
.hero-copy{position:relative;z-index:10;width:min(46%,620px);padding-top:42px}
.hero-eyebrow{color:#d4eab6;white-space:nowrap}
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(219,255,57,.13),0 0 18px rgba(219,255,57,.8);animation:pulseDot 2.1s ease-in-out infinite}
.eyebrow-slash{color:var(--lime);opacity:.6}
.hero-brand-lockup{margin-top:35px}
.hero-monogram{position:relative;display:flex;align-items:baseline;font:1000 clamp(112px,14.2vw,205px)/.75 var(--display);letter-spacing:-.13em;color:#fafff8;user-select:none;white-space:nowrap;text-shadow:0 6px 34px rgba(255,255,255,.065)}
.hero-monogram .monogram-n{color:var(--lime)}
.monogram-a{position:relative}
.monogram-spark{position:absolute;z-index:2;font-size:.22em;line-height:1;left:36%;top:30%;color:var(--ink);letter-spacing:0;text-shadow:0 0 3px rgba(0,0,0,.3)}
.monogram-period{font-size:.24em;line-height:0;color:var(--gold);margin-left:.23em;transform:translateY(-2px)}
.hero-heading{margin:22px 0 0;display:flex;flex-direction:column;line-height:.95;letter-spacing:-.07em;font-family:var(--display);font-weight:950;text-transform:uppercase}
.hero-heading span{font-size:clamp(41px,4.4vw,67px);font-weight:850;color:#f6faf1}
.hero-heading strong{font-size:clamp(55px,5.9vw,93px);color:var(--lime);font-weight:1000;white-space:nowrap}
.hero-tagline{margin:25px 0 0;font-size:20px;letter-spacing:-.02em;font-weight:800}
.hero-tagline span{color:var(--lime)}
.hero-description{max-width:430px;color:#b9c1b5;line-height:1.7;margin:13px 0 26px;font-size:14px}
.hero-microcopy{display:flex;align-items:center;gap:14px;margin-top:44px;color:#98a68f;font-size:9px;font-weight:800;letter-spacing:.14em}
.tiny-star{font-size:27px;color:var(--lime);line-height:1}
.hero-art{position:absolute;inset:0 0 0 39%;z-index:3;pointer-events:none}
.hero-halo{position:absolute;inset:21% 3% 9% 12%;background:radial-gradient(circle at 53% 45%,rgba(252,195,43,.34),rgba(251,188,43,.08) 37%,transparent 66%);filter:blur(48px);animation:haloPulse 8s ease-in-out infinite}
.hero-character{position:absolute;top:48.5%;left:0;width:clamp(620px,59vw,910px);aspect-ratio:1;border:0;background:transparent;z-index:5;padding:0;pointer-events:auto;transform:translate3d(var(--hero-move-x,0px),calc(-50% + var(--hero-move-y,0px)),0);transform-origin:center;filter:drop-shadow(0 34px 48px rgba(0,0,0,.24));touch-action:manipulation;outline-offset:-100px}
.hero-character img{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;animation:mascotFloat 6.7s ease-in-out infinite;filter:drop-shadow(0 0 38px rgba(255,206,42,.17))}
.hero-character:hover img{filter:drop-shadow(0 0 48px rgba(255,210,44,.27))}
.hero-character:focus-visible{outline:2px solid var(--lime);outline-offset:-20px;border-radius:50%}
.tap-spark{position:absolute;color:var(--lime);opacity:0;pointer-events:none;font-size:30px;z-index:20}
.tap-spark-1{top:22%;right:15%}.tap-spark-2{top:58%;left:12%}
.hero-character.is-tapped .tap-spark-1{animation:tapSpark .8s both}.hero-character.is-tapped .tap-spark-2{animation:tapSpark .82s .07s both}
.orbital{position:absolute;z-index:1;border-radius:50%;pointer-events:none}
.orbital-gold{width:95%;height:39%;left:-3%;top:30%;border:2px solid rgba(255,198,52,.72);box-shadow:0 0 18px rgba(255,200,46,.38),inset 0 0 8px rgba(255,200,46,.12);transform:rotate(-23deg);animation:orbitWobble 9s ease-in-out infinite}
.orbital-green{width:82%;height:28%;left:15%;top:39%;border:2px solid rgba(183,255,40,.27);transform:rotate(35deg);filter:drop-shadow(0 0 14px rgba(189,255,42,.19));animation:orbitWobbleReverse 12s ease-in-out infinite}
.orbital-thin{width:97%;height:48%;left:-2%;top:27%;border:1px solid rgba(255,255,199,.11);transform:rotate(11deg)}
.orbit-point{position:absolute;z-index:4;font-size:30px;color:var(--lime);text-shadow:0 0 27px rgba(219,255,57,.8);animation:twinkle 4s ease-in-out infinite}
.orbit-point-1{top:21%;left:23%}.orbit-point-2{top:65%;right:12%;font-size:45px;animation-delay:1.1s}.orbit-point-3{top:36%;right:4%;font-size:24px;color:var(--gold);animation-delay:2.3s}
.signal-box{position:absolute;z-index:2;display:grid;place-items:center;transform:rotate(-17deg);width:63px;height:63px;border-radius:13px;border:1px solid rgba(240,203,66,.32);background:linear-gradient(150deg,rgba(197,161,46,.15),rgba(5,8,6,.6));color:var(--gold);box-shadow:inset 0 0 16px rgba(255,218,62,.05),0 0 34px rgba(255,187,56,.15);animation:boxFloat 6s ease-in-out infinite}
.signal-box span{font-size:29px;text-shadow:0 0 25px rgba(252,196,51,.6)}
.signal-box-a{top:19%;right:16%;}.signal-box-b{bottom:15%;left:13%;width:53px;height:53px;animation-delay:1.3s}
.hero-chat-note{position:absolute;z-index:9;right:2%;top:24%;display:flex;gap:8px;align-items:center;padding:11px 16px;border:1px solid rgba(221,255,95,.3);border-radius:9px 9px 9px 0;background:rgba(9,16,10,.75);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px;font-weight:750;letter-spacing:-.01em;color:#f4ffe7;box-shadow:0 9px 34px rgba(0,0,0,.22);transition:opacity .2s,transform .2s;white-space:nowrap}
.chat-note-glyph{color:var(--lime)}
.character-badge{position:absolute;z-index:8;bottom:18%;right:2%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(6,11,7,.63);border:1px solid rgba(239,255,201,.15);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.character-indicator{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
.character-badge span:last-child{display:flex;flex-direction:column;gap:4px}
.character-badge small{font-size:8px;color:#8d9c83;letter-spacing:.14em;font-weight:800}
.character-badge b{font-size:12px;letter-spacing:.045em;color:var(--lime)}
.hero-right-label{position:absolute;z-index:5;right:clamp(25px,5.5vw,95px);top:16%;font-size:12px;font-style:italic;line-height:1.6;font-weight:700;text-align:right;letter-spacing:.04em;color:#e2fca9;transform:rotate(-6deg)}
.hero-right-label span{display:block;font-size:30px}
.hero-bottom{position:absolute;z-index:11;bottom:0;left:0;right:0;height:104px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.hero-bottom-left,.hero-bottom-right,.scroll-prompt{font-size:9px;font-weight:800;letter-spacing:.2em;color:#849086}
.hero-bottom-left{display:flex;align-items:center;gap:13px}
.hairline{height:1px;width:34px;background:var(--lime);opacity:.6}
.hero-bottom-right{font-size:13px;color:var(--lime)}.hero-bottom-right span{color:#657266;margin:0 7px}
.scroll-prompt{pointer-events:auto;display:flex;gap:12px;align-items:center;color:#d7e1d3}
.scroll-line{width:38px;height:1px;background:#687c62}.down-arrow{font-size:17px;color:var(--lime);animation:nudgeDown 1.9s ease-in-out infinite}
.ticker{height:76px;overflow:hidden;border-top:1px solid rgba(219,255,57,.14);border-bottom:1px solid rgba(219,255,57,.14);background:var(--lime);color:#101606;display:flex;align-items:center}
.ticker-track{display:flex;align-items:center;gap:40px;width:max-content;white-space:nowrap;animation:ticker 38s linear infinite}
.ticker-track span{font:900 20px/1 var(--display);letter-spacing:-.04em}
.ticker-track b{font-size:20px;color:#404f13}
/* MIND */
.mind-section{isolation:isolate;position:relative;padding:clamp(125px,12vw,190px) 0;overflow:hidden;background:#08100e}
.mind-image{position:absolute;z-index:-3;inset:0;background:url('../img/inside-the-mind.webp') center / cover no-repeat;opacity:.53}
.mind-gradient{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#060d0b 5%,rgba(6,13,11,.95) 29%,rgba(7,17,12,.4) 70%,rgba(6,14,10,.49) 100%),linear-gradient(0deg,#07110d,transparent 14%,transparent 83%,#070a08)}
.mind-inner{display:grid;grid-template-columns:48% 52%;gap:12px;align-items:center;min-height:625px}
.mind-copy{position:relative;z-index:4}
.mind-copy .section-title{max-width:640px}
.mind-steps{margin-top:44px;width:min(100%,530px);border-top:1px solid var(--border)}
.mind-step{height:73px;display:flex;align-items:center;gap:19px;width:100%;background:transparent;color:#a7baaa;border:0;border-bottom:1px solid var(--border);padding:0 8px;text-align:left;transition:background .3s,padding .3s,color .3s}
.mind-step:hover,.mind-step.is-selected{color:var(--lime);background:rgba(179,255,56,.045);padding-left:17px}
.mind-step-no{font-size:11px;letter-spacing:.07em;color:#7d937f}.mind-step-name{font:800 23px var(--display);letter-spacing:-.045em}.mind-step-sign{margin-left:auto;font-size:21px}
.mind-description{margin-top:23px;min-height:88px;max-width:500px;border-left:2px solid var(--lime);padding-left:19px}
.mind-caption{font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--lime)}
.mind-description p{margin:8px 0 0;color:#adbbb0;font-size:14px;line-height:1.65}
.mind-art{display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;min-width:0}
.mind-system{position:relative;aspect-ratio:1;width:min(100%,660px);margin-left:16px}
.mind-system:before{content:"";position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,rgba(208,255,66,.25),rgba(85,228,66,.06) 50%,transparent 70%);filter:blur(30px);animation:haloPulse 6s infinite}
.mind-system img{position:absolute;z-index:5;inset:11%;width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 0 36px rgba(203,250,55,.15));animation:mascotFloat 7s ease-in-out infinite}
.mind-orbit{position:absolute;border-radius:50%;inset:0;border:1px solid rgba(185,255,53,.19)}
.m-orbit-outer{border:1px dashed rgba(158,242,104,.24);animation:spin 45s linear infinite}
.m-orbit-second{inset:9%;border-color:rgba(200,255,60,.43);border-style:solid;box-shadow:0 0 34px rgba(163,249,82,.11),inset 0 0 28px rgba(163,249,82,.06);animation:spin 36s linear reverse infinite}
.m-orbit-third{inset:22%;border-style:dotted;border-width:2px;border-color:rgba(205,255,49,.27);animation:spin 25s linear infinite}
.mind-core{position:absolute;inset:33%;border-radius:50%;background:radial-gradient(circle,rgba(219,255,57,.11),transparent 76%);filter:blur(23px)}
.mind-node{position:absolute;font-size:23px;color:var(--lime);z-index:6;text-shadow:0 0 24px rgba(210,255,40,.6);animation:twinkle 3.7s ease-in-out infinite}
.node-a{top:6%;left:27%}.node-b{right:3%;top:48%;font-size:36px;animation-delay:.9s}.node-c{left:9%;bottom:22%;animation-delay:1.7s}.node-d{right:25%;bottom:5%;animation-delay:2.4s}
.mind-chip{position:absolute;z-index:7;padding:12px 16px;font-size:9px;letter-spacing:.13em;font-weight:800;background:rgba(10,22,14,.8);border:1px solid rgba(208,255,85,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;color:#ccdfc2;border-radius:5px}
.mind-chip span{color:var(--lime);padding-inline:8px}.mind-chip-top{top:16%;right:-1%}.mind-chip-bottom{bottom:15%;left:-5%}
.mind-art-caption{display:flex;justify-content:space-between;gap:20px;width:90%;margin-top:-6px;color:#617f6d;letter-spacing:.13em;font-weight:750;font-size:9px}
/* PERSONALITY */
.states-section{position:relative;background:radial-gradient(ellipse 50% 40% at 80% 23%,rgba(160,218,36,.055),transparent),#080b09;padding:clamp(104px,10vw,166px) 0 130px;overflow:hidden;border-top:1px solid rgba(255,255,255,.04)}
.states-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:52px}
.states-top .section-title{margin-bottom:0}
.states-intro{max-width:275px;font-size:14px;color:#a2ada0;line-height:1.75;margin:0 0 5px}
.states-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.state-card{position:relative;isolation:isolate;min-width:0;padding:19px 18px 20px;text-align:left;display:flex;flex-direction:column;min-height:398px;border-radius:15px;border:1px solid rgba(218,253,146,.13);background:linear-gradient(135deg,rgba(28,39,25,.61),rgba(9,12,10,.88) 52%,rgba(13,23,14,.93));color:var(--cream);overflow:hidden;transition:transform .35s var(--ease),border-color .3s,box-shadow .3s;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.state-card:hover{transform:translateY(-9px);border-color:rgba(219,255,57,.5);box-shadow:0 22px 50px rgba(0,0,0,.25),0 0 32px rgba(216,255,57,.055)}
.state-card.is-current{border-color:rgba(221,255,57,.73);box-shadow:0 0 0 1px rgba(219,255,57,.14),inset 0 1px rgba(219,255,57,.13)}
.card-edge{position:absolute;left:0;top:0;width:34%;height:3px;background:var(--lime);box-shadow:0 0 15px var(--lime);opacity:0;transition:opacity .2s}.state-card.is-current .card-edge,.state-card:hover .card-edge{opacity:1}
.card-topline{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;font-weight:850;letter-spacing:.13em;color:#98ad90}
.card-symbol{font-size:22px;color:var(--lime)}
.state-visual{position:relative;z-index:2;display:grid;place-items:center;width:100%;flex:1;min-height:225px;margin:4px 0 -14px}
.state-glow{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,rgba(217,255,57,.22),rgba(216,255,57,.08) 40%,transparent 70%);filter:blur(22px);opacity:.45;transition:opacity .3s}
.state-card:hover .state-glow,.state-card.is-current .state-glow{opacity:1}
.state-visual img{position:relative;z-index:1;width:100%;max-width:292px;transform:scale(1.27);filter:drop-shadow(0 15px 20px rgba(0,0,0,.2));transition:transform .5s var(--ease)}
.state-card:hover .state-visual img{transform:scale(1.36) translateY(-4px)}
.state-bottom{display:flex;flex-direction:column;position:relative;z-index:3;gap:7px;margin-top:auto;padding-right:16px}
.state-bottom strong{font:900 clamp(19px,1.8vw,26px) var(--display);letter-spacing:-.055em}.state-bottom>span{font-size:12px;color:#97a795}
.state-open{position:absolute;right:20px;bottom:18px;color:var(--lime);font-size:19px;transition:transform .2s}.state-card:hover .state-open{transform:translate(2px,-2px)}
.state-detail{position:relative;isolation:isolate;margin-top:18px;min-height:294px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;overflow:hidden;background:linear-gradient(111deg,rgba(32,44,20,.88),rgba(6,12,8,.96) 42%,rgba(28,38,13,.76) 100%);border:1px solid rgba(218,253,146,.19);border-radius:17px}
.state-detail::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 45% 70% at 81% 51%,rgba(211,255,57,.18),transparent 80%)}
.state-detail-left{padding:40px 55px;position:relative;z-index:3}
.detail-eyebrow{display:flex;gap:9px;align-items:center;letter-spacing:.18em;color:var(--lime);font-size:9px;font-weight:800}
.live-pip{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px var(--lime)}
.state-detail h3{margin:20px 0 11px;font:900 clamp(27px,3vw,47px) var(--display);letter-spacing:-.065em}
.state-detail p{color:#adbcab;font-size:13px;line-height:1.7;max-width:410px;margin:0}
.detail-instruction{display:inline-block;margin-top:29px;font-size:9px;font-weight:850;letter-spacing:.15em;color:#7f947a}
.detail-instruction span{color:var(--lime);font-size:16px;vertical-align:-2px}
.detail-visual{position:absolute;right:8%;top:-26%;width:min(37%,480px);height:150%}
.detail-visual img{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(219,255,57,.16));animation:mascotFloat 8s ease-in-out infinite}
.detail-rings{position:absolute;inset:16% 0%;border:1px solid rgba(219,255,57,.24);border-radius:50%;transform:rotate(-22deg) scaleY(.45);box-shadow:0 0 34px rgba(219,255,57,.13)}
.detail-id{position:absolute;bottom:19px;right:24px;display:flex;gap:19px;align-items:center;color:#839d7d;font-size:9px;letter-spacing:.17em;font-weight:750}.detail-id span{color:var(--lime);font-size:21px}
/* TALK */
.talk-section{position:relative;overflow:hidden;background:radial-gradient(ellipse 39% 63% at 10% 48%,rgba(125,157,21,.11),transparent 95%),radial-gradient(ellipse 55% 30% at 75% 90%,rgba(177,216,42,.055),transparent),#080d0b;border-top:1px solid rgba(212,255,73,.1);border-bottom:1px solid rgba(212,255,73,.09)}
.talk-layout{min-height:840px;padding-top:125px;padding-bottom:125px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:0}
.talk-character-area{position:relative;align-self:stretch;min-height:600px}
.talk-character-area>img{position:absolute;z-index:3;width:114%;max-width:none;left:-20%;top:47%;transform:translateY(-50%);filter:drop-shadow(0 0 40px rgba(222,246,79,.09));animation:talkBob 7s ease-in-out infinite}
.talk-light{position:absolute;inset:12% -3% 10% -18%;background:radial-gradient(circle at 45% 47%,rgba(176,207,55,.19),rgba(228,179,44,.06) 38%,transparent 73%);filter:blur(40px)}
.talk-line{position:absolute;left:-35%;top:40%;width:120%;height:35%;border:2px solid rgba(219,255,57,.29);border-radius:50%;transform:rotate(24deg);filter:drop-shadow(0 0 12px rgba(219,255,57,.16))}.talk-line-b{top:44%;left:-23%;height:26%;border-color:rgba(255,197,54,.26);transform:rotate(-29deg)}
.talk-star{position:absolute;color:var(--lime);font-size:46px;text-shadow:0 0 25px rgba(219,255,57,.5);animation:twinkle 4s infinite}.talk-star-a{right:5%;top:19%}.talk-star-b{left:2%;bottom:9%;animation-delay:1s}
.talk-scribble{position:absolute;z-index:5;right:3%;top:15%;transform:rotate(-9deg);font-family:"Segoe Print","Comic Sans MS",cursive;font-size:22px;font-style:italic;line-height:1.2;color:var(--lime);text-shadow:0 0 14px rgba(219,255,57,.15)}
.talk-scribble svg{width:72px;height:40px;display:block;margin-left:-11px;transform:rotate(22deg)}
.talk-visual-label{position:absolute;bottom:3%;left:1%;font-size:9px;letter-spacing:.16em;color:#718a69;display:flex;align-items:center;gap:14px}.talk-visual-label>span:last-child{font-size:27px;color:var(--lime)}
.talk-copy{position:relative;z-index:5;max-width:665px;padding-left:clamp(28px,3vw,54px)}
.talk-copy .section-title{font-size:clamp(39px,4.15vw,70px);max-width:630px}
.talk-description{font-size:14px;color:#a6b3a7;line-height:1.7;max-width:520px;margin:0 0 28px}
.chat-window{border:1px solid rgba(215,255,127,.29);background:linear-gradient(145deg,rgba(20,31,23,.94),rgba(7,12,9,.98));border-radius:17px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2),0 0 34px rgba(211,255,57,.04)}
.chat-topbar{min-height:53px;border-bottom:1px solid rgba(223,255,153,.12);padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.09em;font-weight:800;color:#d5e6c9}
.chat-topbar>div:first-child{display:flex;align-items:center;gap:9px}
.small-green-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 11px var(--lime)}
.chat-mode{font-size:9px;letter-spacing:.075em;color:#8ba17e;border:1px solid rgba(143,179,129,.2);padding:6px 8px;border-radius:4px;white-space:nowrap}
.chat-mode.is-live{color:var(--lime);border-color:rgba(219,255,57,.5)}
.chat-log{padding:20px 18px 10px;min-height:148px;max-height:235px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#34462a transparent;scrollbar-width:thin}
.message{display:flex;gap:9px;margin-bottom:14px;animation:popIn .25s var(--ease) both}
.message-avatar{display:block;flex:none;width:33px;height:33px;background:#1f281c;border:1px solid rgba(219,255,57,.17);border-radius:50%;overflow:hidden}.message-avatar img{display:block;width:100%;height:100%;object-fit:contain}
.message-inner{max-width:87%;padding:10px 13px 11px;border-radius:2px 13px 13px 13px;background:rgba(217,255,57,.06);border:1px solid rgba(210,255,118,.13)}
.message-author{font-size:9px;font-weight:850;letter-spacing:.1em;color:var(--lime)}.message-author span{font-size:11px}
.message p{font-size:12px;color:#d9e5d6;line-height:1.65;margin:5px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.message-user{justify-content:flex-end}
.message-user .message-inner{border-radius:13px 2px 13px 13px;background:rgba(219,255,57,.13);border-color:rgba(219,255,57,.2)}
.message-user .message-author{color:#e8f3dd;text-align:right;display:block}
.message-user p{color:#f3f7e8}
.chat-typing{display:inline-flex;gap:4px}.chat-typing i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);animation:typing 1s ease-in-out infinite}.chat-typing i:nth-child(2){animation-delay:.16s}.chat-typing i:nth-child(3){animation-delay:.32s}
.chat-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 17px 14px}
.chat-chips button{font-size:9px;font-weight:850;letter-spacing:.05em;padding:8px 10px;color:#cce9b9;background:rgba(234,255,214,.055);border:1px solid rgba(213,255,145,.18);border-radius:7px;transition:background .2s,border-color .2s}
.chat-chips button:hover{background:rgba(219,255,57,.12);border-color:rgba(219,255,57,.5)}
.chat-chips span{color:var(--lime);padding-left:5px}
.chat-form{display:flex;margin:0 17px;gap:8px;border:1px solid rgba(215,255,127,.26);border-radius:10px;background:rgba(0,0,0,.3);height:51px;padding:5px}
.chat-form:focus-within{border-color:rgba(219,255,57,.7);box-shadow:0 0 0 2px rgba(219,255,57,.05)}
.chat-form input{flex:1;width:100%;min-width:0;background:transparent;border:0;outline:0;padding:0 13px;color:#fcfff5;font-size:12px}
.chat-form input::placeholder{color:#708273}
.chat-form button{width:41px;height:39px;flex:none;display:grid;place-items:center;background:var(--lime);color:#111a04;border:0;border-radius:7px;font-size:22px;font-weight:900;transition:background .2s,transform .2s}
.chat-form button:hover{background:#f0ff86;transform:scale(.96)}
.chat-mode-detail{margin:10px 17px 16px;font-size:10px;line-height:1.5;color:#6e8270}
/* THE ROAD AHEAD */
.journey-section{position:relative;padding:clamp(115px,11vw,180px) 0;overflow:hidden;background:radial-gradient(ellipse 50% 50% at 100% 16%,rgba(210,192,37,.1),transparent),radial-gradient(ellipse 42% 48% at 2% 100%,rgba(142,203,24,.05),transparent),#090d0a}
.journey-section:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(219,255,57,.18),transparent)}
.journey-heading{max-width:950px;margin-bottom:56px}
.journey-heading p{max-width:530px;color:#a6b4a1;font-size:14px;line-height:1.75}
.journey-list{display:flex;flex-direction:column;border-top:1px solid rgba(219,255,57,.2)}
.journey-row{display:grid;grid-template-columns:125px 86px 1fr 35px;gap:35px;align-items:center;padding:27px 14px 27px 0;border-bottom:1px solid rgba(219,255,57,.18);min-height:165px;transition:background .3s,padding-left .3s}
.journey-row:hover{background:rgba(219,255,57,.035);padding-left:16px}
.journey-number{align-self:center;font:900 66px/.95 var(--display);letter-spacing:-.075em;color:#e8eee1}
.journey-number span{font-size:13px;color:var(--lime);vertical-align:top;position:relative;top:8px}
.journey-icon{display:grid;place-items:center;width:75px;height:75px;border:1px solid rgba(219,255,57,.26);border-radius:16px;background:linear-gradient(135deg,rgba(229,255,70,.1),transparent);font-size:31px;color:var(--lime)}
.journey-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:9px;font-weight:850;letter-spacing:.12em;color:#8fa083}
.journey-badge{border:1px solid rgba(171,191,149,.22);border-radius:50px;padding:5px 10px;color:#82937d;font-size:8px;letter-spacing:.075em}
.journey-badge.is-now{border-color:rgba(219,255,57,.65);color:var(--lime);background:rgba(219,255,57,.07)}
.journey-row h3{font:850 clamp(23px,2.2vw,31px) var(--display);letter-spacing:-.055em;margin:11px 0 8px}
.journey-row p{margin:0;color:#8e9c8e;font-size:13px;line-height:1.65;max-width:570px}
.journey-arrow{font-size:26px;color:var(--lime)}
/* FINAL / JOIN */
.final-section{isolation:isolate;position:relative;min-height:760px;overflow:hidden;display:flex;align-items:center;background:#080b09}
.final-bg{position:absolute;z-index:-5;inset:0;background:url('../img/awakening-stage.webp') center center / cover no-repeat;opacity:.75}
.final-shade{position:absolute;z-index:-4;inset:0;background:linear-gradient(90deg,rgba(3,8,6,.95),rgba(4,10,6,.83) 39%,rgba(5,12,6,.36) 73%,rgba(3,8,4,.22)),linear-gradient(0deg,#070a06,transparent 28%,transparent 79%,rgba(3,6,4,.4))}
.final-orbit-ring{position:absolute;z-index:-1;width:48%;height:27%;right:0;top:44%;border-radius:50%;border:2px solid rgba(255,218,74,.5);transform:rotate(-17deg);filter:drop-shadow(0 0 13px rgba(255,215,68,.38));animation:orbitWobble 8s ease-in-out infinite}.final-ring-two{width:38%;height:21%;right:6%;top:48%;border-color:rgba(219,255,57,.32);transform:rotate(21deg);animation-delay:1.8s}
.final-mascot{position:absolute;z-index:1;width:min(48vw,650px);right:3%;top:50%;transform:translateY(-47%);filter:drop-shadow(0 0 60px rgba(255,209,39,.14))}
.final-mascot img{display:block;width:100%;animation:mascotFloat 7s ease-in-out infinite}
.final-content{position:relative;z-index:5;min-height:760px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding-top:120px;padding-bottom:130px;pointer-events:none}
.final-content>*{pointer-events:auto}
.final-kicker{font-size:11px}.final-content h2{font:950 clamp(62px,6.4vw,94px)/.98 var(--display);letter-spacing:-.075em;margin:29px 0 24px;max-width:720px}
.final-content h2 em{font-style:normal;display:block;color:var(--lime)}
.final-content p{max-width:390px;color:#c1cabc;line-height:1.75;font-size:15px;margin:0 0 30px}
.final-side-mark{position:absolute;z-index:5;bottom:30px;right:5.6%;font-size:10px;letter-spacing:.15em;color:#829175}.final-side-mark span{color:var(--lime);font-size:19px;margin-left:9px}
.site-footer{background:#050807;border-top:1px solid rgba(219,255,57,.16)}
.footer-layout{min-height:97px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-brand{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:850;letter-spacing:-.04em;white-space:nowrap}.footer-brand img{width:34px;height:34px}.footer-brand b{color:var(--lime)}
.footer-copy{font-size:9px;color:#647363;letter-spacing:.15em;font-weight:800;text-align:center}
.footer-links{display:flex;align-items:center;gap:20px}
.footer-links a{font-size:9px;font-weight:900;letter-spacing:.075em;color:#859585;transition:color .2s}.footer-links a:hover{color:var(--lime)}
.footer-links a:last-child{display:grid;place-items:center;border:1px solid rgba(219,255,57,.3);width:31px;height:31px;border-radius:50%;font-size:20px;color:var(--lime)}
.toast{position:fixed;z-index:180;left:50%;bottom:33px;transform:translate(-50%,25px);opacity:0;visibility:hidden;padding:13px 20px;border:1px solid rgba(219,255,57,.4);border-radius:9px;background:rgba(12,19,12,.93);color:var(--cream);font-size:12px;font-weight:700;box-shadow:0 8px 35px rgba(0,0,0,.4);transition:opacity .3s,transform .3s,visibility .3s;pointer-events:none;white-space:nowrap}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* SCROLL REVEAL / ANIMATIONS */
[data-reveal]{opacity:1;transform:none}
.has-js [data-reveal]{opacity:1;transform:none}
.has-js [data-reveal].is-visible{animation:revealRise .7s var(--ease) both}
.states-grid [data-reveal]:nth-child(2){animation-delay:.07s}.states-grid [data-reveal]:nth-child(3){animation-delay:.14s}.states-grid [data-reveal]:nth-child(4){animation-delay:.21s}
@keyframes revealRise{from{opacity:.75;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes mascotFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1.2deg)}50%{transform:translate3d(0,-15px,0) rotate(1deg)}}
@keyframes talkBob{0%,100%{transform:translateY(-50%) rotate(-2deg)}50%{transform:translateY(calc(-50% - 14px)) rotate(1.5deg)}}
@keyframes haloPulse{0%,100%{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
@keyframes orbitWobble{0%,100%{transform:rotate(-23deg) scale(1)}50%{transform:rotate(-18deg) scale(1.035)}}
@keyframes orbitWobbleReverse{0%,100%{transform:rotate(35deg) scale(1)}50%{transform:rotate(30deg) scale(1.055)}}
@keyframes twinkle{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.17)}}
@keyframes boxFloat{0%,100%{transform:translateY(0) rotate(-17deg)}50%{transform:translateY(-16px) rotate(-10deg)}}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 3px rgba(219,255,57,.13),0 0 15px rgba(219,255,57,.7)}50%{box-shadow:0 0 0 8px rgba(219,255,57,.01),0 0 24px rgba(219,255,57,.95)}}
@keyframes nudgeDown{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ticker{to{transform:translateX(-50%)}}
@keyframes tapSpark{0%{opacity:0;transform:scale(.3) translateY(16px)}30%{opacity:1}80%{opacity:.8}100%{opacity:0;transform:scale(1.4) translateY(-38px)}}
@keyframes popIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes typing{0%,65%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
body[data-motion="off"] *,body[data-motion="off"] *::before,body[data-motion="off"] *::after{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
/* LARGE LAPTOP */
@media (max-width:1450px){.primary-nav{gap:25px}.nav-shell{gap:18px}.hero-character{width:clamp(580px,60vw,830px);left:-1.5%}.hero-copy{width:min(48%,590px)}.hero-heading span{font-size:clamp(40px,4.5vw,65px)}.hero-heading strong{font-size:clamp(52px,6vw,86px)}.hero-monogram{font-size:clamp(110px,14vw,178px)}.hero-right-label{right:3.5%}.hero-chat-note{right:1%}}
@media (max-width:1250px){.primary-nav{gap:19px}.primary-nav a{font-size:9px}.brand{min-width:165px}.nav-shell{padding-inline:35px}.hero-copy{width:49%}.hero-art{inset-left:42%}.hero-character{left:-4%}.hero-monogram{font-size:clamp(112px,14vw,166px)}.hero-heading strong{font-size:5.9vw}.hero-heading span{font-size:4.4vw}.hero-description{max-width:380px}.states-grid{gap:10px}.state-card{padding:16px 13px;min-height:345px}.state-visual{min-height:196px}.state-bottom strong{font-size:20px}.talk-character-area>img{width:124%;left:-24%}.final-mascot{right:-5%;width:58vw}}
@media (max-width:1080px){.primary-nav{display:none}.menu-toggle{display:flex}.brand{min-width:0}.nav-actions{margin-left:auto}.mobile-nav{display:flex;position:absolute;top:83px;left:0;right:0;padding:13px clamp(26px,5.55vw,96px) 27px;background:rgba(5,10,7,.98);border-top:1px solid var(--border);flex-direction:column;box-shadow:0 25px 35px rgba(0,0,0,.3)}.mobile-nav[hidden]{display:none}.mobile-nav a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(219,255,57,.12);font-weight:850;font-size:15px;letter-spacing:.05em}.mobile-nav a span{font-size:10px;color:var(--lime)}.hero-art{left:42%}.hero-character{width:650px;left:-11%}.hero-copy{width:54%}.hero-right-label{display:none}.character-badge{right:1%;bottom:22%}.hero-chat-note{right:0;top:25%}.hero-heading span{font-size:5vw}.hero-heading strong{font-size:6.3vw}.hero-monogram{font-size:16vw}.section-title{font-size:clamp(42px,5vw,70px)}.mind-inner{grid-template-columns:48% 52%}.mind-system{width:100%}.mind-chip-top{right:-4%}.states-top{gap:15px}.state-bottom strong{font-size:18px}.talk-layout{min-height:710px}.talk-copy{padding-left:19px}.journey-row{grid-template-columns:95px 65px 1fr 25px;gap:22px}.journey-number{font-size:54px}}
/* TABLET */
@media (max-width:920px){.nav-shell{height:73px;padding-inline:23px}.mobile-nav{top:73px}.hero{min-height:950px;height:auto;max-height:none}.hero-layout{height:950px;align-items:flex-start;padding-top:129px;padding-bottom:0}.hero-copy{padding-top:0;width:100%;max-width:620px}.hero-brand-lockup{margin-top:27px}.hero-monogram{font-size:clamp(110px,17vw,150px)}.hero-heading{margin-top:13px}.hero-heading span{font-size:clamp(40px,6vw,55px)}.hero-heading strong{font-size:clamp(53px,8.1vw,78px)}.hero-tagline{margin-top:17px}.hero-description{max-width:360px;margin-bottom:21px}.hero-microcopy{display:none}.hero-art{inset:38% -5% 0 -2%;width:107%}.hero-character{width:min(800px,96vw);left:18%;top:53%}.hero-halo{inset:5% 5% 10% 30%}.orbital-gold{width:76%;left:28%;top:27%}.orbital-green{width:75%;left:26%;top:40%}.orbital-thin{width:70%;left:26%;top:31%}.signal-box-a{right:8%;top:12%}.signal-box-b{left:20%;bottom:12%}.hero-chat-note{right:8%;top:6%}.character-badge{right:8%;bottom:10%}.hero-bottom{height:77px}.hero-bottom-left{display:none}.hero-bottom-right{display:none}.scroll-prompt{margin:auto}.hero-atmosphere{background:linear-gradient(180deg,rgba(3,7,5,.94) 0%,rgba(3,7,5,.74) 22%,rgba(3,7,5,.38) 59%,rgba(3,7,5,.64) 100%),radial-gradient(ellipse 60% 38% at 65% 65%,rgba(255,204,32,.13),transparent)}.mind-section{padding:105px 0}.mind-inner{grid-template-columns:1fr;gap:45px}.mind-copy .section-title{max-width:700px}.mind-steps{margin-top:32px}.mind-art{max-width:590px;margin:auto;width:100%}.mind-system{margin:0}.states-section{padding:95px 0}.states-top{align-items:start;flex-direction:column;gap:21px}.states-intro{max-width:520px}.states-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.state-card{min-height:370px;padding:20px}.state-visual{min-height:235px}.state-bottom strong{font-size:24px}.state-detail-left{padding:36px}.detail-visual{width:44%;right:2%}.talk-layout{grid-template-columns:1fr;gap:0;padding-top:82px;padding-bottom:95px}.talk-character-area{min-height:330px;max-height:340px;order:0}.talk-character-area>img{width:min(600px,100%);left:50%;top:45%;transform:translate(-50%,-50%);animation:none;filter:drop-shadow(0 0 28px rgba(219,255,57,.09))}.talk-light{inset:0}.talk-line{left:6%;top:26%;width:90%;height:55%}.talk-line-b{left:9%;top:32%}.talk-scribble{right:13%;top:4%}.talk-visual-label{left:4%;bottom:2%}.talk-copy{max-width:none;padding-left:0}.talk-copy .section-title{font-size:clamp(42px,7vw,64px)}.journey-section{padding:100px 0}.journey-row{grid-template-columns:80px 60px 1fr 22px;gap:16px}.journey-number{font-size:49px}.journey-icon{width:60px;height:60px}.final-section{min-height:820px;align-items:flex-start}.final-content{min-height:820px;justify-content:flex-start;padding-top:110px}.final-content h2{font-size:clamp(58px,10vw,95px)}.final-mascot{width:68vw;right:-2%;top:66%}.final-orbit-ring{top:62%;width:64%}.final-ring-two{top:63%;width:55%;right:5%}.final-shade{background:linear-gradient(180deg,rgba(3,8,6,.95),rgba(4,10,6,.82) 48%,rgba(5,12,6,.26) 79%,rgba(3,8,4,.35))}.footer-layout{flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.footer-copy{order:3;width:100%;text-align:left}}
/* PORTRAIT TABLETS: keep all of the copy above the floating dragon. */
@media (min-width:541px) and (max-width:920px){
  .hero{min-height:1100px}
  .hero-layout{height:1100px}
  .hero-art{inset:49% -5% 0 -2%;width:107%}
  .hero-character{width:min(690px,87vw);left:19%;top:53%}
  .hero-halo{inset:8% 6% 10% 22%}
  .orbital-gold{left:23%;top:29%;width:78%}
  .orbital-green{left:23%;top:37%;width:76%}
  .orbital-thin{left:22%;top:34%;width:79%}
}
/* MOBILE */
@media (max-width:540px){.section-container{padding-inline:23px}.nav-shell{padding-inline:19px}.brand-icon{width:34px;height:34px}.brand-icon img{width:34px;height:34px}.brand-word{font-size:11px}.brand-word strong{font-size:14px}.nav-actions{gap:7px}.motion-button{width:35px;height:35px}.social-button{height:35px;padding:0 10px;font-size:9px;gap:6px}.social-button .arrow-external{display:none}.menu-toggle{width:37px;height:36px}.hero{min-height:935px}.hero-layout{height:935px;padding-top:121px}.hero-eyebrow{font-size:8px;gap:9px;letter-spacing:.14em}.hero-brand-lockup{margin-top:30px}.hero-monogram{font-size:clamp(112px,29vw,149px)}.hero-heading{margin-top:12px}.hero-heading span{font-size:clamp(36px,9.2vw,49px)}.hero-heading strong{font-size:clamp(47px,11.8vw,67px)}.hero-tagline{font-size:17px;margin-top:19px}.hero-description{font-size:12px;line-height:1.65;max-width:300px}.hero-ctas{gap:8px}.button{font-size:10px;min-height:48px;gap:12px;padding:6px 7px 6px 16px}.button-round-arrow{width:35px;height:35px}.button-outline{padding:8px 14px}.hero-art{inset:46% -20% 0 -12%;width:134%}.hero-character{width:min(600px,119vw);left:0%;top:48%}.hero-halo{inset:8% 8% 18% 12%}.orbital-gold{left:6%;top:22%;width:100%;height:45%}.orbital-green{left:17%;top:30%;width:83%;height:38%}.orbital-thin{left:10%;top:26%;width:92%;height:39%}.signal-box-a{right:20%;top:13%;width:46px;height:46px}.signal-box-b{left:17%;bottom:15%;width:44px;height:44px}.hero-chat-note{display:none}.character-badge{right:21%;bottom:19%;padding:10px 12px}.character-badge small{font-size:7px}.character-badge b{font-size:10px}.hero-bottom{height:56px}.scroll-prompt{font-size:8px}.ticker{height:57px}.ticker-track{gap:22px}.ticker-track span{font-size:15px}.ticker-track b{font-size:14px}.mind-section{padding:90px 0 75px}.section-index{font-size:9px;gap:8px}.section-index-rule{width:20px}.section-title{font-size:clamp(38px,10vw,54px);margin:22px 0}.section-lead{font-size:13px;line-height:1.7}.mind-step{height:61px}.mind-step-name{font-size:20px}.mind-step-no{font-size:9px}.mind-description{min-height:91px}.mind-description p{font-size:12px}.mind-inner{gap:10px}.mind-system{width:100%;margin:0}.mind-chip{font-size:7px;padding:8px 9px}.mind-chip-top{top:10%;right:-1%}.mind-chip-bottom{bottom:11%;left:-1%}.mind-art-caption{font-size:7px}.states-section{padding:80px 0}.states-top{gap:10px;margin-bottom:27px}.states-intro{font-size:12px}.states-grid{gap:8px}.state-card{min-height:282px;padding:13px 10px;border-radius:11px}.card-topline{font-size:8px}.card-symbol{font-size:19px}.state-visual{min-height:169px;margin:4px 0 -4px}.state-visual img{transform:scale(1.3)}.state-bottom strong{font-size:clamp(14px,4vw,20px)}.state-bottom>span{font-size:10px;max-width:130px;line-height:1.3}.state-open{right:10px;bottom:9px;font-size:14px}.state-detail{min-height:225px;margin-top:9px}.state-detail-left{padding:23px 21px;width:73%}.state-detail h3{font-size:clamp(22px,5.4vw,33px);margin:15px 0 7px}.state-detail p{font-size:11px;line-height:1.55}.detail-eyebrow{font-size:8px}.detail-visual{width:51%;right:-11%;top:-9%;height:120%;opacity:.92}.detail-instruction{margin-top:17px;font-size:7px;max-width:165px;line-height:1.6}.detail-id{display:none}.talk-layout{padding-top:67px;padding-bottom:77px}.talk-character-area{min-height:260px;max-height:280px}.talk-character-area>img{width:min(460px,110%)}.talk-scribble{font-size:17px;right:8%;top:1%}.talk-scribble svg{width:55px}.talk-copy .section-title{font-size:clamp(38px,9.4vw,53px)}.talk-description{font-size:12px}.chat-topbar{padding:0 12px;font-size:9px}.chat-mode{font-size:8px;padding:5px 7px}.chat-log{padding:15px 12px 9px;max-height:210px}.chat-chips{gap:5px;padding:0 12px 12px}.chat-chips button{font-size:8px;padding:7px 8px}.chat-form{margin:0 11px}.chat-mode-detail{margin-inline:12px;font-size:9px}.journey-section{padding:75px 0}.journey-heading{margin-bottom:35px}.journey-heading p{font-size:12px}.journey-row{grid-template-columns:52px 1fr 16px;gap:12px;padding:22px 0;min-height:149px}.journey-number{font-size:40px;align-self:start;padding-top:21px}.journey-number span{font-size:9px}.journey-icon{display:none}.journey-meta{font-size:8px}.journey-badge{font-size:7px;padding:3px 6px}.journey-row h3{font-size:20px;margin:9px 0 7px}.journey-row p{font-size:11px}.journey-arrow{font-size:17px;align-self:start;margin-top:32px}.final-section{min-height:830px}.final-content{min-height:830px;padding-top:99px}.final-content h2{font-size:clamp(53px,12vw,72px)}.final-content p{font-size:12px;max-width:280px}.final-mascot{width:93vw;right:-5%;top:68%}.final-orbit-ring{width:90%;right:-6%;top:66%}.final-ring-two{width:83%;top:64%}.final-buttons{gap:7px}.final-side-mark{bottom:19px}.footer-layout{gap:18px;align-items:center}.footer-links{gap:13px}.footer-copy{font-size:8px}}
@media (max-width:380px){.social-button{font-size:8px;padding:0 8px}.hero-ctas .button{font-size:9px}.hero-art{inset:46% -22% 0 -18%}.hero-chat-note{right:21%;top:8%}.section-title{font-size:37px}.states-grid{gap:6px}.state-card{padding:10px 8px;min-height:265px}.state-visual{min-height:156px}.state-bottom strong{font-size:14px}.state-bottom>span{font-size:9px}.footer-links a:nth-child(1){display:none}}
/* a more considered experience for reduced motion users */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}