:root{--violet: #b98bff;--nebula-pink: #ff5fa2;--nebula-orange: #ff9a3d;--nebula-blue: #4fa8ff;--paper-bg: #faf5e9;--paper-ink: #3e3228;--paper-pencil: #8d8d8d;--paper-line: #e0e0e0;--ease-out: cubic-bezier(.16, 1, .3, 1);--section-gap: clamp(64px, 8vw, 108px)}[id]{scroll-margin-top:calc(var(--header-height) + 24px)}.galaxy-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;will-change:opacity}.galaxy-layer canvas{display:block;width:100%;height:100%}.galaxy-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 74% 42% at 50% 32%,rgba(17,20,34,.6) 0%,rgba(17,20,34,.24) 55%,transparent 82%),radial-gradient(ellipse 100% 70% at 50% 76%,transparent 36%,rgba(17,20,34,.55) 100%),linear-gradient(180deg,rgba(17,20,34,.85) 0%,transparent 28%)}.home{position:relative}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease-out) var(--d, 0ms),transform .85s var(--ease-out) var(--d, 0ms)}.reveal[data-in]{opacity:1;transform:none}.section{position:relative;padding:var(--section-gap) 0}.section-head{max-width:780px;margin-bottom:clamp(28px,4vw,48px)}.section-head--center{margin-left:auto;margin-right:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-star-gold);margin-bottom:18px}.eyebrow-bar{display:block;width:22px;height:1.5px;background:var(--color-star-gold);box-shadow:0 0 10px #ffb300cc}.section-title{word-break:auto-phrase;font-size:clamp(1.75rem,4.6vw,2.9rem);font-weight:800;letter-spacing:-.025em;line-height:1.25}.section-lead{margin-top:18px;font-size:clamp(.95rem,2.2vw,1.06rem);line-height:1.85;color:var(--text-comet)}.gold-text{background:linear-gradient(120deg,#ffd166,#ffb300 45%,#cc8d00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero{position:relative;min-height:100vh;min-height:calc(100svh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:clamp(34px,6vh,72px) 0 clamp(92px,14vh,140px);overflow:hidden}.hero-inner{position:relative;z-index:2;isolation:isolate;width:100%;max-width:880px;margin:0 auto;padding:0 clamp(16px,4vw,24px);text-align:center;transform:translate3d(0,calc(var(--sp, 0) * -80px),0) scale(calc(1 - var(--sp, 0) * .06));opacity:max(0,calc(1 - var(--sp, 0) * 1.5));will-change:transform,opacity}.hero-eyebrow{display:inline-flex;align-items:center;gap:clamp(12px,2vw,20px);color:var(--color-star-gold);font-size:clamp(.68rem,1.5vw,.8rem);font-weight:600;animation:fadeUp .8s var(--ease-out) .05s backwards}.hero-eyebrow-text{letter-spacing:.34em;padding-left:.34em;white-space:nowrap}.hero-eyebrow-rule{display:block;width:clamp(22px,5vw,56px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,179,0,.85))}.hero-eyebrow-rule:last-child{background:linear-gradient(90deg,rgba(255,179,0,.85),transparent)}.hero-title{word-break:auto-phrase;margin-top:clamp(20px,3vh,30px);font-size:clamp(2.35rem,7.4vw,4.9rem);font-weight:800;line-height:1.1;letter-spacing:-.04em}.hero-title span{display:block}.hero-title .line-1{color:var(--text-starlight);text-shadow:0 2px 16px rgba(9,11,20,.95),0 6px 44px rgba(9,11,20,.85);animation:fadeUp .9s var(--ease-out) .16s backwards}.hero-title .line-2{animation:fadeUp .9s var(--ease-out) .3s backwards;padding-bottom:.12em;filter:drop-shadow(0 3px 18px rgba(9,11,20,.9)) drop-shadow(0 0 34px rgba(255,179,0,.35))}.hero-sub{margin:clamp(18px,2.6vh,26px) auto 0;max-width:640px;font-size:clamp(.95rem,2.3vw,1.1rem);line-height:1.85;color:var(--text-starlight);opacity:.88;text-shadow:0 2px 14px rgba(9,11,20,.95);animation:fadeUp .9s var(--ease-out) .44s backwards}.hero-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(26px,4vh,38px);animation:fadeUp .9s var(--ease-out) .6s backwards}.hero-wave{position:relative;margin:clamp(20px,3.4vh,38px) auto 0;max-width:620px;transform:scaleY(max(.05,calc(1 - var(--sp, 0) * 1.5)));transform-origin:center;animation:fadeIn 1.4s ease .85s backwards}.hero-wave:before{content:"";position:absolute;top:-26px;right:-16%;bottom:-64px;left:-16%;z-index:-1;background:radial-gradient(ellipse at center,rgba(9,11,20,.92) 0%,rgba(9,11,20,.62) 46%,transparent 78%)}.hero-wave:after{content:"";position:absolute;left:8%;right:8%;bottom:-14px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,179,0,.5),transparent)}.hero-scroll{position:absolute;left:50%;bottom:clamp(18px,3.4vh,34px);transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--text-starlight);text-shadow:0 2px 12px rgba(9,11,20,.95);opacity:max(0,calc(1 - var(--sp, 0) * 4));pointer-events:none}.hero-scroll i{display:block;width:1px;height:42px;background:linear-gradient(180deg,rgba(255,179,0,.9),transparent);animation:scrollCue 2.1s ease-in-out infinite;transform-origin:top}.waveform{display:flex;align-items:center;justify-content:center;gap:clamp(3px,.9vw,7px);height:clamp(58px,9.5vh,92px);width:100%}.waveform-bar{flex:0 0 auto;width:clamp(4px,.95vw,7px);height:calc(var(--level) * 100%);min-height:7px;border-radius:999px;background:linear-gradient(180deg,#ffe89f,#ffc42e);box-shadow:0 0 12px #ffc133e6,0 0 34px #ff950073;transform-origin:center;animation:waveBar var(--dur) ease-in-out var(--delay) infinite alternate}.clay-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.clay{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);transform:translate3d(calc(var(--dx) * var(--sp, 0) + var(--mouse-x, 0) * var(--pf, 20) * 1px),calc(var(--dy) * var(--sp, 0) + var(--mouse-y, 0) * var(--pf, 20) * 1px),0);opacity:max(0,calc(1 - var(--sp, 0) * 1.4));will-change:transform,opacity}.clay-float{width:100%;height:100%;animation:clayFloat 7.5s ease-in-out infinite;animation-delay:calc(var(--delay) * -7)}.clay img{width:100%;height:100%;object-fit:contain;transform:rotate(var(--tilt));filter:drop-shadow(0 8px 28px var(--glow));opacity:.96;animation:clayPop 1s cubic-bezier(.2,1.5,.45,1) calc(.55s + var(--delay)) backwards}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(18px,2.6vw,28px)}.why-card{position:relative;padding:clamp(26px,3.4vw,38px);border-radius:22px;background:linear-gradient(150deg,#ffffff12,#ffffff05);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden}.why-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%);opacity:.7;pointer-events:none}.why-no{position:relative;font-family:var(--font-heading);font-size:2.6rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.4px color-mix(in srgb,var(--accent) 70%,transparent);margin-bottom:14px}.why-card h3{position:relative;font-size:clamp(1.12rem,2.6vw,1.4rem);margin-bottom:14px;line-height:1.4}.why-card p{position:relative;font-size:.94rem;line-height:1.9;color:var(--text-comet)}.why-closing{margin-top:clamp(32px,4.5vw,52px);padding:clamp(24px,3.4vw,34px) clamp(24px,4vw,44px);border-left:2px solid var(--color-star-gold);background:linear-gradient(90deg,rgba(255,179,0,.09),transparent 70%);border-radius:0 18px 18px 0;font-size:clamp(1.02rem,2.6vw,1.35rem);font-weight:600;line-height:1.75;color:var(--text-starlight)}.pipe-wrap{position:relative;height:240vh}.pipe-pin{position:sticky;top:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:clamp(44px,6.5vh,76px) 0 clamp(28px,4.5vh,52px)}.pipe-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vw,22px);list-style:none;counter-reset:none}.pipe-step{position:relative;padding:clamp(18px,2.4vw,26px);border-radius:18px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);transition:background .55s ease,border-color .55s ease,box-shadow .55s ease,transform .55s var(--ease-out),opacity .85s var(--ease-out) var(--d, 0ms)}.pipe-step.is-lit{background:#ffb30012;border-color:#ffb30052}.pipe-step.is-active{box-shadow:0 14px 44px #ffb3002e;transform:translateY(-6px)}.pipe-step[data-in].is-active{transform:translateY(-6px)}.pipe-step-no{font-family:var(--font-heading);font-size:.78rem;font-weight:800;letter-spacing:.16em;color:var(--text-dim);transition:color .45s ease}.pipe-step.is-lit .pipe-step-no{color:var(--color-star-gold)}.pipe-step-when{display:block;margin-top:10px;font-size:.74rem;font-weight:700;letter-spacing:.1em;color:var(--color-cosmic-blue)}.pipe-step-title{margin-top:8px;font-size:clamp(.98rem,2vw,1.2rem);line-height:1.45}.pipe-step-body{margin-top:10px;font-size:.86rem;line-height:1.75;color:var(--text-comet)}.pipe-machine{margin-top:clamp(24px,3.4vw,40px);padding:clamp(20px,3vw,30px);border-radius:20px;background:#0d101d8c;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.pipe-machine-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.pipe-gear{display:inline-block;font-size:1.05rem;animation:spinSlow 5.5s linear infinite}.pipe-machine-label{font-size:.85rem;font-weight:700;letter-spacing:.05em;color:var(--text-starlight)}.pipe-rail{position:relative;height:3px;border-radius:999px;background:#ffffff17;overflow:visible}.pipe-rail-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--pp, 0) * 100%);border-radius:999px;background:linear-gradient(90deg,#ffb300,#ff9a3d 45%,#b98bff);box-shadow:0 0 14px #ffb30099}.pipe-rail-comet{position:absolute;top:50%;left:calc(var(--pp, 0) * 100%);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 24px var(--color-star-gold)}.pipe-conveyor{margin-top:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.pipe-conveyor-track{display:flex;gap:var(--track-gap, 10px);width:max-content;padding-left:var(--track-pad-left, 28px);padding-right:var(--track-pad-right, 28px);transform:translate(calc(var(--pp, 0) * (var(--track-max-shift, 0px) * -1)));will-change:transform}.pipe-chip{flex:0 0 auto;padding:8px 15px;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap;color:var(--text-starlight);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);animation:chipPulse 3.6s ease-in-out infinite;animation-delay:calc(var(--i) * .4s)}.pipe-note{margin-top:16px;font-size:.82rem;line-height:1.7;color:var(--text-dim)}.pipe-result{margin-top:clamp(22px,3vw,32px);font-size:clamp(.98rem,2.4vw,1.2rem);font-weight:600;line-height:1.8;color:var(--text-starlight);opacity:.26;transform:translateY(10px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.pipe-result.is-shown{opacity:1;transform:none}.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px);align-items:center;padding:clamp(30px,4.2vw,56px) 0}.feature--flip .feature-media{order:-1}.feature-tag{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 36%,transparent)}.feature-title{margin-top:16px;font-size:clamp(1.5rem,3.6vw,2.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.25}.feature-subtitle{margin-top:8px;font-size:.86rem;font-weight:600;letter-spacing:.08em;color:var(--accent);opacity:.85}.feature-body{margin-top:18px;font-size:.96rem;line-height:1.95;color:var(--text-comet)}.feature-callout{margin-top:22px;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.feature-callout h4{font-size:.92rem;color:var(--accent);margin-bottom:8px;display:flex;align-items:center;gap:8px}.feature-callout p{font-size:.88rem;line-height:1.8;color:var(--text-comet)}.feature-list{margin-top:22px;display:grid;gap:10px;list-style:none}.feature-list li{position:relative;padding-left:24px;font-size:.9rem;line-height:1.7;color:var(--text-comet)}.feature-list li:before{content:"";position:absolute;left:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.deck-wrap{perspective:1200px}.deck{position:relative;height:320px;max-width:420px;margin:0 auto}.deck-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:clamp(22px,3vw,30px);border-radius:22px;background:linear-gradient(158deg,#1b2033,#141828);border:1px solid color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.1));box-shadow:0 26px 60px #0000008c;transition:transform .62s var(--ease-out),opacity .62s var(--ease-out),box-shadow .62s var(--ease-out);overflow:hidden}.deck-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 88% -10%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 58%);pointer-events:none}.deck-card[data-pos="0"]{transform:translateY(0) rotate(0) scale(1);opacity:1;z-index:4}.deck-card[data-pos="1"]{transform:translateY(20px) rotate(1.6deg) scale(.968);opacity:.78;z-index:3}.deck-card[data-pos="2"]{transform:translateY(38px) rotate(-1.9deg) scale(.938);opacity:.5;z-index:2}.deck-card[data-pos="3"]{transform:translateY(55px) rotate(2.6deg) scale(.908);opacity:.26;z-index:1}.deck-card-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.deck-kind{padding:5px 12px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent)}.deck-emoji{font-size:1.9rem;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 60%,transparent))}.deck-title{position:relative;margin-top:20px;font-size:clamp(1.1rem,2.6vw,1.35rem);line-height:1.4}.deck-body{position:relative;margin-top:14px;font-size:.9rem;line-height:1.85;color:var(--text-comet)}.deck-rail{position:relative;margin-top:auto;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 10%,transparent))}.deck-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent;border-radius:22px;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 28px 46px}.deck-hint{padding:5px 13px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--text-comet);background:#ffffff12;border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:.75;transition:opacity .25s ease}.deck-hit:hover .deck-hint{opacity:1}.deck-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:46px}.deck-tab{padding:6px 14px;border-radius:999px;font-size:.74rem;font-weight:600;color:var(--text-dim);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.deck-tab.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 25%,transparent)}.note-mock{position:relative;max-width:440px;margin:0 auto}.note-paper{position:relative;padding:clamp(22px,3vw,30px);border-radius:18px;background:var(--paper-bg);color:var(--paper-ink);box-shadow:0 30px 70px #0009;transform:rotate(-1.1deg);z-index:2}.note-paper:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--paper-line);border-radius:12px;pointer-events:none;opacity:.7;z-index:1}.note-paper h5{position:relative;font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--paper-ink);margin-bottom:14px;z-index:2}.note-paper p{position:relative;font-size:.92rem;line-height:1.95;z-index:2}.note-sel{background-color:transparent;color:inherit;background-image:linear-gradient(#ffb30073,#ffb30073);background-repeat:no-repeat;background-size:0% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 1px;transition:background-size 1.05s var(--ease-out) .4s}.note-mock[data-in] .note-sel{background-size:100% 100%}.note-toolbar{position:absolute;right:16px;bottom:-17px;display:flex;gap:6px;padding:6px 8px;border-radius:12px;background:#10131f;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px #0000008c;opacity:0;transform:translateY(8px) scale(.9);transition:all .5s var(--ease-out) 1.35s;z-index:10}.note-mock[data-in] .note-toolbar{opacity:1;transform:none}.note-toolbar span{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-size:.74rem;font-weight:700;color:var(--color-cosmic-blue);background:#42a5f524}.note-cite{position:relative;margin-top:40px;padding:18px 20px;border-radius:16px;background:#0d101de6;border:1px solid rgba(66,165,245,.3);box-shadow:0 18px 44px #00000080;opacity:0;transform:translateY(16px);transition:all .7s var(--ease-out) 1.75s;z-index:6}.note-mock[data-in] .note-cite{opacity:1;transform:none}.note-cite:before{content:"";position:absolute;right:58px;top:-22px;width:1px;height:22px;background:linear-gradient(180deg,transparent,rgba(66,165,245,.7))}.note-cite-time{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--color-cosmic-blue);margin-bottom:9px}.note-cite p{font-size:.86rem;line-height:1.8;color:var(--text-comet)}.fact-mock{position:relative;max-width:460px;margin:0 auto;padding:clamp(22px,3vw,30px);border-radius:22px;background:linear-gradient(160deg,#b98bff1f,#141828eb);border:1px solid rgba(185,139,255,.28);box-shadow:0 28px 64px #0000008c;overflow:hidden}.fact-aurora{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 0deg,#ff525229,#ff9a3d29,#ffb30033,#00e67624,#42a5f533,#b98bff33,#ff525229);filter:blur(46px);animation:spinSlow 26s linear infinite;pointer-events:none}.fact-inner{position:relative}.fact-lecture{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:.76rem;font-weight:700;color:var(--text-starlight);background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.fact-personas{list-style:none;margin-top:18px;display:grid;gap:9px}.fact-persona{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-radius:14px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);opacity:.45;transform:scale(.985);transition:all .55s var(--ease-out)}.fact-persona.is-on{opacity:1;transform:scale(1);background:#ffb30017;border-color:#ffb30057;box-shadow:0 10px 30px #ffb30024}.fact-persona-emoji{font-size:1.3rem;line-height:1.3}.fact-persona-who{display:block;font-size:.74rem;font-weight:700;letter-spacing:.05em;color:var(--color-star-gold);margin-bottom:4px}.fact-persona-angle{display:block;font-size:.87rem;line-height:1.65;color:var(--text-starlight)}.fact-aha{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 16px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#111422;background:var(--gradient-gold);box-shadow:0 0 #ffb30080;animation:ahaPulse 2.8s ease-out infinite}.tools-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,2vw,20px)}.tool-card{grid-column:span 2}.tool-card:nth-child(4){grid-column:2 / span 2}.tool-card:nth-child(5){grid-column:4 / span 2}.tool-card{position:relative;padding:clamp(20px,2.6vw,26px);border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .4s var(--ease-out),border-color .4s ease,background .4s ease,opacity .85s var(--ease-out) var(--d, 0ms)}@media(hover:hover){.tool-card:hover{transform:translateY(-5px);border-color:#ffb30066;background:#ffb3000f}}.tool-emoji{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;font-size:1.3rem;background:#ffffff12;border:1px solid rgba(255,255,255,.12);margin-bottom:15px}.tool-card h3{font-size:1.02rem;margin-bottom:9px}.tool-card p{font-size:.87rem;line-height:1.75;color:var(--text-comet)}.road-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,64px);align-items:center}.road-list{list-style:none;display:grid;gap:clamp(16px,2.4vw,24px)}.road-item{position:relative;padding:clamp(20px,2.6vw,26px) clamp(20px,2.6vw,26px) clamp(20px,2.6vw,26px) clamp(58px,7vw,70px);border-radius:18px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);transition:opacity .85s var(--ease-out) var(--d, 0ms),transform .85s var(--ease-out) var(--d, 0ms),border-color .4s ease}.road-item:before{content:"";position:absolute;left:clamp(20px,2.6vw,26px);top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,#111422);border:1.5px solid var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}.road-item:after{content:"";position:absolute;left:calc(clamp(20px,2.6vw,26px) + 10px);top:calc(50% + 11px);width:1px;height:calc(100% - 22px + clamp(16px,2.4vw,24px));background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 0%,transparent));opacity:.5}.road-item:last-child:after{display:none}.road-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}.road-term{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.road-status{padding:3px 11px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent)}.road-item h3{font-size:clamp(1.05rem,2.4vw,1.28rem);margin-bottom:9px}.road-item p{font-size:.89rem;line-height:1.8;color:var(--text-comet)}.road-media{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px #0000008c}.road-media img{display:block;width:100%;height:100%;max-height:520px;object-fit:cover;animation:kenBurns 22s ease-in-out infinite alternate}.road-media-caption{position:absolute;left:0;right:0;bottom:0;padding:34px 22px 20px;font-size:.82rem;font-weight:600;color:var(--text-starlight);background:linear-gradient(180deg,transparent,rgba(9,11,20,.92))}.cta-section{padding:0 0 var(--section-gap)}.cta-panel{position:relative;overflow:hidden;padding:clamp(44px,7vw,84px) clamp(24px,5vw,60px);border-radius:28px;text-align:center;background:linear-gradient(180deg,#ffb3001a,#111422f0 62%),#0d101dcc;border:1px solid rgba(255,179,0,.28);box-shadow:0 34px 90px #0000008c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.cta-glow{position:absolute;left:50%;top:-40%;width:620px;height:620px;margin-left:-310px;border-radius:50%;background:radial-gradient(circle,rgba(255,179,0,.22) 0%,rgba(185,139,255,.1) 45%,transparent 70%);pointer-events:none;animation:breathe 7s ease-in-out infinite}.cta-inner{position:relative}.cta-clay{position:absolute;bottom:4px;width:clamp(74px,9vw,104px);opacity:.9;pointer-events:none;transform:translate3d(calc(var(--mouse-x, 0) * var(--pf, 12) * 1px),calc(var(--mouse-y, 0) * var(--pf, 10) * 1px),0);will-change:transform}.cta-clay img{width:100%;height:auto;display:block;animation:clayFloat 8.5s ease-in-out infinite}.cta-clay--left{left:clamp(-6px,2vw,34px);filter:drop-shadow(0 8px 26px rgba(255,158,196,.5));--pf: 14}.cta-clay--right{right:clamp(-6px,2vw,34px);filter:drop-shadow(0 8px 26px rgba(255,204,128,.5));--pf: -14}.cta-clay--right img{animation-delay:-3.4s}@media(max-width:720px){.cta-clay{display:none}}.cta-title{word-break:auto-phrase;font-size:clamp(1.6rem,4.4vw,2.7rem);font-weight:800;letter-spacing:-.025em;line-height:1.3}.cta-sub{margin:18px auto 0;max-width:620px;font-size:clamp(.92rem,2.2vw,1.02rem);line-height:1.9;color:var(--text-comet)}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(26px,4vw,38px)}.cta-micro{margin-top:18px;font-size:.78rem;letter-spacing:.08em;color:var(--text-dim)}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes waveBar{0%{transform:scaleY(.55)}to{transform:scaleY(1.05)}}@keyframes clayFloat{0%,to{transform:translateY(-10px) rotate(-2.4deg)}50%{transform:translateY(12px) rotate(2.4deg)}}@keyframes clayPop{0%{opacity:0;transform:rotate(var(--tilt)) scale(.25)}to{opacity:.96;transform:rotate(var(--tilt)) scale(1)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes scrollCue{0%{transform:scaleY(0);opacity:0}35%{opacity:1}to{transform:scaleY(1);opacity:0}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes chipPulse{0%,to{border-color:#ffffff1f;box-shadow:none}50%{border-color:#ffb30066;box-shadow:0 0 16px #ffb30033}}@keyframes ahaPulse{0%{box-shadow:0 0 #ffb30073}70%{box-shadow:0 0 0 16px #ffb30000}to{box-shadow:0 0 #ffb30000}}@keyframes breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}@keyframes kenBurns{0%{transform:scale(1) translateY(0)}to{transform:scale(1.09) translateY(-2%)}}@media(max-width:1100px){.clay{width:calc(var(--size) * .82);height:calc(var(--size) * .82)}}@media(max-width:1000px){.tools-grid{grid-template-columns:repeat(4,1fr)}.tool-card,.tool-card:nth-child(4){grid-column:span 2}.tool-card:nth-child(5){grid-column:2 / span 2}.feature{grid-template-columns:1fr;gap:clamp(28px,6vw,44px)}.feature--flip .feature-media{order:0}.road-layout{grid-template-columns:1fr}.road-media img{max-height:340px}}@media(max-width:780px){.pipe-wrap{height:auto;padding:var(--section-gap) 0}.pipe-pin{position:static;min-height:0;padding:0;display:block}.pipe-steps{grid-template-columns:1fr}.pipe-step.is-active{transform:none}.pipe-result{opacity:1;transform:none}.clay{width:calc(var(--size) * .55);height:calc(var(--size) * .55);opacity:max(0,calc(.78 - var(--sp, 0) * 1.2))}.deck{height:380px}.note-paper{transform:none}}@media(max-width:620px){.tools-grid{grid-template-columns:1fr}.tool-card,.tool-card:nth-child(4),.tool-card:nth-child(5){grid-column:auto}}@media(max-width:460px){.hero-actions .btn-primary,.hero-actions .btn-secondary,.cta-actions .btn-primary,.cta-actions .btn-secondary{width:100%}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.waveform-bar,.clay-float,.clay img,.pipe-gear,.pipe-chip,.fact-aurora,.fact-aha,.cta-glow,.road-media img,.hero-scroll i,.hero-eyebrow .spark{animation:none!important}.hero-inner,.clay,.hero-wave,.hero-scroll{transform:none!important;opacity:1!important}.note-sel{background-size:100% 100%;transition:none}.note-toolbar,.note-cite{opacity:1;transform:none;transition:none}}:root{--color-star-gold: #FFB300;--color-deep-gold: #CC8D00;--color-cosmic-blue: #42A5F5;--color-growth-green: #4CAF50;--color-alert-amber: #FFA000;--color-correction-red: #E53935;--bg-void: #0d101d;--bg-surface: #151928;--bg-surface-elevated: #1e2338;--text-starlight: #F2F4F8;--text-comet: #94A3B8;--text-dim: #7E8CA3;--glass-bg-low: rgba(255, 255, 255, .04);--glass-bg-mid: rgba(255, 255, 255, .08);--glass-bg-high: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .12);--glass-border-hover: rgba(255, 179, 0, .4);--gradient-gold: linear-gradient(135deg, #FFB300 0%, #FF8F00 100%);--gradient-cosmic: linear-gradient(135deg, #42A5F5 0%, #7E57C2 100%);--gradient-glow: radial-gradient(circle at 50% 0%, rgba(255, 179, 0, .15) 0%, rgba(66, 165, 245, .05) 50%, transparent 80%);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--max-width: 1120px;--header-height: 68px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;background-color:var(--bg-void);color:var(--text-starlight);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 20% 15%,rgba(255,179,0,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(66,165,245,.08) 0%,transparent 45%);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}button{font-family:inherit;cursor:pointer;border:none}:focus-visible{outline:2px solid var(--color-star-gold);outline-offset:3px;border-radius:6px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--text-starlight)}.site-main{flex:1;position:relative;z-index:1;padding:40px 0 80px}.site-main--flush{padding:0}footer{position:relative;z-index:1}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(16px,4vw,24px);position:relative;z-index:1}.glass-card{background:var(--glass-bg-low);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}@media(hover:hover){.glass-card:hover{border-color:var(--glass-border-hover)}}.form-input{width:100%;padding:12px 16px;border-radius:10px;background:var(--glass-bg-mid);border:1px solid var(--glass-border);color:var(--text-starlight);font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.form-input:focus{border-color:var(--color-star-gold);box-shadow:0 0 0 3px #ffb3002e}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gradient-gold);color:#111422;font-weight:600;font-size:.95rem;padding:12px 24px;border-radius:9999px;transition:all .2s ease;box-shadow:0 4px 20px #ffb3004d;touch-action:manipulation;min-height:48px}.btn-primary:active{transform:scale(.98)}@media(hover:hover){.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #ffb30073}}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--glass-bg-mid);color:var(--text-starlight);border:1px solid var(--glass-border);font-weight:500;font-size:.95rem;padding:12px 24px;border-radius:9999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;touch-action:manipulation;min-height:48px}.btn-secondary:active{transform:scale(.98)}@media(hover:hover){.btn-secondary:hover{background:var(--glass-bg-high);border-color:#ffffff40;color:#fff}}.btn-primary,.btn-secondary{white-space:nowrap}@media(max-width:480px){.lang-label{display:none}}.badge-gold{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffb3001f;border:1px solid rgba(255,179,0,.3);border-radius:9999px;color:var(--color-star-gold);font-size:.825rem;font-weight:600;letter-spacing:.02em}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-actions{display:flex!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s cubic-bezier(.16,1,.3,1) forwards}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}