:root{color-scheme:dark light;--bg-0:#060508;--bg-1:#0b0a0f;--bg-2:#131119;--flame:#9a86ff;--flame-bright:#bfb2ff;--flame-pink:#ec8fde;--text:#f2eef5;--text-soft:#c6bfcf;--text-faint:#9a92a6;--panel-bg:rgba(30,24,44,.55);--panel-bg-strong:rgba(16,13,24,.82);--panel-border:rgba(190,170,255,.16);--panel-hi:hsla(0,0%,100%,.14);--hairline:rgba(190,170,255,.1);--flame-tint:rgba(154,134,255,.12);--pink-tint:rgba(236,143,222,.14);--shadow-sm:0 1px 2px rgba(0,0,0,.45);--shadow-md:0 12px 34px rgba(0,0,0,.5);--shadow-lg:0 30px 80px rgba(0,0,0,.62);--accent-grad:linear-gradient(120deg,#a593ff,#e58ad9);--on-accent:#150a1c;--nav-h:3.5rem;--radius:18px;--radius-sm:12px;--maxw:74rem;--ease:cubic-bezier(0.22,0.61,0.36,1);--ease-soft:cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:light){:root{--bg-0:#fbf8f3;--bg-1:#f4f0e8;--bg-2:#ece6db;--flame:#5a3fcf;--flame-bright:#4b33b5;--flame-pink:#9c2a8c;--text:#1b1620;--text-soft:#473f52;--text-faint:#625a6d;--panel-bg:hsla(0,0%,100%,.62);--panel-bg-strong:hsla(0,0%,100%,.84);--panel-border:rgba(70,50,140,.2);--panel-hi:hsla(0,0%,100%,.9);--hairline:rgba(70,50,140,.14);--flame-tint:rgba(90,63,207,.1);--pink-tint:rgba(156,42,140,.1);--shadow-sm:0 1px 2px rgba(40,25,70,.12);--shadow-md:0 12px 30px rgba(40,25,70,.16);--shadow-lg:0 26px 66px rgba(40,25,70,.22);--accent-grad:linear-gradient(120deg,#5a3fcf,#9c2a8c);--on-accent:#fff}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + .8rem)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg-1);color:var(--text);font-family:system-ui,sans-serif;line-height:1.6;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{background:radial-gradient(90% 70% at 50% 118%,rgba(120,90,255,.24),transparent 62%),radial-gradient(60% 50% at 82% 108%,rgba(230,110,210,.14),transparent 60%),radial-gradient(80% 60% at 12% -10%,rgba(120,90,255,.08),transparent 55%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 42%,var(--bg-2));content:"";inset:0;position:fixed;z-index:-2}@media (prefers-color-scheme:light){body:before{background:radial-gradient(90% 70% at 50% 118%,rgba(90,63,207,.14),transparent 62%),radial-gradient(60% 50% at 82% 108%,rgba(156,42,140,.1),transparent 60%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2))}}@media (min-width:860px){html{font-size:120%}}img{display:block;height:auto;max-width:100%}a{color:var(--flame-bright)}code{background:var(--panel-bg);border:1px solid var(--hairline);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;overflow-wrap:anywhere;padding:.1em .42em}.wrap{margin-inline:auto;width:min(100% - 2.5rem,var(--maxw))}.skip-link{background:var(--panel-bg-strong);border-radius:0 0 var(--radius-sm) 0;color:var(--text);left:-999px;padding:.6rem 1rem;position:absolute;top:0;z-index:100}.skip-link:focus{left:0}:focus-visible{border-radius:4px;outline:2px solid var(--flame);outline-offset:3px}.nav{align-items:center;backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);background:var(--panel-bg-strong);border-bottom:1px solid var(--hairline);display:flex;height:var(--nav-h);position:sticky;top:0;z-index:50}@media (prefers-reduced-transparency:reduce){.nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-0)}}.nav .wrap{display:flex;gap:1rem;justify-content:space-between}.brand,.nav .wrap{align-items:center}.brand{color:var(--text);display:inline-flex;font-weight:650;gap:.5rem;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}.brand .mark{flex:none;height:1.4rem;width:1.4rem}.brand .brand-accent{color:var(--flame-bright)}.nav-links{align-items:center;display:flex;gap:.35rem}.nav-inner-links{display:none;gap:.15rem}@media (min-width:900px){.nav-inner-links{display:inline-flex}}.navlink{border-radius:999px;color:var(--text-soft);font-size:.86rem;padding:.4rem .62rem;text-decoration:none;transition:color .2s var(--ease-soft),background .2s var(--ease-soft)}.navlink:hover{background:var(--panel-bg);color:var(--text)}.lang-switch{align-items:center;border:1px solid var(--panel-border);border-radius:999px;color:var(--text-soft);display:inline-flex;font-size:.78rem;font-weight:650;letter-spacing:.02em;padding:.32rem .62rem;text-decoration:none;transition:color .2s var(--ease-soft),background .2s var(--ease-soft),border-color .2s var(--ease-soft);white-space:nowrap}.lang-switch:hover{background:var(--panel-bg);border-color:var(--panel-hi);color:var(--text)}.nav-cta{align-items:center;background:var(--accent-grad);border-radius:999px;box-shadow:var(--shadow-sm),0 0 0 1px hsla(0,0%,100%,.2) inset;color:var(--on-accent);display:inline-flex;font-size:.86rem;font-weight:650;gap:.35rem;padding:.4rem .85rem;text-decoration:none;transition:transform .18s var(--ease),filter .18s var(--ease-soft);white-space:nowrap}.nav-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.nav-cta svg{height:1rem;width:1rem}@media (prefers-reduced-motion:reduce){.nav-cta:hover{transform:none}}@media (max-width:420px){.nav .wrap{gap:.5rem}.brand{font-size:.95rem}.nav-cta{font-size:.8rem;padding:.36rem .65rem}}.hero{padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,3.5rem)}.hero .wrap{display:grid;justify-items:center}.hero-copy{max-width:46rem;min-width:0;text-align:center}.badge{align-items:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:999px;color:var(--flame-bright);display:inline-flex;font-size:.76rem;gap:.45rem;letter-spacing:.02em;padding:.3rem .75rem}.badge .dot{background:var(--flame);border-radius:50%;box-shadow:0 0 .6rem var(--flame);height:.42rem;width:.42rem}h1{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(2.4rem,7vw,4rem);letter-spacing:-.03em;line-height:1.08;margin:1rem 0 .4rem}.jp-name{font-size:1.02rem;letter-spacing:.04em;margin:0 0 1rem}.catch,.jp-name{color:var(--text-soft)}.catch{font-size:1.03rem;margin:0 auto 1.4rem;max-width:34em}.hero-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.6rem}.tag{background:var(--panel-bg);border:1px solid var(--hairline);border-radius:999px;color:var(--text-soft);font-size:.76rem;padding:.28rem .7rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}.btn{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:.92rem;font-weight:600;gap:.45rem;padding:.68rem 1.25rem;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s var(--ease-soft)}.btn svg{height:1.05em;width:1.05em}.btn-primary{background:var(--accent-grad);box-shadow:var(--shadow-md);color:var(--on-accent)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-ghost{background:var(--panel-bg);border-color:var(--panel-border);color:var(--text)}.btn-ghost:hover{background:var(--panel-bg-strong)}@media (prefers-reduced-motion:reduce){.btn:hover{transform:none}}.flow{align-items:center;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.4rem;justify-content:center;list-style:none;margin:2rem 0 0;padding:0}.flow li{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:999px;color:var(--text-soft);padding:.28rem .75rem}.flow li+li:before{color:var(--flame);content:"→";margin-right:.5rem}.flow li+li{border-radius:999px}.hero-figure{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:clamp(16px,2.2vw,26px);box-shadow:var(--shadow-lg);isolation:isolate;margin:clamp(2rem,5vw,3.4rem) 0 0;max-width:30rem;overflow:hidden;position:relative;width:100%}.hero-figure img{aspect-ratio:1/1;display:block;height:auto;object-fit:cover;width:100%}.hero-figure:after{border-radius:inherit;box-shadow:inset 0 1px 0 var(--panel-hi),inset 0 -40px 60px -40px rgba(154,134,255,.3);content:"";inset:0;pointer-events:none;position:absolute}.section-pad{padding:clamp(3rem,8vw,5.5rem) 0}.section-alt{background:linear-gradient(180deg,transparent,var(--bg-2) 12%,var(--bg-2) 88%,transparent)}.eyebrow{color:var(--flame);display:block;font-size:.76rem;letter-spacing:.16em;margin-bottom:.6rem;text-transform:uppercase}.sect-title{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.02em;line-height:1.2;margin:0 0 .7rem}.sect-lead{color:var(--text-soft);margin:0 0 2.2rem;max-width:44em}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr))}.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem 1.3rem 1.45rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease-soft)}.card:hover{border-color:var(--panel-hi);box-shadow:var(--shadow-md);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.card:hover{transform:none}}.card .icon{background:linear-gradient(150deg,var(--flame-tint),transparent);border:1px solid var(--hairline);border-radius:12px;color:var(--flame-bright);display:grid;height:2.4rem;margin-bottom:.85rem;place-items:center;width:2.4rem}.card .icon.icon-pink{background:linear-gradient(150deg,var(--pink-tint),transparent);color:var(--flame-pink)}.card .icon svg{height:1.3rem;width:1.3rem}.card h3{font-size:1.02rem;letter-spacing:-.01em;margin:0 0 .4rem}.card p{color:var(--text-soft);font-size:.9rem;margin:0}.card p+p{margin-top:.5rem}.video-frame{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-width:60rem;overflow:hidden;width:100%}.video-frame iframe{aspect-ratio:16/9;border:0;display:block;height:auto;width:100%}.steps{counter-reset:step;display:grid;gap:.9rem}.step{align-items:start;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);display:grid;gap:1rem;grid-template-columns:2.4rem 1fr;padding:1.15rem 1.3rem}.step:before{background:var(--accent-grad);border-radius:50%;color:var(--on-accent);content:counter(step);counter-increment:step;display:grid;font-size:.95rem;font-weight:700;height:2.4rem;place-items:center;width:2.4rem}.step>div{min-width:0}.step h3{font-size:1rem;margin:.3rem 0 .35rem}.step p{color:var(--text-soft);font-size:.9rem;margin:0}.step p+p{margin-top:.5rem}.step ul{color:var(--text-soft);font-size:.9rem;margin:.5rem 0;padding-left:1.2rem}.step ul li+li{margin-top:.2rem}.note{background:var(--panel-bg);border-left:3px solid var(--flame);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-soft);font-size:.88rem;margin:0 0 1.4rem;padding:.9rem 1.1rem}.note strong{color:var(--text)}.note ul{margin:.4rem 0 0;padding-left:1.2rem}.steps+.note{margin:1.2rem 0 0}.sub-title{font-size:1.25rem;letter-spacing:-.01em;margin:2.6rem 0 1rem}.inline-steps{color:var(--text-soft);font-size:.9rem;margin:0;padding-left:1.3rem}.inline-steps li+li{margin-top:.3rem}.constraint ul{color:var(--text-soft);font-size:.9rem;line-height:1.6;margin:0;padding-left:1.2rem}.constraint ul li+li{margin-top:.3rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);margin-top:1.6rem;overflow:hidden}table{border-collapse:collapse;font-size:.88rem;min-width:34rem;width:100%}caption{color:var(--text-faint);font-size:.82rem;padding:.9rem 1.1rem .4rem}caption,td,th{text-align:left}td,th{border-bottom:1px solid var(--hairline);line-height:1.5;padding:.7rem 1.1rem;vertical-align:top}thead th{background:var(--panel-bg-strong);color:var(--text);font-size:.82rem;font-weight:650;letter-spacing:.02em}tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}tbody th{color:var(--text);font-weight:600}td{color:var(--text-soft)}.params{max-width:62rem}details.param-group{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);margin-bottom:.7rem;overflow:hidden}details.param-group>summary{align-items:center;cursor:pointer;display:flex;font-size:1.02rem;font-weight:700;gap:.7rem;letter-spacing:-.01em;list-style:none;padding:1rem 1.2rem;transition:background .2s var(--ease-soft);user-select:none}details.param-group>summary::-webkit-details-marker{display:none}details.param-group>summary:hover{background:var(--panel-bg-strong)}.chev{color:var(--text-faint);flex:0 0 auto;height:1.05rem;margin-left:auto;transition:transform .25s var(--ease);width:1.05rem}details.param-group[open]>summary .chev{transform:rotate(90deg)}.grp-badge{background:var(--flame-tint);border:1px solid var(--hairline);border-radius:5px;color:var(--flame-bright);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:600;padding:.1rem .45rem}.param-intro{color:var(--text-soft);font-size:.88rem;margin:0;padding:0 1.2rem .9rem}.param-note{border-top:1px solid var(--hairline);color:var(--text-faint);font-size:.86rem;line-height:1.6;margin:0;padding:.9rem 1.2rem 1.1rem}.param-note+.param-note{border-top:0;padding-top:0}.param-note code{font-size:.85em}.param-group table{min-width:32rem}.param-group tbody th{white-space:nowrap}.constraints{display:grid;gap:clamp(.8rem,2vw,1.1rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));max-width:62rem}.constraint{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:1.2rem 1.3rem}.constraint h3{align-items:flex-start;display:flex;font-size:1rem;gap:.5rem;letter-spacing:-.01em;margin:0 0 .5rem}.constraint h3 svg{color:var(--flame);flex:0 0 auto;height:1.2rem;margin-top:.1rem;width:1.2rem}.constraint p{color:var(--text-soft);font-size:.9rem;line-height:1.6;margin:0}.constraint p+p{margin-top:.6rem}@media (prefers-contrast:more){.card,.constraint,.flow li,.hero-figure,.step,.table-card,.video-frame,details.param-group{border-color:var(--text-soft)}}footer{background:var(--bg-0);border-top:1px solid var(--hairline);padding:2.6rem 0 3.2rem}.f-brand{font-weight:650;margin-bottom:.4rem}.f-meta{color:var(--text-faint);font-size:.85rem;margin:0 0 1.2rem;max-width:46em}.f-links{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-bottom:1.2rem}.f-links a{color:var(--text-soft);font-size:.86rem;text-decoration:none}.f-links a:hover{color:var(--text);text-decoration:underline}.credit{color:var(--text-faint);font-size:.8rem;margin:0}.credit+.credit{margin-top:.3rem}