:root{--ink:#11162f;--muted:#737b95;--violet:#7650ff;--purple:#9a4dff;--blue:#4fc7ed;--line:#e8e8f2;--cream:#fbf9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:76px;display:flex;align-items:center;position:relative;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,24,50,.05)}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}.logo-wrap,.footer-logo{transition:transform .35s ease,filter .35s ease}.logo-wrap:hover,.footer-logo:hover{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 8px 18px rgba(118,80,255,.24))}.custom-logo{max-height:46px;width:auto}.brand-word{font:700 25px Georgia,serif;display:flex;align-items:center;gap:8px}.brand-mark{color:var(--violet);display:inline-block;transition:transform .5s}.logo-wrap:hover .brand-mark,.footer-logo:hover .brand-mark{transform:rotate(180deg)}.desktop-nav{display:flex;gap:30px;font-size:14px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--violet),var(--blue));transition:.3s}.desktop-nav a:hover:after{right:0}.nav-cta,.primary{background:linear-gradient(120deg,#6747f6,#a147f4);color:#fff;padding:14px 21px;border-radius:999px;font-weight:700;box-shadow:0 12px 35px rgba(118,80,255,.2);transition:.3s}.nav-cta:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(118,80,255,.32)}.menu-btn,.mobile-menu{display:none}
.hero{min-height:690px;position:relative;display:flex;align-items:center;padding:48px 0 70px;background:linear-gradient(135deg,#fff 0%,#fbf9ff 50%,#f5fbff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.eyebrow{display:block;font-size:12px;letter-spacing:.2em;font-weight:800;color:var(--violet);margin-bottom:20px}.hero h1,.section-head h2,.how-title h2,.feature-copy h2,.draft-copy h2,.final-cta h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;line-height:.94;margin:0}.hero h1{font-size:clamp(54px,6vw,86px)}em{font-weight:400;color:var(--violet)}.hero-copy>p{font-size:18px;line-height:1.8;color:var(--muted);max-width:610px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{font-weight:700}.trustline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px;font-size:12px;color:#73798c}.trustline i{width:4px;height:4px;background:#aab0c2;border-radius:50%}.hero-orb{position:absolute;border-radius:50%;filter:blur(5px);opacity:.35;animation:float 8s ease-in-out infinite}.orb-a{width:420px;height:420px;background:#d8caff;right:-150px;top:-130px}.orb-b{width:240px;height:240px;background:#bdeeff;left:42%;bottom:-130px;animation-delay:-3s}.film{background:#101426;border-radius:30px;padding:14px;box-shadow:0 35px 80px rgba(25,20,70,.2);transform:rotate(1.2deg);transition:.5s}.film:hover{transform:rotate(0) translateY(-5px)}.film-top{height:38px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:12px}.live-dot{letter-spacing:.14em;color:#b9b5d0}.film-stage{aspect-ratio:16/10;position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 70% 25%,#7352a8 0,transparent 30%),linear-gradient(145deg,#2b203f,#131526 65%,#1d3850)}.invite-screen{position:absolute;inset:8% 11%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.04);backdrop-filter:blur(2px)}.invite-screen small{letter-spacing:.25em;font-size:8px}.invite-screen h3{font:italic 44px Georgia,serif;margin:10px 0 3px}.invite-screen h3 em{color:#e8c7ff}.invite-screen p{font-size:10px;letter-spacing:.18em}.mini-photo{height:48px;width:110px;margin:8px;border-radius:50%;background:linear-gradient(90deg,#a985b2,#d9bfae);filter:blur(.2px);opacity:.7}.fake-btn{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08);border-radius:99px;padding:7px 13px;font-size:9px}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--violet);font-size:22px;box-shadow:0 0 0 12px rgba(255,255,255,.1);cursor:pointer;transition:.3s}.play:hover{transform:translate(-50%,-50%) scale(1.08)}.film-caption{position:absolute;left:22px;bottom:18px;color:#fff;display:flex;flex-direction:column}.film-caption span{font-size:11px;opacity:.7}.section{padding:115px 0}.section-head{display:grid;grid-template-columns:1.2fr .65fr;gap:80px;align-items:end;margin-bottom:70px}.section-head h2,.how-title h2,.draft-copy h2{font-size:clamp(44px,5vw,68px)}.section-head p{line-height:1.8;color:var(--muted)}.template-flow{display:flex;flex-direction:column;gap:100px}.template-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.template-feature.reverse{grid-template-columns:.75fr 1.25fr}.template-feature.reverse .template-art{order:2}.template-art{min-height:520px;border-radius:48% 52% 44% 56%/54% 40% 60% 46%;display:grid;place-items:center;position:relative;overflow:hidden;transition:.5s}.template-art:hover{border-radius:42% 58% 55% 45%/45% 55% 45% 55%;transform:scale(1.01)}.lux{background:radial-gradient(circle at 20% 20%,#8c78bd,transparent 30%),linear-gradient(145deg,#10162c,#283f60)}.editorial{background:linear-gradient(145deg,#f0e6db,#faf8f2)}.botanical{background:radial-gradient(circle at 20% 20%,#d6d8bd,transparent 30%),linear-gradient(145deg,#788a69,#b9b99b)}.phone-card,.paper,.botanical-copy{width:48%;min-width:250px;aspect-ratio:.62;background:rgba(255,255,255,.92);box-shadow:0 30px 60px rgba(0,0,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.phone-card{border-radius:34px;background:linear-gradient(180deg,#101525,#252c42);color:#fff;border:7px solid #0c1020}.phone-card strong,.paper strong,.botanical-copy strong{font:42px Georgia,serif;margin:18px 0}.phone-card small,.paper small,.botanical-copy small{letter-spacing:.22em;font-size:8px}.paper{border:1px solid #d9cfc1}.botanical-copy{background:rgba(248,246,230,.9);border-radius:50% 50% 8px 8px}.botanical-copy i{color:#7d896a}.template-info .tag{font-size:10px;letter-spacing:.18em;color:var(--violet);font-weight:800}.template-info h3{font:52px Georgia,serif;margin:10px 0 12px}.template-info p{color:var(--muted);line-height:1.75}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.chips span{font-size:11px;border-bottom:1px solid #cbc7d9;padding:6px 0;margin-right:12px}.template-info>a{font-weight:800;color:var(--violet)}.center{text-align:center;margin-top:70px}.secondary{display:inline-block;border:1px solid #cbcddd;border-radius:99px;padding:14px 22px;font-weight:700}.how{background:#fbfaff}.how-title{max-width:650px;margin-bottom:70px}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;position:relative}.journey-line{position:absolute;left:4%;right:4%;top:48px;height:1px;background:linear-gradient(90deg,#7454ff,#54c5e9)}.step{position:relative;padding-top:0}.step>b{font:italic 38px Georgia,serif;color:#dedbef}.step-dot{width:14px;height:14px;border:4px solid #fff;background:var(--violet);box-shadow:0 0 0 1px #bcb5ee;border-radius:50%;margin:17px 0 34px;position:relative;z-index:2}.step h3{font:26px Georgia,serif;margin:0 0 12px}.step p{color:var(--muted);line-height:1.7;font-size:14px}.feature-showcase{background:#11152c;color:#fff;padding:120px 0;overflow:hidden}.feature-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.eyebrow.light{color:#a99bff}.feature-copy{position:sticky;top:120px;align-self:start}.feature-copy h2{font-size:clamp(44px,5vw,68px)}.feature-copy h2 em{color:#9d8cff}.feature-copy p{color:#aab0c8;line-height:1.8;max-width:400px}.ghost{display:inline-block;margin-top:20px;color:#c6bcff;font-weight:700}.marquee{border-block:1px solid rgba(255,255,255,.12);padding:14px 0;overflow:hidden;white-space:nowrap;color:#b9adff;font-size:12px;letter-spacing:.14em}.marquee div{display:inline-block;animation:marquee 20s linear infinite}.feature-lines>div{display:grid;grid-template-columns:45px 1fr 1.2fr;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.1);transition:.3s}.feature-lines>div:hover{padding-left:10px;background:linear-gradient(90deg,rgba(118,80,255,.08),transparent)}.feature-lines span{color:#777e9c;font-size:11px}.feature-lines b{font:20px Georgia,serif}.feature-lines p{color:#939ab4;font-size:13px;line-height:1.5;margin:0}.draft-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.draft-visual{position:relative;display:grid;place-items:center;min-height:590px;background:radial-gradient(circle,#eee9ff 0,transparent 60%)}.preview-label{position:absolute;top:20px;left:20px;font-size:10px;letter-spacing:.16em;color:#7e73a9}.preview-device{width:280px;background:#15172a;padding:9px;border-radius:38px;box-shadow:0 35px 80px rgba(37,31,72,.25);position:relative;transform:rotate(-3deg)}.preview-inner{height:500px;border-radius:30px;background:#f8f2ec;text-align:center;padding:50px 22px;color:#302637}.preview-inner h3{font:35px Georgia,serif;margin:15px 0}.preview-inner small{letter-spacing:.18em;font-size:8px}.preview-img{height:240px;border-radius:140px 140px 20px 20px;background:linear-gradient(160deg,#b89b8c,#e7d1c4 45%,#786b6d);margin:25px 0}.preview-inner p{font-size:10px;letter-spacing:.18em}.watermark{position:absolute;inset:45% -20px auto;transform:rotate(-20deg);background:rgba(117,80,255,.82);color:#fff;text-align:center;padding:8px;font-weight:800;letter-spacing:.2em}.draft-copy>p{font-size:17px;color:var(--muted);line-height:1.8;max-width:600px}.checkrow{display:flex;flex-wrap:wrap;gap:18px;margin:25px 0 35px;color:#5e6479;font-size:13px}.final-cta{text-align:center;padding:110px 0;background:linear-gradient(120deg,#7550ff,#a347ed 55%,#46bfe9);color:#fff}.final-cta span{font-size:11px;letter-spacing:.2em}.final-cta h2{font-size:clamp(50px,6vw,80px);margin:18px 0 35px}.final-cta h2 em{color:#fff}.white-btn{display:inline-block;background:#fff;color:#4f36bd;padding:16px 25px;border-radius:99px;font-weight:800}.footer{padding:70px 0 20px;background:#0c1021;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer p{color:#9299b1;line-height:1.7;max-width:390px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid a{color:#aeb4c7;font-size:14px}.footline{border-top:1px solid rgba(255,255,255,.08);margin-top:50px;padding-top:20px;color:#72798f;font-size:12px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}@keyframes float{50%{transform:translateY(25px) translateX(-15px)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:800px){.shell{width:min(100% - 32px,620px)}.site-header{height:68px}.desktop-nav,.nav-cta{display:none}.menu-btn{display:block;border:0;background:#f5f3fb;width:42px;height:42px;border-radius:13px;font-size:20px}.mobile-menu{position:absolute;top:68px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:0 18px 45px rgba(20,20,60,.12)}.mobile-menu.open{display:flex;flex-direction:column}.mobile-menu a{padding:12px}.hero{min-height:auto;padding:34px 0 62px}.hero-grid,.section-head,.template-feature,.template-feature.reverse,.feature-grid,.draft-grid,.footer-grid{grid-template-columns:1fr}.hero-grid{gap:42px}.hero h1{font-size:clamp(46px,13vw,64px)}.hero-copy>p{font-size:16px;margin:22px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.trustline{gap:9px}.film{transform:none;border-radius:22px}.film-stage{aspect-ratio:4/3}.invite-screen h3{font-size:32px}.play{width:58px;height:58px}.section{padding:78px 0}.section-head{gap:20px;margin-bottom:50px}.section-head h2,.how-title h2,.draft-copy h2,.feature-copy h2{font-size:44px}.template-flow{gap:70px}.template-feature,.template-feature.reverse{gap:28px}.template-feature.reverse .template-art{order:0}.template-art{min-height:420px;border-radius:38px}.phone-card,.paper,.botanical-copy{width:58%;min-width:210px}.template-info h3{font-size:40px}.journey{grid-template-columns:1fr;gap:0;padding-left:34px}.journey-line{left:6px;right:auto;top:0;bottom:0;width:1px;height:auto}.step{padding:0 0 40px}.step>b{font-size:28px}.step-dot{position:absolute;left:-34px;top:8px;margin:0}.step h3{font-size:24px}.feature-showcase{padding:80px 0}.feature-grid{gap:55px}.feature-copy{position:static}.feature-lines>div{grid-template-columns:32px 1fr}.feature-lines p{grid-column:2}.draft-grid{gap:45px}.draft-visual{min-height:520px}.preview-device{width:min(270px,78vw)}.footer-grid{gap:35px}.final-cta{padding:80px 0}.final-cta h2{font-size:48px}}
@media(max-width:380px){.shell{width:calc(100% - 24px)}.hero h1{font-size:42px}.section-head h2,.how-title h2,.draft-copy h2,.feature-copy h2{font-size:39px}.template-art{min-height:380px}.phone-card,.paper,.botanical-copy{min-width:190px}.trustline i{display:none}.trustline{flex-direction:column;align-items:flex-start}}