:root{--paper:#eae6df;--ink:#1d1d1d;--violet:#8748f7;--muted:#5f5d5b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);background-image:radial-gradient(circle at 9% 27%,#e2d8cb,transparent 37%),radial-gradient(circle at 92% 57%,#e4d9da,transparent 34%);font-family:Arial,Helvetica,sans-serif}body:before{position:fixed;inset:0;z-index:30;pointer-events:none;content:"";opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.skip{position:fixed;top:-60px;left:16px;z-index:50;padding:12px;background:#fff}.skip:focus{top:16px}
.site-header,.footer{width:min(1510px,calc(100% - 68px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brand{display:inline-flex;white-space:nowrap;font-size:25px;font-weight:900;letter-spacing:-.085em}.brand b{color:var(--violet)}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}nav a{padding:12px 0}nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.header-cta{padding:12px 19px;border:1px solid #b493f3;border-radius:100px;background:#bd9bf5;color:#1a1322;box-shadow:inset 0 1px 0 #fff8,0 4px 18px #8c55cf38;font-weight:800}.header-cta:hover{background:#d0b8ff}
main{width:min(1300px,calc(100% - 90px));margin:auto}.page-intro{position:relative;isolation:isolate;padding:75px 0 65px;max-width:100%}.page-intro:after{position:absolute;z-index:-1;content:"";right:-15px;top:10px;width:340px;height:240px;background:url('/assets/paint-purple-flyer.png') center/contain no-repeat;opacity:.4}.page-intro h1{max-width:900px;font:400 clamp(56px,7.8vw,112px)/.98 Georgia,serif;letter-spacing:-.065em}.page-intro>p{max-width:660px;margin-top:28px;font-size:21px;line-height:1.5}.page-intro .text-link{margin-top:25px}.text-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid var(--ink);font-size:15px;font-weight:700}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:54px 0;border-top:1px solid #28252240}.feature h2,.tools h2{font:400 clamp(36px,4.6vw,64px)/1.05 Georgia,serif;letter-spacing:-.045em}.feature p,.tools p{max-width:520px;margin-top:18px;font-size:18px;line-height:1.6;color:var(--muted)}.feature ul{padding-left:20px;margin:22px 0 0;line-height:1.6;font-size:16px}.feature li{margin-top:10px}.demo{display:flex;justify-content:center;padding:24px;background:#17151e;border-radius:22px;box-shadow:10px 12px 0 #8748f713}.demo video{display:block;width:auto;max-width:100%;height:440px;border-radius:15px;object-fit:contain}.feature:nth-of-type(odd) .demo{background:#d8d1c8}.tools{padding:55px 0 70px;border-top:1px solid #28252240}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:35px}.tool-grid h3{font-size:21px}.tool-grid p{font-size:16px;margin-top:12px}.story-layout{display:grid;grid-template-columns:1fr .9fr;gap:8%;align-items:center;padding:20px 0 85px}.story-layout img{width:100%;clip-path:circle(47%);filter:drop-shadow(4px 12px 12px #0003)}.story-copy p{font-size:21px;line-height:1.6;margin-bottom:24px}.story-copy .text-link{font-size:16px}.footer{min-height:120px;border-top:1px solid #28252230;font-size:14px}.footer nav{flex-wrap:wrap;font-weight:400}.footer nav a{text-decoration:underline;text-underline-offset:3px}
.waitlist-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:44px 30px 30px;border:1px solid #b493f3;border-radius:20px;background:#1b1720;color:#f6efe8;box-shadow:0 24px 100px #0006}.waitlist-dialog::backdrop{background:#0c0915b8;backdrop-filter:blur(5px)}.waitlist-dialog h2{font:400 clamp(38px,7vw,52px)/1.05 Georgia,serif;letter-spacing:-.04em}.wait-copy{margin-top:20px}.wait-copy>p{font-size:16px;line-height:1.5}.signup-form{display:grid;gap:10px;margin-top:22px}.signup-form label{font-size:14px}.signup-form input{width:100%;min-width:0;height:56px;padding:0 15px;border:1px solid #87758c;background:#ffffff0b;color:#fff;font-size:16px}.signup-form button{height:56px;padding:0 24px;border:2px solid #ad8bff;background:#ad8bff;color:#1c1720;font-weight:800}.signup-form button:hover{background:#c8b2ff}.signup-form button:disabled{cursor:wait;opacity:.65}.honey{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.form-status{min-height:25px;margin-top:13px;color:#e7c7c7;font-size:14px;line-height:1.5}.form-status.success{color:#d9efd9}.form-status a,.wait-note a{text-decoration:underline}.wait-note{margin-top:13px;color:#b5aab8;font-size:13px;line-height:1.4}.waitlist-close{position:absolute;top:9px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#f6efe8;font-size:28px}.waitlist-close:hover{background:#ffffff15}body:has(.waitlist-dialog[open]){overflow:hidden}
@media(max-width:700px){.site-header,.footer{width:calc(100% - 32px);gap:8px}.brand{font-size:22px}nav{gap:12px;font-size:12px}.header-cta{padding:10px;font-size:12px}main{width:calc(100% - 40px)}.page-intro{padding:45px 0}.page-intro h1{font-size:clamp(49px,12vw,80px)}.page-intro>p{font-size:18px}.page-intro:after{width:190px;right:0;opacity:.25}.feature{grid-template-columns:1fr;gap:30px;padding:38px 0}.demo video{height:380px}.tool-grid,.story-layout{grid-template-columns:1fr}.tool-grid{gap:26px}.story-layout{gap:20px;padding-bottom:50px}.story-layout img{max-width:420px;margin:auto;grid-row:1}.story-copy p{font-size:19px}.footer{align-items:flex-start;flex-direction:column;padding:26px 0;gap:16px}.footer nav{gap:16px}.waitlist-dialog{padding:48px 24px 25px}}
@media(max-width:380px){.site-header .brand{font-size:19px}.site-header nav{gap:9px}.header-cta{max-width:106px;text-align:center}}
@media(max-width:700px){.site-header{min-height:104px;flex-wrap:wrap;padding:14px 0;gap:6px}.site-header nav{width:100%;justify-content:space-between;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.reader-questions{position:relative;padding:65px 0 55px;border-top:1px solid #28252230}
    .questions-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}
    .reader-questions h2{max-width:420px;font:400 clamp(40px,4.5vw,64px)/1.05 Georgia,serif;letter-spacing:-.05em}
    .question-list details{border-bottom:1px solid #28252230}
    .question-list details:first-child{border-top:1px solid #28252230}
    .question-list summary{position:relative;cursor:pointer;padding:22px 35px 22px 0;list-style:none;font-size:18px;font-weight:700;line-height:1.35}
    .question-list summary::-webkit-details-marker{display:none}.question-list summary:after{position:absolute;right:4px;top:20px;content:'+';color:var(--violet);font-size:25px;font-weight:400}.question-list details[open] summary:after{content:'−'}
    .question-list p{max-width:590px;margin:0;padding:0 28px 24px 0;font-size:16px;line-height:1.6;color:var(--muted)}.question-list p a{text-decoration:underline;text-underline-offset:3px}
    .question-contact{margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;border:1px solid #8748f730;border-radius:14px;background:#ded2ec60}
    .question-contact p{font-size:17px;line-height:1.5}.question-contact a{min-height:44px;display:inline-flex;align-items:center;font-size:clamp(16px,2vw,23px);font-weight:700;letter-spacing:-.03em;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
    .waitlist-dialog .wait-note{margin-top:7px}.waitlist-dialog .form-status:empty{min-height:0;margin:0}.waitlist-dialog .signup-form input,.waitlist-dialog .signup-form button{border-radius:8px}.waitlist-dialog .signup-form input:focus{outline:2px solid #b49af5;outline-offset:2px}@media(max-width:700px){.reader-questions{padding:45px 0}.questions-grid{grid-template-columns:1fr;gap:30px}.question-contact{align-items:flex-start;flex-direction:column;gap:8px;padding:20px}.question-list summary{font-size:17px}}
.contact-section{padding:35px 0 55px}.contact-section .question-contact{margin-top:0}
.header-cta{border:1px solid #e1d1ff;border-radius:7px;background:linear-gradient(#d7c2f5,#b89cde);box-shadow:inset 0 2px 0 #ffffffb3,inset 2px 0 0 #ffffff40,inset -2px 0 0 #70508b22,0 5px 0 #73548f,0 7px 0 #4a355c,0 10px 14px #30213c30;color:#24182f;text-shadow:0 1px 0 #ffffff55;transition:transform .14s ease,box-shadow .14s ease}
.header-cta:hover{border-color:#ecddff;background:linear-gradient(#e2d0fc,#c4a9e9);color:#24182f;transform:translateY(-1px);box-shadow:inset 0 2px 0 #fff,inset 2px 0 0 #ffffff40,0 6px 0 #73548f,0 8px 0 #4a355c,0 11px 16px #30213c38}
.header-cta:active{transform:translateY(5px);box-shadow:inset 0 1px 0 #ffffffa6,0 1px 0 #73548f,0 2px 0 #4a355c,0 4px 7px #30213c30}
