@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.-KQRRa_className{font-family:Inter,Inter Fallback;font-style:normal}.-KQRRa_variable{--font-sans:"Inter", "Inter Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/da4b870ab52b3094-s.2rv_b6cm3-gtx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.43yn3v1dnm71_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27riv1g955cgo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/a85fe84266768609-s.0h6ig86gwutp4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.QnXLKq_className{font-family:Caveat,Caveat Fallback;font-style:normal}.QnXLKq_variable{--font-hand:"Caveat", "Caveat Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.2ytmazkdrg7t9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3j3877k49yy0l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1icgra-w5i50b.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.1g73gv09-xcb6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.AuOkkq_className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.AuOkkq_variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
:root{--bg:#fff;--soft:#f7f6f3;--fg:#37352f;--ink:#191918;--muted:#37352fb8;--dim:#37352f66;--faint:#37352f33;--line:#37352f17;--hover:#37352f0d;--surface:#37352f0f;--paper:#fff;--mark:#2383e22e;--shadow:0 0 0 1px #0f0f0f0d, 0 3px 6px #0f0f0f0f, 0 12px 28px #0f0f0f1a;--shadow-xl:0 0 0 1px #0f0f0f0f, 0 24px 48px -12px #0f0f0f2e, 0 60px 120px -40px #0f0f0f40;--logo:none;--sans:var(--font-sans), ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--serif:var(--font-serif), Georgia, ui-serif, serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--max:1120px}@media (prefers-color-scheme:dark){:root{--bg:#000;--soft:#0e0e0e;--fg:#ffffffe0;--ink:#fff;--muted:#ffffff8c;--dim:#ffffff59;--faint:#ffffff2e;--line:#ffffff1a;--hover:#ffffff0f;--surface:#ffffff12;--paper:#1b1b1b;--mark:#2383e266;--shadow:0 0 0 1px #ffffff14, 0 12px 28px #0009;--shadow-xl:0 0 0 1px #ffffff17, 0 60px 120px -30px #000000f2;--logo:invert(1)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--mark)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}em{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}h1,h2{color:var(--ink);letter-spacing:-.035em;font-weight:600;line-height:1.05}h1 em,h2 em{color:var(--muted);font-size:1.08em}h2{font-size:clamp(34px,4.6vw,54px)}h3{letter-spacing:-.015em;color:var(--ink);font-size:18px;font-weight:600}kbd{min-width:22px;height:22px;font:500 12px var(--sans);color:var(--fg);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line), 0 1.5px 0 var(--faint);vertical-align:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.keys{gap:3px;display:inline-flex}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.section{padding-top:180px}.kicker{color:var(--muted);margin-bottom:16px;font-size:14px;font-weight:500}.head{max-width:680px;margin-bottom:64px}.head.center{text-align:center;margin-left:auto;margin-right:auto}.sub{color:var(--muted);margin-top:20px;font-size:19px;line-height:1.55}.btn{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:500;transition:opacity .12s,background .12s,transform .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-sm{height:32px;padding:0 14px;font-size:14px}.btn-lg{height:46px;padding:0 22px;font-size:15.5px}.btn-block{width:100%}.btn-dark{background:var(--ink);color:var(--bg)}.btn-dark:hover{opacity:.85}.btn-quiet{color:var(--fg);background:var(--surface)}.btn-quiet:hover{background:var(--hover);box-shadow:inset 0 0 0 1px var(--line)}.nav{z-index:60;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{color:var(--ink);align-items:center;gap:9px;font-size:16px;font-weight:600;display:inline-flex}.brand img,.final-logo{filter:var(--logo)}.nav-links{color:var(--muted);gap:2px;font-size:14px;display:flex}.nav-links a{border-radius:6px;padding:5px 11px;transition:background .12s,color .12s}.nav-links a:hover{background:var(--hover);color:var(--fg)}.hero{text-align:center;padding-top:96px}.hero h1{letter-spacing:-.05em;max-width:960px;margin:0 auto;font-size:clamp(52px,9vw,112px);line-height:.98}.lead{max-width:600px;color:var(--muted);margin:28px auto 0;font-size:20px;line-height:1.55}.cta-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;display:flex}.fine{color:var(--muted);margin-top:18px;font-size:13.5px}.hero-stage{margin-top:88px}.hero-in{animation:.7s both lift}.hero h1.hero-in{animation-delay:50ms}.lead.hero-in{animation-delay:.1s}.cta-row.hero-in,.fine.hero-in{animation-delay:.15s}.hero-stage.hero-in{animation-delay:.2s}@keyframes lift{0%{transform:translateY(14px)}}.scene{aspect-ratio:16/10;background:var(--soft);box-shadow:var(--shadow-xl);border-radius:14px;position:relative;overflow:visible}.scene>picture>img{color:#0000;object-fit:cover;border-radius:14px;width:100%;height:100%;animation:.5s fade}.scene-ph{background:repeating-linear-gradient(-45deg, transparent 0 12px, var(--hover) 12px 13px), var(--soft);border-radius:14px;place-items:center;display:grid;position:absolute;inset:0}.scene-ph span{font:12px var(--mono);color:var(--dim);background:var(--paper);box-shadow:var(--shadow);border-radius:6px;padding:5px 10px}@keyframes fade{0%{opacity:0}}.fnote{background:var(--paper);box-shadow:var(--shadow-xl);text-align:left;color:var(--fg);border-radius:12px;overflow:hidden}.fnote-bar{align-items:center;gap:7px;height:34px;padding:0 13px;display:flex}.fnote-bar i{background:var(--surface);width:11px;height:11px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}.fnote-body{align-content:start;gap:5px;padding:6px 26px 24px;font-size:14.5px;display:grid}.fnote-title{letter-spacing:-.02em;color:var(--ink);margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.hero-note,.scene-note{width:min(340px,42%);animation:7s ease-in-out infinite float;position:absolute;top:12%;right:4%}.hero-note .fnote-body{min-height:400px}.hero-canvas{border:1px dashed var(--line);border-radius:8px;margin:8px 0 10px;padding:6px 4px}.hero-canvas .sketch-text{font-size:22px}.hero-canvas .sketch-text .t-sm{font-size:17px}.demand .dd{stroke-dasharray:600;stroke-dashoffset:600px;animation:.9s forwards draw}.demand .dd.dash{stroke-dasharray:4 5;stroke-dashoffset:0;opacity:0;animation:.4s 1.3s forwards fadein}.demand .dd2{animation-delay:.3s}.demand .dd3{animation-delay:1.2s}.demand .dd4{animation-delay:1.6s}.demand .dd-text{opacity:0;animation:.5s 1.8s forwards fadein}@keyframes fadein{to{opacity:1}}@media (prefers-reduced-motion:reduce){.demand .dd,.demand .dd.dash,.demand .dd-text{stroke-dashoffset:0;opacity:1;animation:none}}.hero-note-2{width:min(250px,30%);font-size:13px;animation:8s ease-in-out -3s infinite float;position:absolute;bottom:9%;left:4%}.scene-note{animation:.5s rise,7s ease-in-out .5s infinite float}@keyframes float{50%{transform:translateY(-8px)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.b-h1{letter-spacing:-.025em;color:var(--ink);margin-bottom:6px;font-size:26px;font-weight:700;line-height:1.25}.b-h2{color:var(--ink);margin-top:6px;font-size:17px;font-weight:600}.b-p{min-height:1.6em}.b-quote{border-left:3px solid var(--fg);margin:4px 0;padding-left:12px}.b-bullet{padding-left:20px;position:relative}.b-bullet:before{content:"";background:var(--fg);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:6px}.b-number{gap:8px;display:flex}.b-number span{color:var(--fg);min-width:14px}.b-todo{align-items:flex-start;gap:9px;display:flex}.box,.b-todo .box{width:15px;height:15px;box-shadow:inset 0 0 0 1.5px var(--fg);border-radius:3px;flex:none;margin-top:.22em;position:relative}.b-todo.done{color:var(--dim);text-decoration:line-through}.b-todo.done .box{background:var(--ink);box-shadow:none}.b-todo.done .box:after{content:"";border:solid var(--bg);border-width:0 1.8px 1.8px 0;width:4px;height:8px;position:absolute;top:2px;left:4.5px;transform:rotate(45deg)}.b-divider{background:var(--line);border:0;height:1px;margin:10px 0}.b-canvas{background:var(--soft);color:var(--fg);border-radius:8px;margin:6px 0;padding:8px}.b-image{background:var(--surface);height:90px;color:var(--dim);border-radius:8px;place-items:center;margin:6px 0;font-size:13px;display:grid}.caret{background:var(--ink);vertical-align:-.15em;width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.statement{padding-top:180px}.statement p{text-align:center;max-width:900px;font-family:var(--serif);letter-spacing:-.01em;color:var(--muted);margin:0 auto;font-size:clamp(28px,3.6vw,42px);line-height:1.3}.statement span{color:var(--ink)}.places-tabs{flex-wrap:wrap;gap:6px;margin-bottom:40px;display:flex}.places-tabs button{height:36px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:0 0;border-radius:999px;padding:0 16px;font-size:14.5px;transition:background .15s,color .15s;position:relative;overflow:hidden}.places-tabs button:hover{color:var(--fg);background:var(--hover)}.places-tabs button.on{color:var(--bg);background:var(--ink);box-shadow:none}.tab-timer{background:var(--bg);opacity:.5;height:2px;animation:6s linear forwards timer;position:absolute;bottom:0;left:0}@keyframes timer{0%{width:0}to{width:100%}}.places-panel{grid-template-columns:300px 1fr;align-items:center;gap:56px;display:grid}.places-copy{animation:.45s rise}.places-copy h3{letter-spacing:-.03em;font-size:28px;line-height:1.15}.places-copy p{color:var(--muted);margin-top:14px;font-size:16.5px}.summon-keys{justify-content:center;gap:14px;margin-bottom:48px;display:flex}.bigkey{width:84px;height:84px;color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line), 0 5px 0 var(--faint), 0 18px 30px -10px #00000026;border-radius:18px;place-items:center;font-size:30px;animation:3.4s ease-in-out infinite press;display:grid}@keyframes press{0%,68%,to{box-shadow:inset 0 0 0 1px var(--line), 0 5px 0 var(--faint), 0 18px 30px -10px #00000026;transform:translateY(0)}74%,84%{box-shadow:inset 0 0 0 1px var(--line), 0 1px 0 var(--faint), 0 8px 16px -10px #00000026;transform:translateY(4px)}}.facts{grid-template-columns:repeat(3,1fr);gap:48px;margin-top:72px;list-style:none;display:grid}.facts-2{grid-template-columns:repeat(2,1fr);gap:40px 64px}.facts li{gap:6px;display:grid}.facts b{color:var(--ink);font-weight:600}.facts span{color:var(--muted);font-size:15.5px}.split{grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;display:grid}.split.reverse>:first-child{order:2}.split-copy p:not(.kicker){color:var(--muted);margin-top:22px;font-size:18px}.slash{font-family:var(--mono);background:var(--surface);border-radius:10px;padding:0 .18em;font-weight:500}.slash-demo{cursor:text}.fnote-lg .fnote-body{align-content:start;min-height:360px;padding:10px 36px 36px;font-size:15.5px}.demo-reset{color:var(--muted);border-radius:5px;align-items:center;gap:5px;margin-left:auto;padding:3px 8px;font-size:12px;display:inline-flex}.demo-reset:hover{background:var(--hover);color:var(--fg)}.demo-input{align-items:center;gap:9px;display:flex;position:relative}.demo-input input{font:inherit;color:var(--fg);background:0 0;border:0;outline:0;flex:1;padding:0;line-height:1.6}.demo-input input::placeholder{color:var(--faint)}.demo-input .dot{background:var(--fg);border-radius:50%;width:5px;height:5px;margin:0 5px 0 6px}.k-h1 input{letter-spacing:-.025em;font-size:26px;font-weight:700}.k-h2 input{font-size:17px;font-weight:600}.k-quote{border-left:3px solid var(--fg);padding-left:12px}.slash-menu{z-index:5;background:var(--paper);width:290px;max-height:300px;box-shadow:var(--shadow);border-radius:10px;padding:6px;animation:.15s rise;position:absolute;top:calc(100% + 6px);left:0;overflow:auto}.slash-label{color:var(--muted);padding:6px 8px 4px;font-size:12px}.slash-empty{color:var(--muted);padding:6px 8px;font-size:13px}.slash-menu button{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:5px 8px;display:flex}.slash-menu button.on{background:var(--hover)}.slash-menu b{font-size:14px;font-weight:500;display:block}.slash-menu small{color:var(--muted);font-size:12px;line-height:1.3;display:block}.slash-icon{background:var(--paper);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;flex:none;place-items:center;display:grid}.demo-hint{text-align:center;color:var(--muted);margin-top:18px;font-size:14px}.toolbar-stage{padding-top:40px}.tb-anchor{margin-top:54px;line-height:1.7;position:relative}.tb-anchor mark{background:var(--mark);color:inherit;border-radius:2px}.toolbar{background:var(--paper);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:2px;padding:4px;animation:6s ease-in-out infinite float;display:flex;position:absolute;top:-50px;left:60px}.toolbar>span{min-width:30px;height:30px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;gap:3px;display:inline-flex}.toolbar .tb-on{background:var(--hover);color:var(--ink)}.toolbar .tb-turn{color:var(--fg);padding:0 8px;font-size:13.5px}.tb-sep{background:var(--line);width:1px;height:18px;margin:0 3px}.canvas-stage{justify-content:center;display:flex}.fnote-xl{width:min(760px,100%)}.fnote-xl .fnote-body{padding:10px 44px 40px;font-size:16px}.sketch{width:100%;height:auto;display:block}.sketch-sm{max-height:120px}.sketch-text{font-family:var(--font-hand), "Chalkboard SE", "Marker Felt", cursive;font-size:21px}.sketch-text .t-lg{font-size:26px}.sketch-text .t-sm{font-size:17px}.sketch .thin{stroke-width:1.3px;opacity:.55}.sketch .dash{stroke-width:1.4px;stroke-dasharray:5 6!important}.js .sketch .d{stroke-dasharray:900;stroke-dashoffset:900px}.js .in .sketch .d{animation:1.6s forwards draw}.js .in .sketch .d2{animation-delay:.3s}.js .in .sketch .d3{animation-delay:.6s}.js .in .sketch .d4{animation-delay:1s}.js .in .sketch .d5{animation-delay:1.2s}.js .in .sketch .d6{animation-delay:1.4s}.js .in .sketch .d7{animation-delay:1.7s}.js .in .sketch .d8{animation-delay:2s}.js .sketch-text{opacity:0;transition:opacity .6s 2.4s}.js .in .sketch-text{opacity:1}.sketch-sm .d{stroke-dasharray:none!important;stroke-dashoffset:0!important}.sketch-sm .sketch-text{opacity:1!important}@keyframes draw{to{stroke-dashoffset:0}}.duo{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tile{background:var(--soft);border-radius:16px;padding:32px}.tile h3{margin-top:28px}.tile p{color:var(--muted);max-width:440px;margin-top:8px;font-size:15.5px}.tile-visual{border-radius:12px;justify-content:center;align-items:center;gap:18px;height:220px;display:flex}.web-snip,.note-snip{background:var(--paper);width:42%;box-shadow:var(--shadow);border-radius:10px;gap:6px;padding:16px;font-size:13px;display:grid}.web-snip b{font-family:var(--serif);color:var(--ink);font-size:19px;font-weight:400}.web-snip span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.web-snip i{background:var(--surface);border-radius:3px;height:6px}.web-snip i.s{width:60%}.note-snip .b-h2{margin:0 0 2px;font-size:15px}.arrow{color:var(--dim);font-size:22px}.drop{flex-direction:column;gap:14px}.drop-card{background:var(--paper);box-shadow:var(--shadow);font:11px var(--mono);color:var(--muted);border-radius:8px;padding:8px 8px 6px;animation:3s ease-in-out infinite bob;transform:rotate(-4deg)}.drop-img{background:linear-gradient(135deg, var(--surface), var(--faint));border-radius:4px;width:130px;height:74px;margin-bottom:6px}.drop-target{color:var(--muted);border:1.5px dashed var(--faint);border-radius:8px;padding:10px 26px;font-size:13px}@keyframes bob{50%{transform:rotate(-4deg)translateY(-8px)}}.library{position:relative}.library-shot{width:100%;box-shadow:var(--shadow-xl);border-radius:14px}.palette{background:var(--paper);width:min(420px,80%);box-shadow:var(--shadow-xl);border-radius:12px;padding:6px;font-size:14px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.palette-input{color:var(--dim);align-items:center;gap:10px;padding:10px;display:flex}.palette-input>span:first-of-type{color:var(--ink);flex:1}.palette-row{color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:7px 10px;display:flex}.palette-row.on{background:var(--hover);color:var(--ink)}.library+.facts{margin-top:112px}.finder{background:var(--paper);box-shadow:var(--shadow-xl);border-radius:14px;overflow:hidden}.finder-bar{background:var(--soft);height:44px;color:var(--muted);align-items:center;gap:7px;padding:0 16px;font-size:13px;display:flex}.finder-bar i{background:var(--surface);width:11px;height:11px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}.finder-bar span{margin-left:12px}.finder-grid{grid-template-columns:repeat(4,1fr);gap:28px 12px;padding:32px 20px 36px;display:grid}.finder-item{text-align:center;color:var(--fg);justify-items:center;gap:8px;font-size:12.5px;display:grid}.finder-item svg{color:var(--muted)}.compare{max-width:820px;margin:0 auto;overflow-x:auto}.compare table{border-collapse:separate;border-spacing:0;width:100%;font-size:15px}.compare th,.compare td{text-align:center;padding:15px 16px}.compare th{color:var(--muted);font-size:14px;font-weight:500}.compare tbody th{text-align:left;color:var(--fg);border-top:1px solid var(--line);font-size:15px;font-weight:400}.compare td{color:var(--muted);border-top:1px solid var(--line)}.compare thead td{border-top:0}.compare .us{color:var(--ink);background:var(--soft);font-weight:600}.compare th.us{border-radius:10px 10px 0 0}.compare tbody tr:last-child .us{border-radius:0 0 10px 10px}.price-card{background:var(--soft);border-radius:20px;grid-template-columns:1fr 1fr;gap:48px;max-width:860px;margin:0 auto;padding:44px;display:grid}.price-amt{letter-spacing:-.05em;color:var(--ink);align-items:baseline;gap:12px;font-size:72px;font-weight:600;line-height:1;display:flex}.price-amt span{letter-spacing:0;color:var(--muted);font-size:15px;font-weight:400}.price-main p{color:var(--muted);margin:14px 0 28px}.price-main .btn+.btn{margin-top:10px}.price-list{align-content:center;gap:12px;list-style:none;display:grid}.price-list li{padding-left:28px;font-size:15.5px;position:relative}.price-list li:before{content:"";background:var(--ink);border-radius:4px;width:16px;height:16px;position:absolute;top:4px;left:0}.price-list li:after{content:"";border:solid var(--bg);border-width:0 1.8px 1.8px 0;width:4px;height:8px;position:absolute;top:6.5px;left:5.5px;transform:rotate(45deg)}.faq{max-width:760px;margin:0 auto}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary h3{font-size:17px;font-weight:500}.faq summary:after{content:"+";color:var(--dim);font-size:22px;font-weight:300;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);max-width:640px;padding:0 4px 24px}.final{text-align:center;padding-top:200px;padding-bottom:160px}.final-logo{margin:0 auto 32px}.final h2{letter-spacing:-.05em;font-size:clamp(48px,7.5vw,92px)}.footer{padding-bottom:48px}.footer-top{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:48px;padding-top:40px;display:flex}.footer-top p{color:var(--muted);margin-top:10px;font-size:14px}.footer-cols{flex-wrap:wrap;gap:32px 56px;display:flex}.footer-cols div{align-content:start;gap:8px;font-size:14px;display:grid}.footer-cols h2{letter-spacing:0;font-size:13px;font-weight:600;line-height:inherit;color:var(--ink);margin-bottom:4px}.footer-cols a{color:var(--muted)}.footer-cols a:hover{color:var(--ink)}.copyright{color:var(--muted);margin-top:56px;font-size:13px}.js [data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(14px)}.js [data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transition:none;transform:none}*,:before,:after{animation:none!important}.js .sketch .d{stroke-dasharray:none;stroke-dashoffset:0}.js .sketch-text{opacity:1}}@media (max-width:980px){.nav-links{display:none}.split,.places-panel,.price-card{grid-template-columns:1fr;gap:40px}.split.reverse>:first-child{order:0}.facts{grid-template-columns:1fr;gap:28px}.duo{grid-template-columns:1fr}.section{padding-top:130px}}@media (max-width:640px){.hero{padding-top:64px}.hero-note-2{display:none}.hero-note,.scene-note{width:auto;margin:-40px 12px 0;position:relative;top:auto;right:auto}.scene{aspect-ratio:auto;box-shadow:none;background:0 0}.scene>picture>img,.scene-ph{aspect-ratio:16/10;box-shadow:var(--shadow-xl);position:relative}.bigkey{width:64px;height:64px;font-size:24px}.finder-grid{grid-template-columns:repeat(2,1fr)}.price-card{padding:28px}.palette{margin:-30px auto 0;position:relative;bottom:auto;left:auto;transform:none}.library+.facts{margin-top:56px}.toolbar{left:0}.fnote-lg .fnote-body,.fnote-xl .fnote-body{padding-left:22px;padding-right:22px}}.slash-demo .fnote{overflow:visible}.cv{box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);border-radius:10px;margin:14px -18px;padding:58px 18px 52px;position:relative}.cv-tools{background:var(--paper);border:1px solid var(--line);border-radius:8px;gap:2px;padding:4px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000014}.cv-tools span,.cv-corner span,.cv-group span{width:28px;height:28px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.cv-tools span.on{background:var(--fg);color:var(--paper)}.cv-corner{gap:2px;display:flex;position:absolute;top:12px;right:12px}.cv-foot{gap:8px;display:flex;position:absolute;bottom:12px;left:14px}.cv-group{background:var(--soft);border-radius:8px;align-items:center;font-size:14px;display:flex}.cv-group .cv-zoom{width:auto;padding:0 6px;font-size:12px}.cv-resize{background:var(--line);border-radius:3px;width:48px;height:5px;margin-left:-24px;position:absolute;bottom:-3px;left:50%}.slash-demo .fnote-body{min-height:440px}@media (max-width:720px){.cv-tools span:nth-child(-n+2),.cv-tools span:nth-child(5),.cv-tools span:nth-child(11),.cv-corner{display:none}}.scene>picture{display:contents}.shell{background:var(--soft);flex-direction:column;min-height:100vh;display:flex}.shell-nav{align-items:center;width:100%;height:64px;display:flex}.shell-main{flex-direction:column;flex:1;justify-content:center;width:min(420px,100vw - 32px);margin:0 auto;padding:48px 0 64px;display:flex}.shell-main.wide{width:min(920px,100vw - 32px)}.shell-foot{text-align:center;color:var(--muted);padding:24px;font-size:13px}.shell-foot a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.panel{background:var(--paper);box-shadow:var(--shadow);border-radius:16px;padding:32px}.panel-title{letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:600;line-height:1.25}.muted{color:var(--muted);font-size:15px}.muted strong{color:var(--fg);font-weight:500}.form{gap:14px;display:grid}.form .btn+.btn{margin-top:-4px}.form .fine{color:var(--muted);text-align:center;font-size:13px}.form-error{color:#d44c47;font-size:14px}.field{color:var(--muted);gap:6px;font-size:13px;font-weight:500;display:grid}.field input,.code-input{height:44px;font:inherit;color:var(--ink);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:10px;padding:0 14px;font-size:15px;transition:box-shadow .12s}.field input:focus,.code-input:focus{box-shadow:inset 0 0 0 1.5px var(--ink);outline:0}.code-input{text-align:center;font:600 20px var(--mono);letter-spacing:.12em;text-transform:uppercase}.code-box{text-align:center;font:600 28px/1.2 var(--mono);letter-spacing:.14em;color:var(--ink);background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;padding:16px}.btn:disabled{opacity:.5;cursor:default}.link-btn{color:var(--muted);text-underline-offset:2px;justify-self:center;font-size:13px;text-decoration:underline}.result-mark{background:var(--ink);width:44px;height:44px;color:var(--bg);border-radius:50%;place-items:center;font-size:20px;font-weight:600;display:grid}.buy{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;display:grid}.buy-info h1{margin-bottom:28px;font-size:clamp(36px,5vw,52px)}.buy-price{margin-bottom:20px;font-size:56px}.buy-info .price-list li{color:var(--fg)}@media (max-width:760px){.buy{grid-template-columns:1fr;gap:32px}.panel{padding:24px}}.legal{max-width:680px;color:var(--fg);margin:0 auto}.legal h1{font-size:clamp(36px,5vw,48px)}.legal-date{color:var(--muted);margin:12px 0 40px;font-size:14px}.legal h2{letter-spacing:-.02em;margin:40px 0 12px;font-size:20px;line-height:1.3}.legal p,.legal li{font-size:16px;line-height:1.7}.legal p+p{margin-top:12px}.legal ul{gap:10px;padding-left:20px;display:grid}.legal a{text-underline-offset:2px;text-decoration:underline}.legal strong{color:var(--ink);font-weight:600}.page{padding-top:32px;padding-bottom:40px}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:13.5px;list-style:none;display:flex}.crumbs li+li:before{content:"/";opacity:.6;margin-right:6px}.crumbs a:hover{color:var(--ink)}.page-head{max-width:760px;padding-top:56px}.page-head h1{letter-spacing:-.045em;font-size:clamp(40px,6vw,68px)}.page-head h1 em{color:var(--muted);font-size:1.06em}.page-head .lead{text-align:left;margin:24px 0 0}.page-stage{margin-top:64px}.page .compare{max-width:820px;margin:64px 0 0}.prose{gap:56px;max-width:680px;margin-top:88px;display:grid}.prose h2{letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(26px,3vw,34px)}.prose p{color:var(--fg);font-size:17px;line-height:1.7}.prose p+p{margin-top:14px}.prose .faq{margin:0}.steps{counter-reset:step;gap:14px;padding-left:0;list-style:none;display:grid}.steps li{counter-increment:step;padding-left:44px;font-size:17px;line-height:1.6;position:relative}.steps li:before{content:counter(step);width:28px;height:28px;color:var(--bg);background:var(--ink);border-radius:50%;place-items:center;font-size:13.5px;font-weight:600;display:grid;position:absolute;top:-1px;left:0}.choose{grid-template-columns:1fr 1fr;gap:16px;display:grid}.choose>div{background:var(--soft);border-radius:14px;padding:24px}.choose h3{margin-bottom:12px}.choose ul{gap:8px;padding-left:18px;font-size:15.5px;display:grid}.page-cta{background:var(--soft);text-align:center;border-radius:20px;margin-top:120px;padding:56px 32px}.page-cta h2{font-size:clamp(32px,4vw,44px)}.page-cta>p:not(.fine){color:var(--muted);margin-top:14px;font-size:17px}.page-cta .cta-row{margin-top:28px}.related{margin-top:72px}.related h2{letter-spacing:-.02em;margin-bottom:14px;font-size:20px}.related ul{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.related a{box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:7px 14px;font-size:14.5px;display:inline-block}.related a:hover{background:var(--hover)}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:64px;list-style:none;display:grid}.card{background:var(--soft);border-radius:16px;gap:10px;height:100%;padding:28px;transition:box-shadow .15s;display:grid}.card:hover{box-shadow:inset 0 0 0 1px var(--line)}.card h2{letter-spacing:-.02em;font-size:21px;line-height:1.25}.card p{color:var(--muted);font-size:15.5px}.more{color:var(--ink);font-size:14.5px;font-weight:500}.places-copy .more{margin-top:16px;display:inline-block}.compare-more{text-align:center;color:var(--muted);margin-top:20px;font-size:14.5px}.compare-more a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.page .legal{margin:56px 0 0}@media (max-width:640px){.choose{grid-template-columns:1fr}.page-head{padding-top:32px}}