.intro-overlay{display:none}html.intro:not(.intro-done) .intro-overlay{z-index:100;place-items:center;display:grid;position:fixed;inset:0}html.intro:not(.intro-done),html.intro:not(.intro-done) body{overflow:hidden}html.intro{scrollbar-gutter:stable}html.intro:not(.intro-done) .page,html.intro:not(.intro-done) .page nav .wm{opacity:0}html.intro .hero-ph{animation:none}.intro-lock{--k:1;transform-origin:50%;flex-direction:column;align-items:center;display:flex;position:relative}@media (width<=519px){.intro-lock{--k:.7}}.intro-bg{background:linear-gradient(#f8f3e6,#efe6d0);position:absolute;inset:0}.intro-pair{height:calc(220px*var(--k));align-items:flex-end;display:flex}.intro-tile{width:calc(150px*var(--k));height:calc(202px*var(--k));border-radius:calc(22px*var(--k));box-shadow:0 calc(14px*var(--k)) calc(30px*var(--k)) #17201b33,inset 0 calc(-8px*var(--k)) 0 #1d6b4f80;font-family:var(--font-tile);font-weight:900;font-size:calc(110px*var(--k));opacity:0;background:linear-gradient(#fdfaf2 0%,#f3ecda 86%,#cfe0d2 100%);place-items:center;line-height:1;display:grid}.intro-v{color:#17201b}.intro-s{color:#b5202b;margin-left:calc(-26px*var(--k));position:relative}.intro-word{font-family:var(--font-sans);font-weight:800;font-size:calc(18px*var(--k));letter-spacing:.34em;color:#b5202b;margin-top:calc(30px*var(--k));opacity:0;padding-left:.34em}@media (prefers-reduced-motion:reduce){html.intro:not(.intro-done) .intro-overlay{display:none}html.intro:not(.intro-done) .page,html.intro:not(.intro-done) .page nav .wm{opacity:1}}.ph{background:#0b0f0d;border-radius:6.4%/13.5%;width:100%;padding:1.15%;position:relative;box-shadow:0 30px 80px #17201b59,0 4px 14px #17201b40}.ph-fit{aspect-ratio:1704/786;background:#0c4531;border-radius:5.4%/11.6%;width:100%;overflow:hidden}.ph-shot{object-fit:cover;width:100%;height:100%;display:block}.ink:before,.ink:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}.ink:before{opacity:.55;background-image:radial-gradient(#596b670d 1px,#0000 1.4px),radial-gradient(#9c76540b 1px,#0000 1.6px),linear-gradient(93deg,#0000 48%,#596b6706 50%,#0000 52%);background-size:7px 9px,13px 11px,140px 100%}.ink:after{background:radial-gradient(90% 60% at 20% 8%,#ffffff80,#0000 60%),radial-gradient(70% 50% at 85% 90%,#849a9a14,#0000 65%)}.page{position:relative;overflow:hidden}.wrap{z-index:1;position:relative}.scene{pointer-events:none;z-index:0;position:absolute}.scene svg{width:100%;height:100%;display:block}.scene img{object-fit:cover;object-position:50% 100%;width:100%;max-width:none;height:100%;display:block}.scene-hero{height:560px;top:0;left:0;right:0}.scene-coda{z-index:-1;width:100vw;height:150px;margin-left:-50vw;bottom:0;left:50%}.mist,.sun,.leaf{pointer-events:none;z-index:0;position:absolute}.mist{filter:blur(34px);background:radial-gradient(closest-side,var(--mist),transparent 70%);border-radius:50%}.mist-a{width:640px;height:200px;top:300px;left:-140px}.mist-b{width:520px;height:170px;top:360px;right:-120px}.mist-c{width:400px;height:140px;top:210px;left:38%}.sun{opacity:.5;filter:blur(.6px);background:radial-gradient(circle at 42% 38%,color-mix(in oklch,var(--seal) 80%,white),color-mix(in oklch,var(--seal) 92%,transparent) 70%);width:34px;height:34px;box-shadow:0 0 46px 10px color-mix(in oklch,var(--seal) 14%,transparent);border-radius:50%;top:96px;right:14%}.leaf{background:color-mix(in oklch,var(--jade) 75%,var(--cream));opacity:.6;border-radius:80% 4px;width:15px;height:9px}.leaf-a{top:132px;right:22%}.leaf-b{opacity:.5;width:13px;height:8px;top:198px;left:11%}.btn{background:var(--ink);min-height:44px;color:var(--cream);border-radius:12px;align-items:center;gap:9px;padding:14px 24px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:hover{color:var(--cream);box-shadow:0 6px 18px color-mix(in oklch,var(--ink) 25%,transparent);transform:translateY(-1px)}.btn.accent{background:var(--green)}.btn.accent:hover{background:var(--green2)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in oklch,var(--ink) 30%,transparent);background:0 0}.btn.ghost:hover{color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green)}@media (prefers-reduced-motion:reduce){.btn,.btn:hover{transform:none}}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;padding:64px 0;display:grid;position:relative}.eyebrow{letter-spacing:.34em;color:var(--seal);font-size:11px;font-weight:800}h1{font-family:var(--font-sans);letter-spacing:-.012em;text-wrap:balance;margin-top:18px;font-size:clamp(38px,5.2vw,56px);font-weight:640;line-height:1.08}.sub{color:color-mix(in oklch,var(--ink) 74%,transparent);text-wrap:pretty;max-width:46ch;margin-top:18px;font-size:16.5px;line-height:1.6}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.cta-note{color:var(--mut);width:100%;font-size:12px;font-weight:600}.hero-ph{margin-right:-26px;position:relative}.hero-ph .ph{box-shadow:0 44px 84px #6040264d,0 10px 24px #6040262e}.hero-ph .ph-fit{filter:contrast(1.06)saturate(1.12)brightness(1.05)}.mv-react{z-index:3;color:#253b38;font:700 12px/1 var(--font-sans);background:#fdfaf2f7;border-radius:13px 13px 13px 3px;align-items:center;gap:7px;padding:6px 12px;display:flex;position:absolute;top:42%;left:-16px;box-shadow:0 6px 16px #0a181147}.mv-react .av{background:var(--seal);color:#fdf8ec;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:grid}.mv-turn{z-index:3;background:linear-gradient(180deg,#d8604f,var(--seal));color:#fdf8ec;font:800 10px/1 var(--font-sans);letter-spacing:.1em;border-radius:999px;padding:6px 12px;position:absolute;bottom:20%;right:-12px;box-shadow:0 4px 12px #0a181140}.fliptile{perspective:600px;z-index:2;width:52px;height:70px;position:absolute}.fliptile.t1{top:-30px;right:-18px}.fliptile.t2{width:44px;height:60px;bottom:-26px;left:-24px}.fliptile .ft-in{transform-style:preserve-3d;position:absolute;inset:0}.fliptile .f,.fliptile .b{backface-visibility:hidden;font-family:var(--font-tile);box-shadow:0 8px 20px color-mix(in oklch,var(--ink) 25%,transparent),inset 0 -3px 0 color-mix(in oklch,var(--gold) 60%,transparent);border-radius:8px;place-items:center;font-size:24px;font-weight:900;display:grid;position:absolute;inset:0}.fliptile.t2 .f{color:var(--ink);font-size:20px}.fliptile .f{color:var(--seal);background:linear-gradient(#fdfaf2 0%,#f1ead8 86%,#d9e2d4 100%)}.fliptile .b{background:linear-gradient(180deg,color-mix(in oklch,var(--jade) 80%,#123) 0%,color-mix(in oklch,var(--jade) 55%,#0a1f16) 100%);transform:rotateY(180deg)}.fliptile .b:after{content:"";border:1.5px solid #f7f0e266;border-radius:6px;position:absolute;inset:16%;transform:rotate(45deg)scale(.7)}.sec{padding:56px 0 84px;position:relative}.sec-head{margin-bottom:40px}.sec-head .cnmark{font-family:var(--font-cjk);color:var(--seal);font-size:26px;font-weight:900}h2{font-family:var(--font-sans);letter-spacing:-.01em;text-wrap:balance;margin-top:8px;font-size:clamp(28px,3.4vw,36px);font-weight:620}.sec-head p{color:color-mix(in oklch,var(--ink) 64%,transparent);max-width:70ch;margin-top:10px;font-size:15px}.rule{background:var(--seal);width:46px;height:2px;margin-top:16px}.modes{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.mode{background:var(--card);border:1px solid color-mix(in oklch,var(--ink) 11%,transparent);box-shadow:0 2px 12px color-mix(in oklch,var(--ink) 6%,transparent);border-radius:6px 18px;flex-direction:column;padding:26px 22px 24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.mode:hover{box-shadow:0 12px 28px color-mix(in oklch,var(--ink) 14%,transparent);border-color:color-mix(in oklch,var(--green) 45%,transparent);transform:translateY(-3px)}.mode:before{content:"";border:1.5px solid color-mix(in oklch,var(--seal) 26%,transparent);opacity:.7;border-radius:50%;width:100px;height:100px;position:absolute;top:-34px;right:-34px}.mode.quick{background:color-mix(in oklch,var(--jade) 10%,var(--card));border-color:color-mix(in oklch,var(--jade) 32%,transparent)}.mode .start{background:var(--seal);color:#fdf8ec;letter-spacing:.12em;z-index:1;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:800;position:absolute;top:14px;right:14px}.mode .mtl{width:34px;height:46px;box-shadow:0 2px 5px color-mix(in oklch,var(--ink) 20%,transparent),inset 0 -3px 0 color-mix(in oklch,var(--gold) 45%,transparent);font-family:var(--font-tile);color:var(--green);background:linear-gradient(#fdfaf2,#efe8d5 88%,#dde3d4);border-radius:6px;flex:none;align-self:flex-start;place-items:center;font-size:19px;font-weight:900;display:grid}.mode h3{margin:16px 0 7px;font-size:17px;font-weight:800}.mode p{color:color-mix(in oklch,var(--ink) 76%,transparent);font-size:13.5px;line-height:1.55}.mode .tag{letter-spacing:.16em;color:var(--seal);align-self:flex-start;margin-top:auto;padding-top:16px;font-size:10px;font-weight:800}.mode .wmk{font-family:var(--font-cjk);color:var(--ink);opacity:.05;pointer-events:none;font-size:74px;font-weight:900;line-height:1;position:absolute;bottom:-10px;right:6px}@media (prefers-reduced-motion:reduce){.mode:hover{transform:none}}.learn-line{text-align:center;color:color-mix(in oklch,var(--ink) 66%,transparent);margin-top:30px;font-size:14px;font-weight:600}.learn-line a{border-bottom:1.5px solid color-mix(in oklch,var(--green) 45%,transparent);padding-bottom:1px}.learn-line a:hover{color:var(--seal);border-color:var(--seal)}.steps-mini{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;padding:0;list-style:none;display:grid}.steps-mini li{text-align:center;border-top:2px solid color-mix(in oklch,var(--seal) 38%,transparent);padding:20px 18px 0}.steps-mini b{font-size:14.5px;font-weight:800;display:block}.steps-mini span{color:color-mix(in oklch,var(--ink) 68%,transparent);text-wrap:balance;margin-top:6px;font-size:13px;line-height:1.5;display:block}.trust{text-align:center;font-family:var(--font-sans);color:color-mix(in oklch,var(--ink) 88%,transparent);margin-top:46px;font-size:20px;font-weight:620}.final{z-index:0;text-align:center;padding:88px 0 96px;position:relative}.final h2{font-size:clamp(32px,4.2vw,44px)}.final .sub{max-width:64ch;margin:16px auto 0}.final .cta-row{justify-content:center}.final .halo{z-index:-1;background:radial-gradient(circle,color-mix(in oklch,var(--jade) 17%,transparent),transparent 68%);filter:blur(6px);pointer-events:none;border-radius:50%;width:360px;height:360px;position:absolute;top:86px;left:50%;transform:translate(-50%)}.table-ill{background:radial-gradient(circle at 50% 38%,color-mix(in oklch,var(--jade) 70%,#fff 8%),color-mix(in oklch,var(--jade) 88%,#0a1f16));width:120px;height:120px;box-shadow:inset 0 0 0 5px color-mix(in oklch,var(--gold) 55%,transparent),0 14px 30px color-mix(in oklch,var(--ink) 22%,transparent);border-radius:50%;place-items:center;margin:0 auto 64px;display:grid;position:relative}.table-ill b{font-family:var(--font-cjk);color:var(--cream);font-size:34px;font-weight:700}.table-ill i{width:24px;height:32px;box-shadow:0 3px 8px color-mix(in oklch,var(--ink) 28%,transparent);font-family:var(--font-tile);color:var(--seal);background:linear-gradient(#fdfaf2,#efe8d5 88%,#dde3d4);border-radius:5px;place-items:center;font-size:13px;font-style:normal;font-weight:900;display:grid;position:absolute}.table-ill i:first-of-type{margin-left:-12px;top:-44px;left:50%}.table-ill i:nth-of-type(2){margin-left:-12px;bottom:-44px;left:50%}.table-ill i:nth-of-type(3){margin-top:-16px;top:50%;left:-42px}.table-ill i:nth-of-type(4){margin-top:-16px;top:50%;right:-42px}@media (prefers-reduced-motion:no-preference){.rv{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.25,1);transform:translateY(22px)}.rv.in{opacity:1;transform:none}.hero-ph{animation:.85s cubic-bezier(.2,.8,.25,1) both rise-ph}@keyframes rise-ph{0%{transform:translateY(22px)}to{transform:none}}.mist{animation:26s ease-in-out infinite alternate mistdrift}.mist-b{animation-delay:-9s}.mist-c{animation-delay:-18s}.sun{animation:7s ease-in-out infinite sunpulse}.leaf-a{animation:18s linear -6s infinite leafdrift}.leaf-b{animation:23s linear -11s infinite leafdrift-b}.fliptile .ft-in{animation:9s cubic-bezier(.6,0,.3,1) infinite tileflip}.fliptile.t2 .ft-in{animation-delay:-4.5s}@keyframes mistdrift{0%{transform:translate(-40px)}to{transform:translate(46px)}}@keyframes sunpulse{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes leafdrift{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:.65}50%{transform:translate(-340px,150px)rotate(200deg)}92%{opacity:.5}to{opacity:0;transform:translate(-640px,260px)rotate(390deg)}}@keyframes leafdrift-b{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:.55}50%{transform:translate(210px,132px)rotate(-165deg)}88%{opacity:.42}to{opacity:0;transform:translate(420px,252px)rotate(-330deg)}}@keyframes tileflip{0%,58%{transform:rotateY(0)}70%,88%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}}@media (width<=900px){.hero{grid-template-columns:1fr;gap:36px;padding:40px 0 48px}.hero-ph{margin-right:0}.modes,.steps-mini{grid-template-columns:1fr}.sec{padding:48px 0 64px}.final{padding:72px 0}.mode .tag{margin-top:0}.scene-hero{height:470px}.fliptile,.sun,.leaf{display:none}}