:root{--ink: #171310;--ink-soft: #39302a;--paper: #f4eddf;--paper-bright: #fffaf1;--red: #e24d2d;--red-dark: #a92e19;--muted: #766b60;--line: rgba(35, 26, 20, .18);--display: "Fraunces", "Songti SC", serif;--sans: "Noto Sans SC", "Avenir Next", sans-serif;--mono: "DM Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans)}body:before{position:fixed;z-index:99;inset:0;pointer-events:none;opacity:.14;content:"";background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");mix-blend-mode:multiply}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.mono{font-family:var(--mono)}.display{font-family:var(--display)}.eyebrow{color:var(--red);font:500 10px/1.3 var(--mono);letter-spacing:.2em;text-transform:uppercase}.site-header{position:sticky;z-index:50;top:0;border-bottom:1px solid var(--line);background:#f4eddfe0;backdrop-filter:blur(18px)}.nav-row{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font:650 23px/1 var(--display)}.brand-icon{display:grid;width:38px;height:38px;grid-template-columns:repeat(3,1fr);gap:2px;overflow:hidden;border:1px solid var(--ink);border-radius:50% 50% 50% 8px;padding:7px;background:var(--ink);transform:rotate(-3deg)}.brand-icon i{display:block;border-radius:99px;background:var(--paper)}.brand-icon i:nth-child(2){margin-top:5px;background:var(--red)}.brand-icon i:nth-child(3){margin-top:10px}.main-nav{display:flex;align-items:center;gap:25px;font:500 10px/1 var(--mono);text-transform:uppercase}.main-nav a{position:relative;padding:8px 0}.main-nav a:after{position:absolute;right:0;bottom:0;left:0;height:1px;content:"";background:var(--red);transform:scaleX(0);transform-origin:right;transition:transform .2s}.main-nav a:hover:after,.main-nav a.is-current:after{transform:scaleX(1);transform-origin:left}.account-link{border:1px solid var(--ink);border-radius:99px;padding:10px 14px!important}.locale-switch{border:0;background:transparent;color:var(--muted);font:500 9px var(--mono)}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--ink);border-radius:3px 14px 14px;padding:0 20px;cursor:pointer;background:transparent;color:var(--ink);font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.button.primary{border-color:var(--red);background:var(--red);color:#fff}.button.primary:hover{box-shadow:5px 5px 0 var(--red-dark)}.hero{position:relative;overflow:hidden;padding:105px 0 62px}.hero:before{position:absolute;top:-12vw;right:-5vw;width:42vw;height:42vw;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 45px #e24d2d0d,0 0 0 46px var(--line);content:""}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.hero-copy h1{max-width:680px;margin:18px 0 26px;font:800 clamp(62px,7.4vw,108px)/.84 var(--display);letter-spacing:-.06em}.hero-copy h1 em{color:var(--red);font-weight:400}.hero-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.proof{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font:400 9px/1.7 var(--mono);letter-spacing:.06em}.comic-stage{position:relative;min-height:635px;padding:15px;border:1px solid var(--ink);background:var(--paper-bright);box-shadow:18px 18px #17131014;transform:rotate(1deg)}.comic-stage:after{position:absolute;top:42%;right:-45px;display:grid;width:80px;height:80px;place-items:center;border-radius:50%;content:"訳";color:#fff;background:var(--red);font:800 28px var(--display);box-shadow:0 0 0 7px var(--paper),0 0 0 8px var(--ink)}.comic-meta{display:flex;justify-content:space-between;padding:8px 4px 13px;font:500 8px var(--mono);text-transform:uppercase}.comic-grid{display:grid;height:570px;grid-template:1fr .72fr .86fr / 1.05fr .95fr;gap:7px}.panel{position:relative;overflow:hidden;border:2px solid var(--ink);background-color:#e8e4dc;background-image:radial-gradient(circle,rgb(23 19 16 / .15) 1px,transparent 1px);background-size:5px 5px}.panel:nth-child(1){grid-row:span 2;background-image:linear-gradient(135deg,transparent 0 42%,rgb(23 19 16 / .8) 42% 44%,transparent 44%),repeating-linear-gradient(70deg,transparent 0 8px,rgb(23 19 16 / .12) 9px 10px)}.panel:nth-child(2){background-image:repeating-radial-gradient(circle at 70% 45%,transparent 0 9px,rgb(23 19 16 / .18) 10px 11px)}.panel:nth-child(3){background-image:linear-gradient(25deg,rgb(23 19 16 / .85) 0 2%,transparent 2% 48%,rgb(23 19 16 / .7) 49% 51%,transparent 52%),radial-gradient(circle,rgb(23 19 16 / .12) 1px,transparent 1px);background-size:auto,4px 4px}.panel:nth-child(4){grid-column:span 2;background-image:repeating-linear-gradient(165deg,transparent 0 18px,rgb(23 19 16 / .12) 19px 20px)}.face{position:absolute;right:9%;bottom:-15%;width:46%;aspect-ratio:.82;border:3px solid var(--ink);border-radius:52% 48% 47% 46%;background:var(--paper-bright);transform:rotate(-8deg)}.face:before,.face:after{position:absolute;top:40%;width:22%;height:3px;content:"";background:var(--ink)}.face:before{left:17%;transform:rotate(8deg)}.face:after{right:17%;transform:rotate(-8deg)}.bubble{position:absolute;display:grid;place-items:center;min-width:118px;max-width:72%;min-height:100px;padding:20px;border:2px solid var(--ink);border-radius:50%;background:var(--paper-bright);font-size:17px;font-weight:900;line-height:1.22;text-align:center}.bubble.a{top:7%;left:7%}.bubble.b{top:12%;right:5%;min-width:145px}.bubble.c{top:22%;left:10%;min-width:170px}.bubble small{display:block;margin-top:8px;color:var(--red);font:500 7px var(--mono);text-transform:uppercase}.panel-caption{position:absolute;right:12px;bottom:10px;padding:5px 7px;color:#fff;background:var(--ink);font:500 7px var(--mono)}.ticker{overflow:hidden;border-block:1px solid var(--ink);background:var(--ink);color:var(--paper)}.ticker-track{display:flex;width:max-content;animation:ticker 24s linear infinite}.ticker span{padding:14px 30px;border-right:1px solid rgb(255 255 255 / .2);font:500 9px var(--mono);text-transform:uppercase}@keyframes ticker{to{transform:translate(-50%)}}.section{padding:110px 0}.section-head{max-width:880px}.section-head h2{margin:17px 0 0;font:650 clamp(50px,6vw,82px)/.94 var(--display);letter-spacing:-.045em}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:58px}.feature{position:relative;min-height:340px;grid-column:span 6;overflow:hidden;border:1px solid var(--line);padding:34px;background:var(--paper-bright)}.feature:nth-child(2),.feature:nth-child(3){grid-column:span 5}.feature:nth-child(1),.feature:nth-child(4){grid-column:span 7}.feature:after{position:absolute;right:-60px;bottom:-90px;width:220px;height:220px;border:1px solid var(--line);border-radius:50%;content:"";background:radial-gradient(circle,rgb(23 19 16 / .12) 1px,transparent 1px);background-size:5px 5px}.feature-index{color:var(--red);font:500 10px var(--mono)}.feature h3{position:relative;z-index:1;max-width:580px;margin:105px 0 15px;font:650 41px/1 var(--display)}.feature p{position:relative;z-index:1;max-width:580px;color:var(--muted);font-size:13px;line-height:1.75}.workflow{color:var(--paper);background:var(--ink)}.workflow-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.workflow .eyebrow{color:#ff876b}.workflow .section-head{position:sticky;top:120px;align-self:start}.workflow-steps{border-top:1px solid rgb(255 255 255 / .2)}.workflow-step{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:35px 0;border-bottom:1px solid rgb(255 255 255 / .2)}.workflow-step>span{color:#ff876b;font:500 10px var(--mono)}.workflow-step h3{margin:0 0 12px;font:550 36px/1 var(--display)}.workflow-step p{margin:0;color:#f4eddfa6;font-size:13px;line-height:1.8}.privacy-section{color:#2c241e;background:#e4b9a7}.privacy-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}.privacy-grid h2{margin:18px 0 25px;font:650 clamp(52px,7vw,88px)/.9 var(--display);letter-spacing:-.05em}.privacy-grid p{max-width:730px;font-size:14px;line-height:1.9}.retention-stamp{display:grid;aspect-ratio:1;place-items:center;border:2px solid var(--red-dark);border-radius:50%;color:var(--red-dark);font:800 clamp(42px,7vw,78px)/.9 var(--display);text-align:center;transform:rotate(7deg)}.retention-stamp small{display:block;margin-top:10px;font:500 9px var(--mono);letter-spacing:.18em;text-transform:uppercase}.pricing-preview{background:var(--paper-bright)}.pricing-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:55px}.price-preview-card{padding:36px;border:1px solid var(--line);background:var(--paper)}.price-preview-card.pro{color:var(--paper);background:var(--ink);transform:rotate(.6deg)}.price-preview-card h3{margin:0;font:600 40px var(--display)}.price-preview-card .price{margin:38px 0 22px;font:700 74px/.8 var(--display)}.price-preview-card p{color:var(--muted);font-size:13px}.price-preview-card.pro p{color:#f4eddfa6}.faq-list{margin-top:58px;border-top:1px solid var(--line)}.faq-item{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:31px 0;border-bottom:1px solid var(--line)}.faq-item h3{margin:0;font:550 28px/1.15 var(--display)}.faq-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.site-footer{padding:70px 0;color:var(--paper);background:var(--ink)}.footer-grid{display:flex;align-items:end;justify-content:space-between;gap:40px}.footer-grid h2{max-width:700px;margin:18px 0 0;font:550 52px/.98 var(--display)}.footer-links{display:flex;gap:18px;color:#f4eddfa6;font:400 9px var(--mono)}.page-hero{padding:88px 0 60px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:900px;margin:18px 0;font:700 clamp(62px,9vw,112px)/.82 var(--display);letter-spacing:-.055em}.page-hero p{max-width:720px;color:var(--muted);line-height:1.8}.pricing-page{padding:62px 0 110px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.price-card{display:flex;min-height:510px;flex-direction:column;border:1px solid var(--line);padding:28px;background:var(--paper-bright)}.price-card.featured{color:var(--paper);background:var(--ink);transform:translateY(-10px)}.price-card .plan-kicker{color:var(--red);font:500 9px var(--mono);text-transform:uppercase}.price-card h2{margin:20px 0 0;font:600 32px var(--display)}.price-card .price{margin-top:28px;font:700 54px/.9 var(--display)}.price-card .cadence{color:var(--muted);font-size:10px}.price-card.featured .cadence{color:#f4eddf99}.price-card ul{display:grid;gap:13px;margin:34px 0;padding:0;list-style:none}.price-card li{font-size:11px;line-height:1.55}.price-card li:before{margin-right:8px;color:var(--red);content:"●"}.price-card .button{width:100%;margin-top:auto}.price-card.featured .button{border-color:var(--red);background:var(--red);color:#fff}.fair-use{max-width:820px;margin:35px auto 0;color:var(--muted);font-size:11px;line-height:1.8;text-align:center}.account-page{min-height:calc(100vh - 72px);padding:80px 0 110px}.account-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.account-intro{position:sticky;top:120px}.account-intro h1{margin:18px 0;font:650 68px/.9 var(--display);letter-spacing:-.04em}.account-intro p{color:var(--muted);line-height:1.8}.account-card{min-height:340px;border:1px solid var(--line);padding:32px;background:var(--paper-bright)}.notice{margin:14px 0;border-left:3px solid var(--red);padding:14px 16px;background:#f4ded5;color:#733224;font-size:12px;line-height:1.6}.account-state{display:grid;gap:16px}.plan-banner{padding:28px;color:var(--paper);background:var(--ink)}.plan-banner h2{margin:10px 0;font:600 52px var(--display);text-transform:capitalize}.plan-banner p{margin:0;color:#f4eddfa6;font-size:11px}.credit-row{display:flex;justify-content:space-between;gap:24px;padding:19px 0;border-bottom:1px solid var(--line);font-size:12px}.account-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.account-actions .button{min-height:43px}[hidden]{display:none!important}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero-copy>*{animation:reveal .75s both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.comic-stage{animation:reveal .8s .18s both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:920px){.hero-grid,.workflow-grid,.privacy-grid,.account-layout{grid-template-columns:1fr;gap:55px}.hero-copy h1{max-width:780px}.comic-stage{max-width:650px;width:100%;margin:0 auto}.workflow .section-head,.account-intro{position:static}.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-card.featured{transform:none}}@media(max-width:680px){.shell{width:min(100% - 26px,1180px)}.main-nav>a:not(.account-link){display:none}.nav-row{min-height:64px}.brand>span:last-child{display:none}.hero{padding-top:70px}.hero-copy h1{font-size:58px}.comic-stage{min-height:520px;transform:none}.comic-grid{height:455px}.comic-stage:after{right:-3px;top:-28px;width:58px;height:58px;font-size:20px}.bubble{min-width:95px;min-height:82px;padding:13px;font-size:13px}.feature-grid,.pricing-split,.pricing-grid{grid-template-columns:1fr}.feature,.feature:nth-child(1),.feature:nth-child(2),.feature:nth-child(3),.feature:nth-child(4){min-height:285px;grid-column:auto}.feature h3{margin-top:72px}.section{padding:82px 0}.faq-item{grid-template-columns:1fr;gap:16px}.footer-grid{align-items:start;flex-direction:column}.page-hero h1{font-size:60px}.pricing-grid{gap:14px}.account-card{padding:22px}}