.hero{position:relative;min-height:685px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:12px;padding-bottom:70px}.hero-copy{position:relative;z-index:5;padding-bottom:15px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:26px}.tiny-star{font-size:17px;color:#81b39f}.hero-intro{font-size:20px;letter-spacing:1px;margin-bottom:10px}.hero-intro>span:first-child{font-weight:600}.hello-wave{display:inline-block;color:#c7a953;margin-left:9px;font-size:27px}.hero h1{font-size:clamp(54px,5.4vw,78px);font-weight:650;letter-spacing:-4px;line-height:1.32;margin-bottom:24px}.water-word{color:#71a996;position:relative;display:inline-block}.water-word>svg{position:absolute;bottom:-3px;left:-3px;width:100%;height:15px;fill:none;stroke:#c8decf;stroke-width:5;stroke-linecap:round}.hero-description{font-size:13px;line-height:2.1;color:var(--text);letter-spacing:.5px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.hero-smallprint{display:flex;gap:11px;align-items:center;margin-top:40px;font-size:10px;color:#718077;letter-spacing:.4px}.hero-smallprint small{display:block;font-size:8px;color:#98a49c;letter-spacing:.5px;line-height:1.5;margin-top:3px}.mini-avatar{height:35px;width:35px;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:0 0 0 1px #dfe7df}.mini-avatar img{width:100%;height:100%;object-fit:cover}.orbit-stage{height:600px;position:relative;isolation:isolate;--accent:#abd9cc;--halo:#cee9e0;--mx:0px;--my:0px;margin-right:-20px;touch-action:pan-y}.orbit-stage[data-theme=visual]{--accent:#c6b3db;--halo:#e9dff4}.orbit-stage[data-theme=game]{--accent:#e2c57e;--halo:#f1e8ce}.orbit-stage[data-theme=life]{--accent:#9acbe7;--halo:#d6eaf8}.orbit-grid{position:absolute;inset:40px -10px 0;background-image:radial-gradient(#9db6a666 .7px,transparent .8px);background-size:24px 24px;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 70%);opacity:.7;z-index:-3}.orbit-halo{position:absolute;width:450px;height:450px;border-radius:50%;top:56px;left:50%;transform:translateX(-50%);background:radial-gradient(circle at 45% 35%,#fff 0,var(--halo) 66%,#ffffff00 70%);opacity:.85;transition:background .8s;z-index:-2}.orbit-ring{position:absolute;border:1px solid #a9c7b54d;border-radius:50%;pointer-events:none;left:50%;top:45%;z-index:-1}.ring-one{width:530px;height:490px;transform:translate(-50%,-50%) rotate(-25deg)}.ring-two{width:575px;height:300px;transform:translate(-50%,-50%) rotate(-38deg);border-style:dashed;opacity:.65}.ring-three{width:540px;height:350px;transform:translate(-50%,-50%) rotate(32deg);border-color:#a9c7b52b}.hero-character{position:absolute;left:51%;top:-8px;width:357px;height:535px;transform:translate(calc(-50% + var(--mx)),var(--my));z-index:2;will-change:transform;pointer-events:none}.hero-character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 10px #64847012);animation:character-float 6s ease-in-out infinite}.orbit-node{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:#ffffffde;border:1px solid #e1e9df;padding:12px 15px;border-radius:12px;box-shadow:0 8px 24px #43584a07;backdrop-filter:blur(12px);text-align:left;transition:transform .35s,box-shadow .35s,border .35s;white-space:nowrap}.orbit-node.active{border-color:var(--accent);box-shadow:0 8px 26px #6a948820}.orbit-node:hover{transform:translateY(-5px) rotate(-2deg);box-shadow:0 12px 26px #43584a18}.orbit-node>span:nth-child(2){font-size:11px;font-weight:600;line-height:1.6}.orbit-node small{display:block;font-size:6px;letter-spacing:1px;font-weight:400;color:var(--muted);margin-top:3px}.node-icon{display:grid;place-items:center;width:31px;height:31px;background:#eaf3ee;border-radius:9px}.node-icon svg{width:18px;height:18px;stroke:#699d8a}.node-ai{top:108px;left:5px;transform:rotate(-5deg)}.node-visual{top:130px;right:-5px;transform:rotate(6deg)}.node-visual .node-icon{background:#f0eafa}.node-visual svg{stroke:#9b85b2}.node-game{bottom:134px;left:8px;transform:rotate(5deg)}.node-game .node-icon{background:#f7f0da}.node-game svg{stroke:#a88a46}.node-life{bottom:125px;right:2px;transform:rotate(-5deg)}.node-life .node-icon{background:#e7f3f9}.node-life svg{stroke:#6b9daf}.floating-note{position:absolute;z-index:4;font-size:8px;letter-spacing:.6px;background:#ffffffba;border:1px solid #dfe7df;padding:7px 12px;border-radius:7px;display:flex;gap:8px;align-items:center;backdrop-filter:blur(8px);transform:rotate(-4deg)}.note-top{top:12px;left:85px}.floating-note>span:last-child{margin-left:10px;color:#8ea596}.orbit-coordinate{position:absolute;color:#9bab9f;font-size:7px;letter-spacing:1.4px}.coordinate-top{top:28px;right:25px}.coordinate-side{top:54%;right:-40px;writing-mode:vertical-rl;letter-spacing:2px}.orbit-star{position:absolute;z-index:3;color:#b0caaa}.star-one{left:60px;top:40px;font-size:36px}.star-two{right:55px;bottom:230px;font-size:39px;color:#d8be78}.star-three{left:170px;bottom:123px;font-size:25px;color:#a1c4b4}.orbit-caption{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:340px;border-top:1px solid #ccdacf;display:flex;gap:17px;align-items:center;padding-top:16px;z-index:6;font-size:10px}.orbit-index{color:#8ea395;font-size:8px;letter-spacing:1px}.orbit-caption>button{margin-left:auto;width:27px;height:27px;background:var(--mint);border-radius:50%;display:grid;place-items:center}.orbit-caption>button svg{width:13px;height:13px}.hero-bottom{position:absolute;bottom:13px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8e9e91;letter-spacing:1px}.scroll-cue{display:flex;gap:8px;align-items:center}.scroll-cue>span:last-child{font-size:7px;margin-left:9px;letter-spacing:1.4px}.mouse-shape{width:13px;height:19px;border:1px solid #92a79a;border-radius:7px;position:relative}.mouse-shape:after{content:"";width:2px;height:4px;background:#92a79a;left:4.5px;top:4px;position:absolute;animation:mouse-scroll 2s infinite}.orbit-help{display:flex;gap:6px;align-items:center;margin-left:80px}.orbit-help svg{width:12px;height:12px}.hero-edition{display:flex;gap:17px;align-items:center;font-size:7px}.hero-edition span{font-size:16px}.interest-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;overflow:hidden}.interest-ribbon>div{display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:1350px;margin:auto;white-space:nowrap;padding-inline:30px}.interest-ribbon span{font-size:10px;letter-spacing:1.6px;color:#7d9685}.interest-ribbon i{font-style:normal;font-size:21px;color:#a2c6ae}.about-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.about-portrait{height:345px;border-radius:15px;background:#e9f0ec;position:relative;overflow:hidden;isolation:isolate}.about-portrait>img{height:100%;width:100%;object-fit:cover;object-position:50% 35%;mix-blend-mode:multiply;transition:transform 1s}.about-portrait:hover>img{transform:scale(1.04)}.portrait-label{position:absolute;left:19px;top:19px;writing-mode:vertical-rl;font-size:6px;letter-spacing:1.5px;color:#6f8374}.portrait-sticker{position:absolute;right:18px;top:19px;background:#eee3b1;padding:9px 12px;font-size:12px;line-height:1.6;transform:rotate(8deg);border-radius:3px}.portrait-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;background:#243d35e8;color:white;padding:11px 20px;font-size:9px;letter-spacing:2px;backdrop-filter:blur(10px)}.portrait-caption>span:last-child{color:#d9c989;font-size:20px}.about-lead{font-size:23px;letter-spacing:-.8px;line-height:1.7;font-weight:550;margin-bottom:17px}.about-lead .underlined{background:linear-gradient(transparent 70%,#d1e7da 70%)}.about-story>p:not(.about-lead){color:var(--text);font-size:12px;line-height:2.15;margin-top:10px}.about-story .trait-detail{font-size:10px!important;min-height:23px;color:#719481!important}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:28px;margin-top:48px;gap:40px}.principles>div{display:flex;align-items:center;gap:15px}.principles>div>span:first-child{font-size:9px;color:#98ac9c;align-self:flex-start;padding-top:3px}.principles p{font-size:13px;letter-spacing:.4px}.principles small{display:block;font-size:7px;letter-spacing:1.7px;color:#9ba69c;margin-top:4px}.principles svg{margin-left:auto;stroke:#8cac96;width:24px;height:24px}.explore{background:#edf3ef;border-block:1px solid #e4ece4}.explore-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.toolbar-note{display:flex;gap:7px;align-items:center;color:#879d8a;font-size:9px}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.notes-footer{display:flex;justify-content:space-between;align-items:center;padding-top:25px;margin-top:8px;color:#8d9e91;font-size:10px}.notes-footer .text-link{color:var(--ink);font-size:10px}.graphic-model{background:linear-gradient(135deg,#deede5,#e5eee6)}.model-window{width:220px;border:1px solid #b9cebf;background:#f3f7f2d9;border-radius:10px;box-shadow:12px 15px 0 #bbd3c23b;transform:rotate(-6deg);padding:15px 18px;position:relative}.window-dots{display:flex;gap:4px;margin-bottom:19px}.window-dots i{width:4px;height:4px;border-radius:50%;background:#b6c9b9}.model-command{font-family:Consolas,monospace;font-size:11px;letter-spacing:.4px;color:#5b7d64}.model-command>span{color:#7ca78b}.model-lines{margin-top:12px;display:flex;gap:5px;flex-direction:column}.model-lines i{display:block;height:4px;border-radius:2px;background:#cadaed;width:80%}.model-lines i:nth-child(2){width:60%;background:#d3e2cf}.model-lines i:nth-child(3){width:70%;background:#d3e2cf}.graphic-chip{background:#e6e9ed}.chip-board{width:220px;height:130px;position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);background:repeating-linear-gradient(0deg,transparent 0 18px,#9eacb629 18px 19px),repeating-linear-gradient(90deg,transparent 0 18px,#9eacb629 18px 19px);border-radius:18px}.cpu-chip{width:95px;height:95px;background:linear-gradient(135deg,#5f7880,#293e42);color:#d9f3e4;border:8px solid #bfcec8;outline:1px solid #98aaa2;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:12px 12px 20px #354c4526}.cpu-chip svg{width:26px;height:26px;margin-bottom:4px}.cpu-chip span{font-size:10px;letter-spacing:2px}.chip-text{position:absolute;bottom:18px;right:20px;font-family:Consolas,monospace;font-size:8px;letter-spacing:2px;color:#7e9690}.graphic-game{background:#e6eddf}.game-network{width:255px;height:150px;position:relative;transform:rotate(-8deg);background-image:linear-gradient(#a0b79b23 1px,transparent 1px),linear-gradient(90deg,#a0b79b23 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:center;justify-content:center}.network-route{position:absolute;inset:25px 25px 35px;border:3px solid #7b9d7e;border-radius:22px 5px 22px 5px;transform:skewY(-10deg)}.network-route:after{content:"";position:absolute;left:45%;height:100%;border-left:2px dashed #c6a66b}.game-building{z-index:1;width:43px;height:43px;background:#fffdf0;border:1px solid #abc1a7;border-radius:7px;display:grid;place-items:center;position:absolute;box-shadow:5px 7px 0 #bfd0b7}.game-building svg{stroke:#779478}.building-a{top:10px;left:32px}.building-b{bottom:20px;right:20px}.building-c{left:94px;top:66px}.little-train{position:absolute;background:#c9ac72;width:18px;height:10px;border-radius:4px;left:38px;bottom:28px;animation:train-move 6s ease-in-out infinite}.graphic-detail{background:#e7edf0}.pixel-comparison{position:relative;width:230px;height:135px;overflow:hidden;border:6px solid white;border-radius:8px;box-shadow:0 7px 22px #30536314;transform:rotate(5deg)}.pixel-comparison img{width:100%;height:100%;object-fit:cover}.pixel-blur{position:absolute;top:0;left:0;bottom:0;width:50%;backdrop-filter:blur(3px);border-right:2px solid white;background:#ffffff05}.pixel-divider{position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);width:24px;height:24px;border-radius:50%;background:white;display:grid;place-items:center;font-size:12px;color:#6f8b95}.life-layout{display:grid;grid-template-columns:.95fr 1.2fr;gap:65px;align-items:stretch}.life-options{display:flex;flex-direction:column;justify-content:center}.life-option{border-bottom:1px solid var(--line);display:flex;text-align:left;align-items:center;gap:20px;padding:26px 7px;background:transparent;position:relative;transition:padding .3s,background .3s}.life-option:first-child{border-top:1px solid var(--line)}.life-number{font-size:10px;color:#9faf9f;align-self:flex-start;margin-top:4px}.life-option strong{font-size:18px;font-weight:500;display:block;line-height:1.4}.life-option small{display:block;font-size:10px;color:var(--muted);margin-top:9px;line-height:1.8}.life-option>span:last-child{margin-left:auto;opacity:.5}.life-option.active{padding-left:16px;background:linear-gradient(90deg,#e3eee5,transparent);border-bottom-color:#a7c7ae}.life-option.active .life-number{color:#6b9d7b}.life-option.active>span:last-child{opacity:1}.life-option>span:last-child svg{width:17px;height:17px}.life-option:hover{padding-left:16px}.life-panel{min-height:350px;border-radius:15px;overflow:hidden;position:relative;background:#d8e5df}.life-panel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .2s,transform 1s}.life-panel:hover>img{transform:scale(1.045)}.life-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#18362e22,transparent 45%,#18362e99)}.life-image-index{position:absolute;top:22px;left:24px;color:white;font-size:8px;letter-spacing:1.5px;text-shadow:0 1px 4px #0003}.life-image-caption{position:absolute;left:24px;bottom:23px;right:22px;color:white;display:flex;align-items:center;justify-content:space-between;font-size:17px;letter-spacing:.5px}.life-image-caption .icon-button{background:#ffffff22;border-color:#ffffff66}.now{margin-top:8px;min-height:350px;position:relative;border-radius:20px;background:#deeee4;overflow:hidden;display:flex;align-items:center;isolation:isolate}.now:before{content:"";position:absolute;width:500px;height:500px;border:1px solid #adcbb560;border-radius:50%;top:-60px;left:-80px;z-index:-1}.now:after{content:"";position:absolute;width:680px;height:680px;border:1px solid #adcbb550;border-radius:50%;top:-145px;left:-170px;z-index:-1}.now-art{position:absolute;width:320px;height:480px;left:15px;top:-65px;transform:rotate(-8deg)}.now-art img{height:100%;width:100%;object-fit:contain}.now-copy{padding:45px 40px 45px 38%;z-index:2}.now-copy .eyebrow{font-size:8px;letter-spacing:1.6px}.now h2{font-size:35px;line-height:1.45;letter-spacing:-1px;font-weight:550;margin:14px 0}.now-copy>p:not(.eyebrow){color:#718f7b;font-size:11px;line-height:2}.now .button{margin-top:24px;font-size:10px;padding:13px 20px;gap:28px}.now-decoration{position:absolute;right:9%;top:52px;font-size:190px;line-height:1;color:#b9d8c4;font-weight:200;transform:rotate(17deg);z-index:-1}.now-side{position:absolute;right:30px;bottom:23px;color:#83a08d;font-size:7px;letter-spacing:1.7px}
.now-art{top:0}
@media(min-width:1600px){.hero{min-height:740px}.orbit-stage{height:650px}.hero-character{height:590px;width:393px;top:-5px}.node-ai{top:135px}.node-visual{top:160px}.hero h1{font-size:84px}}
@media(max-width:1100px){.hero{min-height:650px}.hero h1{font-size:60px}.orbit-stage{height:560px;margin-right:0}.hero-character{height:490px;width:327px;left:50%;top:8px}.orbit-halo{width:380px;height:380px;top:80px}.ring-one{width:430px;height:440px}.ring-two{width:460px;height:260px}.ring-three{width:450px;height:300px}.orbit-node{padding:10px;gap:7px}.orbit-node>span:nth-child(2){font-size:10px}.orbit-node small{font-size:5px}.node-icon{width:27px;height:27px}.node-ai{left:-10px;top:105px}.node-visual{right:-14px;top:140px}.node-game{left:-10px;bottom:120px}.node-life{right:-13px;bottom:140px}.coordinate-side{right:-20px}.orbit-caption{width:290px}.hero-actions{gap:20px}.hero-smallprint{margin-top:34px}.about-layout{gap:45px}.about-portrait{height:355px}.about-lead{font-size:21px}.about-story>p:not(.about-lead){font-size:11px}.personality-tags{gap:6px}.personality-tags button{font-size:9px;padding:6px 9px}.principles{gap:25px}.principles p{font-size:11px}.principles small{font-size:6px}.notes-grid{gap:18px}.note-body{padding:20px 17px}.note-card h3{font-size:16px}.note-card p{font-size:10px}.life-layout{gap:35px}.life-option{gap:14px}.life-option strong{font-size:17px}.life-option small{font-size:9px}.now-art{left:-10px}.now-copy{padding-left:37%}.now-decoration{right:5%;font-size:160px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;padding-bottom:65px;min-height:auto}.hero-copy{padding:0 4px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:20px}.hero-intro{font-size:17px;margin-bottom:13px}.hero h1{font-size:clamp(47px,9vw,65px);letter-spacing:-3px;line-height:1.35;margin-bottom:20px}.hero-description{font-size:11px}.hero-actions{margin-top:25px;gap:25px}.hero-actions .text-link{font-size:11px}.hero-smallprint{display:none}.orbit-stage{height:505px;width:min(100%,450px);align-self:center;margin-top:38px;margin-bottom:8px}.hero-character{width:300px;height:450px;top:0}.orbit-halo{width:330px;height:330px;top:46px}.orbit-grid{inset:10px -20px}.ring-one{width:360px;height:370px;top:43%}.ring-two{width:390px;height:235px;top:43%}.ring-three{width:360px;height:280px;top:43%}.orbit-node{padding:9px 10px;gap:7px;border-radius:10px}.orbit-node>span:nth-child(2){font-size:9px}.orbit-node small{font-size:5px;letter-spacing:.6px}.node-icon{width:25px;height:25px;border-radius:8px}.node-icon svg{width:15px;height:15px}.node-ai{left:0;top:85px}.node-visual{right:-2px;top:130px}.node-game{left:0;bottom:116px}.node-life{right:0;bottom:96px}.coordinate-top{right:7px;top:12px;font-size:6px}.coordinate-side{display:none}.note-top{left:50px;top:8px;font-size:6px;padding:6px 10px}.star-one{left:23px;top:20px;font-size:26px}.star-two{right:30px;bottom:203px;font-size:30px}.star-three{left:115px;bottom:90px;font-size:18px}.orbit-caption{width:270px;bottom:10px;gap:14px;font-size:9px;padding-top:13px}.orbit-index{font-size:7px}.hero-bottom{bottom:15px;flex-wrap:wrap;gap:15px}.hero-edition{display:none}.orbit-help{font-size:7px;margin:0}.scroll-cue{font-size:7px}.scroll-cue>span:last-child{display:none}.interest-ribbon{padding:13px 0}.interest-ribbon>div{gap:25px;width:max-content;padding-inline:20px;animation:ribbon-drift 35s linear infinite}.interest-ribbon span{font-size:8px}.interest-ribbon i{font-size:17px}.about-layout{grid-template-columns:1fr;gap:30px}.about-portrait{height:330px;max-width:450px}.about-story{padding-inline:2px}.about-lead{font-size:22px}.about-story>p:not(.about-lead){font-size:12px}.personality-tags button{font-size:9px}.principles{margin-top:35px;padding-top:24px;grid-template-columns:1fr;gap:23px}.principles>div{gap:14px}.principles p{font-size:13px}.principles small{font-size:7px;margin-top:3px}.principles svg{width:22px;height:22px;margin-right:5px}.explore-toolbar{margin-bottom:23px}.toolbar-note{display:none}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.note-cover{aspect-ratio:1.5}.note-body{padding:17px 15px}.note-card h3{font-size:16px}.note-card p{font-size:10px;min-height:57px}.note-tags{gap:3px}.tag{font-size:7px;padding:2px 6px}.note-meta{font-size:7px}.notes-footer{font-size:9px;gap:15px}.notes-footer .text-link{font-size:9px;gap:8px;white-space:nowrap}.model-window{width:150px;padding:10px}.model-command{font-size:8px}.window-dots{margin-bottom:12px}.game-network{width:185px;transform:scale(.8) rotate(-8deg)}.cpu-chip{height:75px;width:75px}.pixel-comparison{width:140px;height:103px}.life-layout{grid-template-columns:1fr;gap:25px}.life-option{padding-block:22px;gap:18px}.life-option strong{font-size:17px}.life-option small{font-size:10px}.life-panel{min-height:310px}.life-image-caption{font-size:15px;left:20px;right:18px;bottom:20px}.life-image-index{left:20px;top:20px;font-size:7px}.now{min-height:380px;border-radius:15px}.now-art{width:240px;height:360px;left:-78px;top:36px;transform:rotate(-9deg);opacity:.95}.now-copy{padding:38px 20px 38px 40%}.now h2{font-size:29px}.now-copy .eyebrow{font-size:6px;letter-spacing:1px}.now-copy>p:not(.eyebrow){font-size:10px}.now .button{font-size:9px;padding:12px 14px;gap:15px}.now-decoration{right:8px;top:24px;font-size:100px;opacity:.7}.now-side{font-size:5px;right:18px;bottom:16px}}
@media(max-width:480px){.notes-grid{grid-template-columns:1fr}.note-cover{aspect-ratio:1.85}.note-card h3{font-size:19px}.note-body{padding:23px}.note-card p{font-size:11px;min-height:0}.note-meta{font-size:8px}.tag{font-size:8px}.model-window{width:215px;padding:16px}.model-command{font-size:11px}.window-dots{margin-bottom:18px}.game-network{width:245px;transform:rotate(-8deg)}.cpu-chip{height:90px;width:90px}.pixel-comparison{width:230px;height:135px}.now h2{font-size:27px}.now-copy{padding-left:39%}.now-copy>p:not(.eyebrow){font-size:9px}.life-panel{min-height:275px}}