:root{color-scheme:light;--ink:#08152d;--muted:#5c6980;--paper:#fbfaf5;--card:#fffefa;--line:#d9ddd8;--lime:#baff35;--violet:#6557e8;--coral:#ff8877;--pink:#e66ca0;--blue:#7bb8ff;--max:1120px;font-family:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.5}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-150%);padding:10px 14px;background:var(--ink);color:#fff;border-radius:8px}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:20;width:min(calc(100% - 48px),var(--max));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:1.45rem;font-weight:800;letter-spacing:-.04em;text-decoration:none}.site-header nav{display:flex;gap:28px}.site-header nav a{font-weight:700;text-decoration:none}.menu-button{display:none;width:42px;height:42px;padding:7px;background:none;border:0}.menu-button span{display:block;height:3px;margin:6px 0;background:var(--ink);border-radius:3px}
.hero{width:min(calc(100% - 48px),var(--max));margin:auto;padding:42px 0 78px;text-align:center}.eyebrow{margin:0 0 16px;color:#536584;font-size:.76rem;font-weight:800;letter-spacing:.22em}.hero h1,.inside h2,.free-pages h2,.use-cases h2,.checkout h2,.faq h2{margin:0;letter-spacing:-.055em;line-height:.96}.hero h1{font-size:clamp(4.4rem,8vw,7rem)}em{font-family:"Lora",serif;font-weight:600}.hero h1 em{position:relative;z-index:1}.hero h1 em::after{content:"";position:absolute;z-index:-1;left:-.08em;right:-.08em;bottom:.03em;height:.12em;background:var(--lime);transform:rotate(-3deg);border-radius:999px}.hero-lead{margin:24px auto 40px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.45rem)}
.language-picker{width:min(100%,560px);margin:-19px auto 30px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:left;box-shadow:0 8px 25px rgba(20,30,44,.04)}.language-picker label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.language-picker select{grid-row:1/3;grid-column:2;width:100%;min-height:42px;padding:0 38px 0 12px;border:1px solid #bfc5cf;border-radius:10px;background:#fff;color:var(--ink);font:700 .95rem "DM Sans",sans-serif}.language-picker span{max-width:310px;color:var(--muted);font-size:.69rem;line-height:1.35}
.preview-stack{position:relative;height:650px;margin:0 auto 26px;perspective:1000px}.preview-page{position:absolute;top:35px;width:31%;height:495px;padding:30px 27px;text-align:left;background:var(--card);border:1px solid #e3e0d8;border-radius:4px;box-shadow:0 18px 42px rgba(27,35,52,.11);overflow:hidden}.preview-page h2{margin:20px 0 4px;font-family:"Lora",serif;font-size:clamp(1.25rem,2.3vw,2rem);line-height:1.12;letter-spacing:-.04em}.page-left{left:3%;transform:rotate(-8deg)}.page-center{z-index:2;left:34.5%;top:0;transform:rotate(-1deg)}.page-right{right:3%;transform:rotate(7deg)}.page-label{display:flex;align-items:center;gap:18px;color:#536584;font-size:.61rem;letter-spacing:.13em}.page-label b{color:var(--ink);font-size:.92rem}.page-sub{margin:0 0 20px;color:var(--muted);font-size:.74rem}.message,.prompt{padding:14px;border-radius:18px;background:#eef0f2}.message b,.prompt b{display:block;font-family:system-ui,sans-serif}.message small,.prompt small,.tone-row small,.reply-list small{display:block;margin-top:5px;color:#536078;font-size:.65rem;line-height:1.35}.message.natural{margin-left:22px;background:#eaffc5}.down-arrow{text-align:center;font-size:2rem}.note{color:#3159e6;font-family:"Lora",serif;font-style:italic;font-weight:600;transform:rotate(-7deg)}.tone-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;align-items:start;margin:14px 0}.message.mini{padding:10px;font-size:.77rem;text-align:center}.tone-row p{position:relative;margin:0;padding-left:16px;font-size:.72rem}.tone-row small{margin-top:2px}.dot{position:absolute;left:0;top:3px;width:10px;height:10px;border-radius:50%}.blue{background:var(--blue)}.coral{background:var(--coral)}.pink{background:var(--pink)}.center-note{text-align:center;transform:rotate(-4deg)}.prompt{margin-bottom:12px}.reply-list{counter-reset:item;margin:0;padding:0;list-style:none}.reply-list li{counter-increment:item;display:grid;grid-template-columns:24px 1fr;align-items:center;margin:8px 0}.reply-list li::before{content:counter(item);width:20px;height:20px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;font-size:.6rem;font-weight:800}.reply-list div{padding:10px;background:#eaffc5;border-radius:14px;font-size:.68rem}.guide-cover{position:absolute;z-index:4;left:50%;bottom:0;width:42%;max-height:355px;object-fit:cover;object-position:50% 20%;transform:translateX(-50%) rotate(4deg);border:8px solid #101a2a;border-radius:8px;box-shadow:0 20px 50px rgba(15,24,43,.28)}
.hero-actions{position:relative;z-index:6;width:min(100%,900px);margin:-12px auto 0;display:grid;gap:14px}.button{min-height:66px;display:inline-flex;align-items:center;justify-content:center;padding:0 28px;border:2px solid var(--ink);border-radius:18px;font-size:1.2rem;font-weight:800;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(101,87,232,.35);outline-offset:3px}.primary{background:var(--lime);color:var(--ink);box-shadow:0 10px 24px rgba(122,177,24,.15)}.primary span{margin-left:18px;font-size:1.8rem}.secondary{background:transparent}.product-facts{margin:24px 0 0;color:var(--muted);font-weight:600}.product-facts span{margin:0 8px}
.inside,.free-pages,.use-cases,.faq,.legal,.geo-answer{width:min(calc(100% - 48px),var(--max));margin:auto;padding:100px 0;border-top:1px solid var(--line)}.inside h2,.free-pages h2,.use-cases h2,.faq h2,.geo-answer h2{font-size:clamp(3rem,6vw,5.6rem)}.contents-card{margin-top:46px;padding:0 34px;background:rgba(255,255,255,.65);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 34px rgba(20,30,44,.04)}.contents-card>div{min-height:78px;display:grid;grid-template-columns:58px 1fr 1.5fr;align-items:center;border-bottom:1px solid var(--line)}.contents-card>div:last-child{border:0}.contents-card b{color:#62718a;font-size:1.05rem}.contents-card strong{font-size:1.08rem}.contents-card span{color:var(--muted)}
.geo-answer h2{margin:0 0 24px;letter-spacing:-.055em;line-height:.96}.geo-answer>p:not(.eyebrow){max-width:820px;color:var(--muted);font-size:1.08rem}.geo-answer>p strong{color:var(--ink)}.geo-answer dl{margin:34px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.geo-answer dl div{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px}.geo-answer dt{margin-bottom:5px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--violet)}.geo-answer dd{margin:0;font-weight:700}.editorial-note{font-size:.78rem!important}
.free-pages{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.free-copy>p:not(.eyebrow){max-width:480px;color:var(--muted);font-size:1.05rem}.sample-grid{display:grid;gap:12px}.sample-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}.sample-grid article>span{color:var(--violet);font-size:.72rem;font-weight:800}.sample-grid h3{margin:9px 0 4px;font-size:1.2rem}.sample-grid p{margin:0;color:var(--muted)}.sample-grid b{color:var(--ink)}
.use-cases h2{max-width:850px}.question-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.question-grid p{margin:0;padding:34px;background:var(--ink);color:#fff;border-radius:18px;font-family:"Lora",serif;font-size:1.35rem}
.checkout{width:min(calc(100% - 48px),var(--max));margin:0 auto 100px;padding:52px;display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center;background:var(--ink);color:#fff;border-radius:28px}.checkout .eyebrow{color:#b9c3d2}.checkout h2{font-size:clamp(2.8rem,5vw,4.8rem)}.checkout>div>p:not(.eyebrow){color:#c4ccda}.price{font-size:3rem;font-weight:800}.price small{font-size:.85rem;color:#b7c0ce}.checkout-action{padding:18px;background:#fff;border-radius:18px}.checkout-action .button{width:100%;font-size:1rem}.checkout-action p{margin:12px 4px 0;color:var(--muted)!important;font-size:.76rem;text-align:center}
.faq{max-width:820px}.faq-list{margin-top:38px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{position:relative;padding:22px 40px 22px 0;cursor:pointer;list-style:none;font-weight:700}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:8px;color:var(--violet);font-size:1.3rem}details[open] summary::after{content:"–"}details p{margin:-3px 0 22px;color:var(--muted)}
.legal{padding:50px 0 80px;display:grid;grid-template-columns:1.2fr 1.2fr .7fr;gap:35px}.legal h2{font-size:.95rem}.legal p{color:var(--muted);font-size:.84rem}footer{padding:34px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:auto 1fr;gap:8px 32px;background:#eef0eb;border-top:1px solid var(--line)}footer p{margin:0;color:var(--muted)}footer nav,footer small{grid-column:2}footer nav{display:flex;gap:18px}footer small{color:#7d8795}.mobile-buy{display:none}
@media(max-width:760px){body{padding-bottom:70px}.site-header,.hero,.inside,.free-pages,.use-cases,.checkout,.faq,.legal,.geo-answer{width:calc(100% - 32px)}.site-header{height:52px}.wordmark{font-size:1.15rem}.menu-button{display:block;width:36px;height:36px;padding:5px}.menu-button span{height:2px;margin:5px 0}.site-header nav{position:absolute;top:48px;right:0;display:none;padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(20,30,44,.12)}.site-header nav.open{display:grid}.hero{padding:9px 0 50px}.eyebrow{margin-bottom:9px;font-size:.56rem;letter-spacing:.2em}.hero h1{font-size:2.72rem;line-height:.95}.hero h1 br{display:none}.hero-lead{max-width:350px;margin:12px auto 12px;font-size:.9rem;line-height:1.35}.language-picker{margin:6px auto 15px;padding:9px 10px;grid-template-columns:1fr 1fr;gap:2px 8px}.language-picker select{min-height:38px}.language-picker span{font-size:.6rem}.preview-stack{height:360px;margin-left:-16px;margin-right:-16px;overflow:hidden}.preview-page{top:18px;width:61%;height:285px;padding:13px 12px}.preview-page h2{margin:9px 0 2px;font-size:.88rem}.page-label{gap:7px;font-size:.39rem}.page-label b{font-size:.63rem}.page-sub{margin-bottom:7px;font-size:.47rem}.page-left{left:-20%;transform:rotate(-8deg)}.page-center{left:19.5%;top:0}.page-right{right:-20%}.message,.prompt{padding:6px;border-radius:10px;font-size:.58rem}.message small,.prompt small,.tone-row small,.reply-list small{font-size:.4rem}.down-arrow{font-size:.9rem;line-height:1}.note{font-size:.58rem}.tone-row{gap:4px;margin:6px 0}.message.mini{padding:5px;font-size:.5rem}.tone-row p{padding-left:9px;font-size:.47rem}.dot{width:6px;height:6px}.reply-list li{grid-template-columns:15px 1fr;margin:4px 0}.reply-list li::before{width:13px;height:13px;font-size:.4rem}.reply-list div{padding:5px;font-size:.44rem}.guide-cover{bottom:0;width:52%;height:168px;border-width:4px}.hero-actions{margin-top:-2px;gap:8px}.button{min-height:46px;border-radius:13px;font-size:.92rem}.primary span{margin-left:10px;font-size:1.25rem}.product-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:1px 6px;margin-top:12px;font-size:.65rem}.product-facts span{margin:0}.inside,.free-pages,.use-cases,.faq,.geo-answer{padding:62px 0}.inside h2,.free-pages h2,.use-cases h2,.faq h2,.geo-answer h2{font-size:2.75rem}.geo-answer dl{grid-template-columns:1fr}.contents-card{margin-top:32px;padding:0 18px}.contents-card>div{padding:15px 0;grid-template-columns:38px 1fr;gap:1px 4px}.contents-card span{grid-column:2;font-size:.8rem}.free-pages{grid-template-columns:1fr;gap:28px}.question-grid{grid-template-columns:1fr;margin-top:28px}.question-grid p{padding:24px}.checkout{margin-bottom:72px;padding:30px 20px;grid-template-columns:1fr;gap:28px;border-radius:20px}.checkout h2{font-size:2.7rem}.checkout-action{padding:12px}.legal{grid-template-columns:1fr;padding:44px 0 64px}footer{grid-template-columns:1fr;padding:28px 20px}footer nav,footer small{grid-column:1}.mobile-buy{position:fixed;z-index:50;left:0;right:0;bottom:0;min-height:68px;padding:8px max(14px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:10px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(22,29,42,.1);backdrop-filter:blur(12px)}.mobile-buy>div{display:grid;line-height:1.1}.mobile-buy b{font-size:1.35rem}.mobile-buy span{color:var(--muted);font-size:.61rem}.mobile-buy .button{min-height:46px;padding:0 10px;font-size:.8rem;border-width:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}
@media(max-width:760px){.site-header{height:48px}.site-header nav{top:46px}.hero{padding-top:5px;padding-bottom:44px}.hero>.eyebrow{margin-bottom:7px}.hero h1{font-size:2.4rem}.hero h1 br{display:block}.hero-lead{max-width:340px;margin:9px auto;font-size:.88rem}}
@media(max-width:760px){.site-header{height:42px}.site-header nav{top:42px}.hero{padding-top:0;padding-bottom:34px}.hero>.eyebrow{margin-bottom:5px}.hero-lead{margin:6px auto}.preview-stack{height:315px}.preview-page{top:10px;height:260px}.page-center{top:0}.guide-cover{height:150px}.hero-actions{margin-top:0}.product-facts{margin-top:9px}}
.products{width:min(calc(100% - 48px),var(--max));margin:auto;padding:100px 0;border-top:1px solid var(--line)}.products h2{margin:0;font-size:clamp(3rem,6vw,5.6rem);letter-spacing:-.055em;line-height:.96}.products-head{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}.products-head>p{max-width:390px;margin:0 0 7px;color:var(--muted);font-size:1.08rem}.product-grid{margin-top:52px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-card{position:relative;display:grid;grid-template-columns:180px 1fr;gap:28px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 35px rgba(20,30,44,.05)}.product-card.featured{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--lime)}.popular{position:absolute;z-index:2;top:-14px;right:18px;padding:6px 12px;background:var(--lime);border:1px solid var(--ink);border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.08em}.mini-cover{min-height:258px;padding:18px;display:flex;flex-direction:column;background:#e9ffc2;border:2px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--ink)}.mini-cover small{font-weight:800}.mini-cover strong{margin:auto 0;font-size:1.55rem;line-height:.94;letter-spacing:-.05em}.mini-cover span{font-size:.7rem}.navy-cover{background:var(--ink);color:#fff;box-shadow:6px 6px 0 var(--lime)}.coral-cover{background:#ffd0c9}.violet-cover{background:#ddd7ff}.product-copy{display:flex;flex-direction:column}.tier{margin:2px 0 6px;color:var(--violet);font-size:.66rem;font-weight:800;letter-spacing:.12em}.product-copy h3{margin:0;font-size:1.45rem;line-height:1.05;letter-spacing:-.04em}.product-copy>p:not(.tier){margin:9px 0;color:var(--muted);font-size:.88rem}.product-copy ul{margin:2px 0 13px;padding-left:18px;color:var(--muted);font-size:.8rem}.product-price{margin-top:auto;display:flex;align-items:end;gap:10px}.product-price b{font-size:2rem;line-height:1}.product-price span{color:var(--muted);font-size:.72rem}.product-button{min-height:44px;margin-top:13px;border-radius:12px;font-size:.83rem}.catalog-note{max-width:690px;margin:25px auto 0;color:var(--muted);font-size:.78rem;text-align:center}
@media(max-width:760px){.products{width:calc(100% - 32px);padding:62px 0}.products h2{font-size:2.75rem}.products-head{grid-template-columns:1fr;gap:18px}.products-head>p{font-size:.92rem}.product-grid{margin-top:30px;grid-template-columns:1fr;gap:16px}.product-card{grid-template-columns:112px 1fr;gap:18px;padding:16px;border-radius:18px}.mini-cover{min-height:190px;padding:12px;border-radius:8px;box-shadow:4px 4px 0 var(--ink)}.mini-cover strong{font-size:1.05rem}.mini-cover span{font-size:.58rem}.product-copy h3{font-size:1.2rem}.product-copy>p:not(.tier){font-size:.76rem}.product-copy ul{font-size:.72rem}.product-price b{font-size:1.6rem}.product-button{min-height:40px;margin-top:9px}.popular{top:-11px;right:10px}}
