:root{--paper:#f6f4ee;--surface:#fff;--surface-alt:#efece4;--line:#e5e1d6;--line-soft:#eeeae0;--ink:#0f1115;--ink-2:#545861;--ink-3:#9ca0a6;--mode-question:#b7791f;--mode-question-bg:#fbf3e3;--mode-note:#1e3a5f;--mode-note-bg:#e6ecf2;--mode-pdf:#2f6f4f;--mode-pdf-bg:#e4eee8;--r-card:14px;--r-dialog:12px;--r-pill:999px;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, ui-serif, serif;--hand:"Bradley Hand", "Segoe Print", "Comic Sans MS", cursive;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--paper);min-height:100vh;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px}body{overflow-x:hidden}body.no-scroll{overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#0f111509 1px,#0000 1px),linear-gradient(90deg,#0f111509 1px,#0000 1px);background-size:30px 30px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000000d9,#0000 72%);mask-image:radial-gradient(120% 90% at 50% 0,#000000d9,#0000 72%)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0;font-family:inherit}::selection{background:var(--ink);color:var(--paper)}.page{z-index:1;min-height:100vh;position:relative;overflow-x:clip}main{display:block}.section{max-width:1180px;margin:0 auto;padding:clamp(72px,10vw,128px) clamp(20px,4vw,40px);position:relative}.rv{opacity:0}.rv[data-shown]{opacity:1;animation:rise .85s cubic-bezier(.2, .7, .2, 1) var(--d,0s) backwards}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}.draw path{stroke-dasharray:1;stroke-dashoffset:1px}[data-shown] .draw path,.draw[data-shown] path{animation:draw-in .9s cubic-bezier(.6, 0, .2, 1) var(--dd,.5s) forwards}[data-shown] .draw path:nth-child(2),.draw[data-shown] path:nth-child(2){animation-delay:calc(var(--dd,.5s) + .55s);animation-duration:.35s}@keyframes draw-in{to{stroke-dashoffset:0}}.handwrite{width:auto;height:36px;display:block;overflow:visible}.handwrite path{fill:none;stroke:currentColor;stroke-width:var(--hw,3);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.handwrite[data-shown] path{animation:draw-in var(--hl) ease-out var(--hd) forwards}@keyframes float{0%{transform:translateY(0) rotate(var(--r,0deg))}to{transform:translateY(-14px) rotate(calc(var(--r,0deg) + 7deg))}}.header{z-index:50;transition:background .24s,box-shadow .24s;position:sticky;top:0}.header.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);box-shadow:0 1px 0 var(--line);background:#f6f4eecc}.header-inner{justify-content:space-between;align-items:center;gap:18px;max-width:1240px;margin:0 auto;padding:14px clamp(20px,4vw,40px);display:flex}.brand{color:var(--ink);align-items:center;gap:10px;display:inline-flex}.brand-mark{-webkit-user-drag:none;width:auto;height:28px;transition:transform .26s cubic-bezier(.2,.7,.3,1);display:block}.brand:hover .brand-mark{transform:rotate(-12deg)scale(1.1)}.brand-name{letter-spacing:-.02em;font-size:19px;font-weight:750}.nav-links{color:var(--ink-2);gap:30px;font-size:14.5px;font-weight:600;display:flex}.nav-links a{padding:6px 0;transition:color .16s;position:relative}.nav-links a:after{content:"";background:var(--ink);transform-origin:100%;border-radius:2px;height:2px;transition:transform .26s cubic-bezier(.2,.7,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-right{align-items:center;gap:10px;display:inline-flex}.lang-toggle{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);letter-spacing:.04em;padding:3px;font-size:12px;font-weight:700;display:inline-flex}.lang-toggle button{border-radius:var(--r-pill);color:var(--ink-2);padding:6px 11px;transition:background .14s,color .14s}.lang-toggle button.is-active{background:var(--ink);color:var(--paper)}.pill{background:var(--ink);color:var(--paper);border-radius:var(--r-pill);align-items:center;gap:8px;padding:10px 17px;font-size:13.5px;font-weight:700;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 18px -12px #0f1115b3}.pill:hover{transform:translateY(-1px);box-shadow:0 12px 22px -12px #0f1115bf}.pill svg{width:14px;height:14px}.hero{padding:clamp(28px,5vw,64px) 0 clamp(40px,6vw,72px);position:relative;overflow:hidden}.ink-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-glow{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-glow span{aspect-ratio:1;filter:blur(70px);opacity:.32;border-radius:50%;width:clamp(260px,34vw,480px);animation:18s ease-in-out infinite alternate drift;position:absolute}.hero-glow span:first-child{background:#f87171;top:-14%;left:4%}.hero-glow span:nth-child(2){background:#60a5fa;animation-delay:-6s;top:-10%;right:2%}.hero-glow span:nth-child(3){background:#c084fc;animation-delay:-11s;top:46%;left:-8%}.hero-glow span:nth-child(4){background:#86efac;animation-delay:-3s;top:54%;right:-6%}@keyframes drift{to{transform:translate(60px,40px)scale(1.12)}}.hero-inner{z-index:2;text-align:center;max-width:940px;margin:0 auto;padding:0 20px;position:relative}.hero-badge{border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);background:#ffffffc7;align-items:center;gap:9px;padding:6px 15px 6px 7px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 6px 20px -14px #0f111566}.hero-badge img{width:auto;height:22px}.hero-logo-wrap{display:block}.hero-logo{-webkit-user-drag:none;transform-origin:50% 70%;width:clamp(210px,28vw,340px);height:auto;margin:26px auto 4px;display:block}.hero-logo:hover{animation:.7s ease-in-out wobble}@keyframes wobble{25%{transform:rotate(-3deg)scale(1.03)}55%{transform:rotate(2deg)}80%{transform:rotate(-1deg)}}.hero-title{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin:16px auto 20px;font-size:clamp(40px,6.2vw,82px);font-weight:600;line-height:1.04}.hero-mark{z-index:0;padding:0 .06em;font-style:italic;display:inline-block;position:relative}.hero-underline{z-index:-1;color:#facc15;--dd:.95s;width:112%;height:.42em;position:absolute;bottom:-.06em;left:-6%}.hero-sub{max-width:660px;color:var(--ink-2);text-wrap:pretty;margin:0 auto 32px;font-size:clamp(16px,1.55vw,19px);line-height:1.62}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.btn-store{background:var(--ink);color:var(--paper);border-radius:16px;align-items:center;gap:12px;padding:11px 24px 11px 18px;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s;display:inline-flex;box-shadow:0 16px 30px -18px #0f1115cc}.btn-store:hover{transform:translateY(-2px);box-shadow:0 22px 36px -18px #0f1115d9}.btn-store.is-light{background:var(--paper);color:var(--ink);box-shadow:0 16px 30px -18px #0009}.btn-store-icon{width:26px;height:26px}.btn-store-text{letter-spacing:-.01em;flex-direction:column;align-items:flex-start;font-size:19px;font-weight:750;line-height:1.1;display:flex}.btn-store-text small{opacity:.72;letter-spacing:.02em;font-size:11px;font-weight:500}.btn-ghost{border:1px solid var(--line);background:#ffffffa8;border-radius:16px;align-items:center;padding:15px 22px;font-size:15px;font-weight:650;transition:background .16s,transform .16s;display:inline-flex}.btn-ghost:hover{background:var(--surface);transform:translateY(-2px)}.hero-note{color:#dc2626;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:-18px;right:calc(50% + 290px)}.hero-note-text{height:30px;transform:rotate(-4deg)}.hero-note-arrow{--dd:2.4s;width:70px;height:40px;margin:0 -26px 0 0;transform:scaleX(-1)}.hero-stage{z-index:2;max-width:1100px;margin:clamp(44px,6vw,72px) auto 0;padding:0 clamp(20px,4vw,40px);position:relative}.float{z-index:3;pointer-events:none;animation:5.5s ease-in-out infinite alternate float;position:absolute}.tile{color:#fff;border-radius:20px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 18px 30px -16px #0f111573,inset 0 1px #ffffff59}.tile svg{width:30px;height:30px}.tile-blue{background:linear-gradient(160deg,#60a5fa,#2563eb)}.tile-green{background:linear-gradient(160deg,#4ade80,#15803d)}.tile-orange{background:linear-gradient(160deg,#fdba74,#ea580c)}.f-pen{--r:-10deg;top:16%;left:0}.f-pdf{--r:8deg;animation-delay:-2s;top:62%;left:-6px}.f-timer{--r:9deg;animation-delay:-3.5s;top:26%;right:0}.f-star{--r:12deg;width:54px;animation-delay:-1s;top:52px;right:15%}.f-heart{--r:-8deg;width:50px;animation-delay:-4s;bottom:14%;right:6px}.f-eye{--r:-14deg;width:auto;height:50px;animation-delay:-2.6s;top:58px;left:14%}.f-spark{color:#8b5cf6;width:30px;animation-delay:-1.8s;top:52%;right:3%}.f-squiggle{color:#3a96f5;--dd:1.6s;width:130px;animation:none;bottom:-18px;left:10%}.demo{flex-direction:column;align-items:center;gap:18px;display:flex}.demo-tabs{border:1px solid var(--line);border-radius:var(--r-pill);scrollbar-width:none;background:#ffffffdb;gap:4px;max-width:100%;padding:5px;display:inline-flex;overflow-x:auto;box-shadow:0 10px 30px -20px #0f111573}.demo-tabs::-webkit-scrollbar{display:none}.demo-tab{border-radius:var(--r-pill);color:var(--ink-2);white-space:nowrap;padding:9px 17px;font-size:14px;font-weight:650;transition:background .2s,color .2s;position:relative;overflow:hidden}.demo-tab:hover{color:var(--ink)}.demo-tab.is-active{background:var(--ink);color:var(--paper)}.demo-progress{transform-origin:0;height:2px;animation:progress var(--ms) linear forwards;background:#f6f4eee6;border-radius:2px;position:absolute;bottom:4px;left:14px;right:14px}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tablet{transform-origin:50% 100%;background:linear-gradient(#1c1e23,#0f1115);border-radius:clamp(20px,2.6vw,32px);width:100%;max-width:1000px;padding:clamp(8px,1.3vw,15px);transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .45s;position:relative;transform:perspective(1800px)rotateX(14deg)scale(.96);box-shadow:inset 0 1px #ffffff14,0 60px 100px -50px #0f11158c,0 24px 44px -28px #0f111559}.hero-stage[data-shown] .tablet{transform:none}.tablet:before{content:"";background:#2b2e34;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:clamp(3px,.5vw,6px);transform:translateY(-50%)}.tablet-screen{aspect-ratio:1600/925;background:var(--paper);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:4px;border-radius:clamp(12px,1.4vw,18px);position:relative;overflow:hidden}.tablet-screen:focus-visible{outline:2px solid var(--ink)}.tablet-screen img{object-fit:cover;opacity:0;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .7s,transform 1.4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.035)}.tablet-screen img.is-active{opacity:1;transform:none}.demo-caption{color:var(--ink-2);text-align:center;margin:0;font-size:14px;animation:.5s cubic-bezier(.2,.7,.3,1) both caption-in}@keyframes caption-in{0%{opacity:0;transform:translateY(5px)}}.marquee{z-index:2;background:var(--ink);color:var(--paper);margin:clamp(30px,5vw,60px) -3vw 0;padding:18px 0;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 24px 40px -30px #0f1115b3}.marquee-track{width:max-content;animation:42s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{font-family:var(--serif);white-space:nowrap;align-items:center;gap:26px;padding-right:26px;font-size:clamp(22px,2.6vw,34px);font-style:italic;font-weight:600;display:inline-flex}.marquee-sep{width:20px;height:20px;color:var(--c)}@keyframes marquee{to{transform:translate(-50%)}}.section-head{text-align:center;max-width:760px;margin:0 auto clamp(40px,5vw,60px)}.section-head.is-left{text-align:left;margin-left:0}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:9px;font-size:12px;font-weight:750;display:inline-flex}.eyebrow:before{content:"";background:conic-gradient(#e9402f,#facc15,#65c23a,#3a96f5,#8b5cf6,#e038d1,#e9402f);border-radius:50%;width:10px;height:10px}.section-title{font-family:var(--serif);letter-spacing:-.022em;text-wrap:balance;margin:14px 0;font-size:clamp(32px,4.3vw,54px);font-weight:600;line-height:1.08}.section-sub{max-width:620px;color:var(--ink-2);text-wrap:pretty;margin:0 auto;font-size:17px;line-height:1.62}.section-head.is-left .section-sub{margin-left:0}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.bento-card{--tone:#0f1115;--tone-bg:#efece4;border:1px solid var(--line);background:var(--surface);border-radius:26px;flex-direction:column;min-height:330px;transition:transform .38s cubic-bezier(.2,.7,.3,1),box-shadow .38s;display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-5px);box-shadow:0 30px 50px -36px #0f111573}.a-pen{grid-column:span 7}.a-question{grid-column:span 5}.a-pdf,.a-organize,.a-focus,.a-privacy,.a-backup,.a-lang{grid-column:span 4}.a-devices{flex-direction:row;grid-column:span 12;min-height:280px}.tone-blue{--tone:#2563eb;--tone-bg:#eaf1ff}.tone-amber{--tone:#b7791f;--tone-bg:#fbf3e3}.tone-green{--tone:#2f6f4f;--tone-bg:#e4eee8}.tone-violet{--tone:#6d28d9;--tone-bg:#f1ebff}.tone-orange{--tone:#ea580c;--tone-bg:#fff0e5}.tone-ink{--tone:#0f1115;--tone-bg:#efece4}.tone-teal{--tone:#0f766e;--tone-bg:#e1f3f0}.tone-rose{--tone:#be123c;--tone-bg:#ffe8ee}.tone-pink{--tone:#a21caf;--tone-bg:#fbe8fa}.bento-viz{background:linear-gradient(180deg, var(--tone-bg), #fff0 92%);flex:1;place-items:center;min-height:180px;padding:26px 24px 8px;display:grid;position:relative}.a-devices .bento-viz{background:linear-gradient(90deg, var(--tone-bg), #fff0);flex:1.25;padding:24px}.bento-copy{padding:18px 26px 26px}.a-devices .bento-copy{flex:1;align-self:center;max-width:440px}.bento-icon{background:var(--tone-bg);width:38px;height:38px;color:var(--tone);border-radius:12px;place-items:center;display:grid}.bento-icon svg{width:20px;height:20px}.bento-copy h3{letter-spacing:-.015em;margin:14px 0 6px;font-size:20px;font-weight:750}.bento-copy p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.55}.viz-paper{border:1px solid var(--line);background-color:#fff;background-image:linear-gradient(#2563eb12 1px,#0000 1px),linear-gradient(90deg,#2563eb12 1px,#0000 1px);background-size:22px 22px;border-radius:18px;place-items:center;width:100%;max-width:470px;height:180px;display:grid;position:relative;transform:rotate(-1.6deg);box-shadow:0 20px 34px -26px #0f111566}.viz-hl{transform-origin:0;background:#facc1573;border-radius:10px;height:32%;transition:transform .7s cubic-bezier(.6,0,.2,1) 2.2s;position:absolute;top:40%;left:13%;right:13%;transform:scaleX(0)}[data-shown] .viz-hl{transform:scaleX(1)}.viz-hand{color:#1e3a8a;--hw:3.4;width:76%;height:auto;max-height:96px;position:relative}.viz-squiggle{color:#dc2626;--dd:2.6s;width:92px;position:absolute;bottom:16px;right:22px}.viz-swatches{gap:7px;display:flex;position:absolute;top:14px;left:16px}.viz-swatches i{width:13px;height:13px;box-shadow:0 0 0 1px var(--line);border:2px solid #fff;border-radius:50%}.viz-question{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;max-width:360px;padding:18px 22px 22px;position:relative;transform:rotate(1.4deg);box-shadow:0 20px 34px -26px #0f111566}.q-tag{border-radius:var(--r-pill);background:var(--tone-bg);color:var(--tone);letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;font-size:11px;font-weight:750;display:inline-block}.q-eq{font-family:var(--serif);margin:10px 0 14px;font-size:27px}.q-work{font-family:var(--hand);color:#1d4ed8;flex-direction:column;align-items:flex-start;gap:8px;font-size:21px;display:flex}.q-answer{color:#dc2626;padding:2px 10px;position:relative}.q-circle{color:#dc2626;--dd:.9s;width:calc(100% + 32px);height:calc(100% + 20px);position:absolute;top:-10px;left:-16px;overflow:visible}.pdf-mini{background:#fff;border-radius:10px;flex-direction:column;gap:11px;width:190px;padding-bottom:20px;display:flex;position:relative;transform:rotate(-3deg);box-shadow:0 22px 36px -24px #0f111573}.pdf-mini-bar{background:#0f766e;border-radius:10px 10px 0 0;height:30px;margin-bottom:4px}.pdf-line{background:#e5e7eb;border-radius:4px;height:8px;margin:0 18px;position:relative}.pdf-line.w90{width:78%}.pdf-line.w85{width:72%}.pdf-line.w80{width:66%}.pdf-line.w70{width:58%}.pdf-line.w60{width:50%}.pdf-line.hl:after{content:"";transform-origin:0;background:#4ade8080;border-radius:5px;transition:transform .6s cubic-bezier(.6,0,.2,1) .8s;position:absolute;inset:-5px -6px;transform:scaleX(0)}.pdf-line.hl2:after{background:#facc158c;transition-delay:1.3s}[data-shown] .pdf-line.hl:after{transform:scaleX(1)}.pdf-check{color:#16a34a;--dd:1.8s;width:58px;position:absolute;bottom:-14px;right:-18px}.viz-folders{flex-direction:column;gap:8px;width:100%;max-width:290px;display:flex}.folder-row,.tag-row span,.viz-privacy span{opacity:0;transition:opacity .45s ease calc(var(--i) * .11s + .25s), transform .45s cubic-bezier(.2, .7, .3, 1.3) calc(var(--i) * .11s + .25s);transform:translateY(10px)scale(.97)}[data-shown] .folder-row,[data-shown] .tag-row span,[data-shown] .viz-privacy span{opacity:1;transform:none}.folder-row{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.folder-row i{background:var(--c);border-radius:50%;width:10px;height:10px}.folder-row span{flex:1;font-size:14px;font-weight:650}.folder-row b{border-radius:var(--r-pill);background:var(--surface-alt);color:var(--ink-2);padding:2px 8px;font-size:11px}.tag-row{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.tag-row span{border-radius:var(--r-pill);background:var(--tone-bg);color:var(--tone);padding:4px 10px;font-size:12px;font-weight:650}.viz-focus{width:172px;height:172px;position:relative}.viz-focus svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg,.ring{fill:none;stroke-width:10px}.ring-bg{stroke:#fed7aa}.ring{stroke:#ea580c;stroke-linecap:round;stroke-dasharray:1;animation:9s linear infinite pomodoro}@keyframes pomodoro{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}.focus-time{text-align:center;font-family:var(--serif);place-content:center;font-size:32px;font-weight:600;display:grid;position:absolute;inset:0}.focus-time small{letter-spacing:0;color:#ea580c;margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:650;display:block}.viz-privacy{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.viz-privacy span{border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;align-items:center;gap:8px;padding:8px 15px 8px 10px;font-size:14px;font-weight:650;display:inline-flex}.chip-check{color:#16a34a;width:20px;height:20px}.viz-privacy .draw path{--dd:calc(var(--i) * .18s + .7s)}.zip-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;width:100%;max-width:310px;padding:16px 18px;display:flex;box-shadow:0 20px 34px -26px #0f111566}.zip-icon{color:#0f766e;flex:none;width:38px;height:38px}.zip-meta{flex:1;min-width:0}.zip-meta span{white-space:nowrap;text-overflow:ellipsis;margin-bottom:9px;font-size:14px;font-weight:650;display:block;overflow:hidden}.zip-bar{background:#ccede8;border-radius:99px;height:8px;display:block;overflow:hidden}.zip-bar b{transform-origin:0;background:#0f766e;height:100%;animation:3.4s cubic-bezier(.5,0,.3,1) infinite zip;display:block}@keyframes zip{0%{transform:scaleX(0)}65%,to{transform:scaleX(1)}}.viz-devices{justify-content:center;align-items:center;gap:34px;width:100%;display:flex}.dev-tablet,.dev-phone{background:#121418;border-radius:18px;flex:none;padding:7px;box-shadow:0 24px 40px -28px #0f111599}.dev-tablet{aspect-ratio:16/10;width:min(340px,52%)}.dev-phone{aspect-ratio:9/18;border-radius:16px;width:88px;padding:5px;animation:7s cubic-bezier(.6,0,.2,1) infinite rotate-phone}.dev-tablet img,.dev-phone img{object-fit:cover;border-radius:12px;width:100%;height:100%}.dev-phone img{object-position:30% 50%;border-radius:11px}@keyframes rotate-phone{0%,38%{transform:rotate(0)}50%,88%{transform:rotate(-90deg)}to{transform:rotate(0)}}.viz-lang{place-items:center;width:100%;height:110px;display:grid;position:relative}.viz-lang span{font-family:var(--serif);color:var(--tone);opacity:0;animation:10s ease-in-out infinite greet;animation-delay:calc(var(--i) * 2s);font-size:clamp(36px,4vw,48px);font-style:italic;font-weight:600;position:absolute}@keyframes greet{0%{opacity:0;transform:translateY(16px)rotate(-3deg)}5%,16%{opacity:1;transform:none}21%,to{opacity:0;transform:translateY(-16px)rotate(2deg)}}.gallery{max-width:none;padding-left:0;padding-right:0;overflow:hidden}.gallery .section-head{padding:0 20px}.gallery-note{color:#7c3aed;justify-content:center;align-items:flex-end;gap:0;margin:-30px auto 18px;display:flex;transform:translate(160px)}.gallery-note-text{height:30px;transform:rotate(-3deg)}.gallery-note-arrow{--dd:1.8s;width:64px;height:44px;margin-bottom:-26px;transform:scaleX(-1)rotate(-12deg)}.gallery-rows{flex-direction:column;gap:22px;padding:18px 0 10px;display:flex}.gallery-row{will-change:transform;gap:22px;width:max-content;display:flex}.gallery-row.is-left{transform:translateX(calc(4% - var(--p,.5) * 26%))}.gallery-row.is-right{transform:translateX(calc(-30% + var(--p,.5) * 26%))}.shot{aspect-ratio:1600/925;border:1px solid var(--line);background:var(--surface);cursor:zoom-in;border-radius:20px;flex:none;width:clamp(290px,33vw,470px);transition:transform .38s cubic-bezier(.2,.7,.3,1),box-shadow .38s;position:relative;overflow:hidden;box-shadow:0 24px 44px -34px #0f11158c}.shot:hover,.shot:focus-visible{transform:translateY(-6px)rotate(-.8deg);box-shadow:0 34px 54px -34px #0f111599}.shot img{object-fit:cover;width:100%;height:100%;display:block}.shot-caption{border-radius:var(--r-pill);color:var(--ink);opacity:0;background:#fffffff0;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:650;transition:opacity .22s,transform .22s;display:inline-flex;position:absolute;bottom:12px;left:12px;transform:translateY(6px)}.shot-caption svg{width:14px;height:14px}.shot:hover .shot-caption,.shot:focus-visible .shot-caption{opacity:1;transform:none}.lightbox{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1115bd;place-items:center;padding:24px;animation:.22s both fade-in;display:grid;position:fixed;inset:0}.lightbox-figure{flex-direction:column;align-items:center;gap:14px;width:min(1180px,100vw - 40px);margin:0;animation:.32s cubic-bezier(.2,.7,.3,1) both zoom-in;display:flex}.lightbox-stage{touch-action:pan-y;max-width:100%;display:inline-flex;position:relative}.lightbox-stage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:18px;width:auto;max-width:min(1180px,100vw - 40px);height:auto;max-height:calc(100dvh - 250px);animation:.32s both lightbox-swap;display:block;box-shadow:0 40px 80px -30px #0009}@keyframes lightbox-swap{0%{opacity:0;transform:scale(.985)}}.lightbox-nav,.lightbox-close{z-index:2;color:var(--ink);background:#f6f4eef0;border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid;position:absolute;box-shadow:0 10px 24px -10px #0000008c}.lightbox-nav{width:52px;height:52px;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--paper);transform:translateY(-50%)scale(1.07)}.lightbox-nav.is-prev{left:-72px}.lightbox-nav.is-next{right:-72px}.lightbox-nav svg{width:24px;height:24px}.lightbox-close{width:44px;height:44px;top:-16px;right:-16px}.lightbox-close:hover{transform:scale(1.07)}.lightbox-close svg{width:20px;height:20px}.lightbox-caption{text-align:center;color:var(--paper);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;margin:0;padding:0 8px;font-size:15px;font-weight:600;display:flex}.lightbox-count{font-variant-numeric:tabular-nums;color:#f6f4ee99;font-weight:500}.lightbox-thumbs{scrollbar-width:none;gap:10px;max-width:100%;padding:4px 4px 6px;display:flex;overflow-x:auto}.lightbox-thumbs::-webkit-scrollbar{display:none}.lightbox-thumbs button{aspect-ratio:1600/925;opacity:.45;outline-offset:2px;border-radius:10px;outline:2px solid #0000;flex:none;width:96px;transition:opacity .2s,outline-color .2s,transform .2s;overflow:hidden}.lightbox-thumbs button:hover{opacity:.85;transform:translateY(-2px)}.lightbox-thumbs button.is-active{opacity:1;outline-color:#fde047}.lightbox-thumbs img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1340px){.lightbox-nav.is-prev{left:12px}.lightbox-nav.is-next{right:12px}}@media (width<=560px){.lightbox-nav{width:42px;height:42px}.lightbox-close{top:-12px;right:-6px}.lightbox-thumbs button{width:72px}}@keyframes fade-in{0%{opacity:0}}@keyframes zoom-in{0%{opacity:0;transform:scale(.94)}}.pdf-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,90px);display:grid}.pdf-copy .section-head{margin-bottom:0}.pdf-steps{gap:12px;margin:32px 0 0;padding:0;list-style:none;display:grid}.pdf-steps li{border:1px solid var(--line);background:var(--surface);border-radius:18px;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.step-no{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:750;display:grid}.pdf-steps h3{margin:3px 0 4px;font-size:17px;font-weight:750}.pdf-steps p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.5}.pdf-visual{height:clamp(460px,50vw,640px);position:relative}.pdf-page{border:1px solid var(--line);border-radius:14px;width:62%;height:auto;position:absolute;box-shadow:0 40px 70px -40px #0f11158c}.pdf-page.is-back{transform:translateY(calc((.5 - var(--p,.5)) * -80px)) rotate(6deg);top:9%;right:1%}.pdf-page.is-front{transform:translateY(calc((.5 - var(--p,.5)) * 100px)) rotate(-4deg);top:0;left:3%}.pdf-sticky{color:#b91c1c;background:#fef08a;border-radius:4px;padding:18px 20px 14px;position:absolute;bottom:6%;right:2%;transform:rotate(4deg);box-shadow:0 20px 30px -20px #0f111573}.pdf-sticky:before{content:"";background:#fff9;width:74px;height:20px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}.pdf-sticky .handwrite{height:34px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:grid}.stat{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:24px;padding:28px 20px 24px}.stat strong{font-family:var(--serif);background:linear-gradient(90deg,#e9402f,#f59e0b,#65c23a,#3a96f5,#8b5cf6,#e038d1,#e9402f) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(46px,5vw,66px);font-weight:600;line-height:1;animation:9s linear infinite hue-slide;display:block}.stat>span{color:var(--ink-2);margin-top:10px;font-size:14.5px;font-weight:600;display:block}@keyframes hue-slide{to{background-position:200% 0}}.faq-list{gap:12px;max-width:820px;margin:0 auto;display:grid}.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:18px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item.is-open{border-color:#cfc9ba;box-shadow:0 20px 36px -30px #0f111566}.faq-q{text-align:left;width:100%;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:17px;font-weight:700;display:flex}.faq-icon{flex:none;width:22px;height:22px;transition:transform .3s cubic-bezier(.2,.7,.3,1)}.faq-item.is-open .faq-icon{transform:rotate(45deg)}.faq-a{grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.2,.7,.3,1);display:grid}.faq-item.is-open .faq-a{grid-template-rows:1fr}.faq-a>div{overflow:hidden}.faq-a p{color:var(--ink-2);margin:0;padding:0 22px 20px;font-size:15.5px;line-height:1.62}.final{padding-top:clamp(40px,6vw,70px)}.final-card{background:radial-gradient(40% 60% at 12% 10%, #e9403347, transparent 70%), radial-gradient(40% 60% at 90% 20%, #3a96f547, transparent 70%), radial-gradient(50% 60% at 60% 110%, #8b5cf64d, transparent 70%), var(--ink);color:var(--paper);text-align:center;border-radius:36px;padding:clamp(56px,8vw,96px) clamp(24px,5vw,60px);position:relative;overflow:hidden}.final-mark{--r:-8deg;width:auto;height:58px;margin:0 auto 20px;animation:4s ease-in-out infinite alternate float;display:block}.final-card h2{max-width:760px;font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0 auto 16px;font-size:clamp(34px,5vw,60px);font-weight:600;line-height:1.06}.final-card p{color:#f6f4eeb8;max-width:560px;margin:0 auto 34px;font-size:17px;line-height:1.6}.final-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:inline-flex;position:relative}.final-note{color:#fde047;flex-direction:column;align-items:flex-start;margin-left:6px;display:flex;position:absolute;top:-40px;left:100%}.final-note-arrow{--dd:1.8s;order:2;width:70px;height:46px;margin-left:-10px}.final-note-text{height:30px;transform:rotate(-4deg)}.final-doodle{animation:5s ease-in-out infinite alternate float;position:absolute}.final-doodle.d1{--r:-12deg;width:56px;top:12%;left:8%}.final-doodle.d2{--r:10deg;width:50px;animation-delay:-2s;bottom:14%;right:9%}.final-doodle.d3{color:#60a5fa;width:34px;animation-delay:-3s;top:20%;right:14%}.final-doodle.d4{color:#f472b6;width:26px;animation-delay:-1.2s;bottom:22%;left:16%}.footer{max-width:1180px;margin:0 auto;padding:40px clamp(20px,4vw,40px) 30px}.footer-inner{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding-top:32px;display:flex}.footer-brand p{color:var(--ink-3);margin:8px 0 0;font-size:14px;font-style:italic}.footer-links{color:var(--ink-2);flex-wrap:wrap;gap:26px;font-size:14.5px;font-weight:650;display:flex}.footer-links a:hover{color:var(--ink)}.footer-bottom{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:28px;font-size:13px;display:flex}.footer-made{align-items:center;gap:6px;display:inline-flex}.footer-heart{width:16px;height:16px}@media (width<=1100px){.hero-note{display:none}}@media (width<=1040px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card{grid-column:span 1}.a-pen,.a-devices{grid-column:span 2}.final-note{display:none}}@media (width<=920px){.pdf-grid{grid-template-columns:1fr}.pdf-visual{width:100%;max-width:560px;height:clamp(420px,96vw,620px);margin:0 auto}}@media (width<=860px){.nav-links{display:none}.shot-caption{opacity:1;transform:none}.gallery-note{transform:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.bento{grid-template-columns:1fr}.a-pen,.a-devices{grid-column:span 1}.a-devices{flex-direction:column}.bento-card{min-height:0}.viz-devices{gap:44px;padding:8px 0}.dev-tablet{border-radius:12px;width:46%;padding:5px}.dev-tablet img{border-radius:8px}.dev-phone{border-radius:11px;width:54px;padding:3px}.dev-phone img{border-radius:8px}.f-pdf,.f-heart,.f-spark,.f-timer,.f-squiggle{display:none}.tile{border-radius:15px;width:48px;height:48px}.tile svg{width:22px;height:22px}.f-star{width:38px;top:58px}.f-eye{height:36px}}@media (width<=560px){.header-inner{padding:12px 16px}.brand-name{font-size:17px}.pill{padding:9px 13px;font-size:12.5px}.lang-toggle button{padding:5px 9px}.btn-store,.btn-ghost{justify-content:center;width:100%}.demo-tabs{border-radius:22px;flex-wrap:wrap;justify-content:center;overflow:visible}.demo-tab{padding:8px 13px;font-size:13px}.faq-q{font-size:16px}.footer-bottom{flex-direction:column}.gallery-rows,.gallery-row{gap:12px}.shot{border-radius:14px;width:230px}.shot-caption{gap:6px;padding:5px 9px;font-size:11.5px;bottom:8px;left:8px}.shot-caption svg{width:12px;height:12px}.gallery-note-text{height:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.rv{opacity:1}.draw path,.handwrite path{stroke-dashoffset:0}.marquee-track{animation:none}.tablet,.gallery-row.is-left,.gallery-row.is-right{transform:none}}