:root{--paper: #f3ead6;--paper-deep: #ece0c4;--card: #fbf4e4;--ink: #1c1a17;--ink-soft: #4a453d;--ink-faint: #8a7d6b;--blue: #2b3af5;--blue-deep: #1c27b8;--red: #ff4d3d;--red-deep: #c92f22;--mint: #2f9e6e;--line: 2.5px;--r: 3px;--maxw: 1160px;--sh-ink: 5px 5px 0 var(--ink);--sh-blue: 5px 5px 0 var(--blue);--sh-red: 5px 5px 0 var(--red);--serif: "DM Serif Display", Georgia, "Times New Roman", serif;--sans: "Archivo", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-weight:500;color:var(--ink);background-color:var(--paper);line-height:1.5;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08}em{font-style:italic}a{color:inherit}::selection{background:var(--blue);color:var(--paper)}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.1rem,3vw,2.6rem)}.halftone{background-image:radial-gradient(circle,currentColor 32%,transparent 33%);background-size:10px 10px}.topbar{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:var(--line) solid var(--ink)}.topbar .wrap{display:flex;align-items:center;gap:14px;height:66px}.brand{font-family:var(--sans);font-weight:900;font-size:1.5rem;letter-spacing:-.02em;text-transform:lowercase;color:var(--ink);background:none;border:none;cursor:pointer}.brand .dot{color:var(--red)}.spacer{flex:1}.credits-pill{display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:var(--paper);border:var(--line) solid var(--ink);border-radius:100px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;padding:6px 13px;box-shadow:3px 3px 0 var(--red)}.credits-pill b{font-variant-numeric:tabular-nums}.btn{font-family:var(--sans);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.03em;border:var(--line) solid var(--ink);border-radius:var(--r);padding:12px 20px;cursor:pointer;background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .13s ease,box-shadow .13s ease}.btn-primary{background:var(--blue);color:var(--paper);box-shadow:var(--sh-red)}.btn-primary:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--red)}.btn-primary:active{transform:translate(0);box-shadow:2px 2px 0 var(--red)}.btn-primary:disabled{background:#b9b09a;color:var(--paper);box-shadow:3px 3px 0 var(--ink-faint);cursor:not-allowed;transform:none}.btn-ghost{background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.btn-quiet{background:none;border-color:transparent;box-shadow:none;color:var(--ink-soft);padding:8px 10px;text-transform:none;letter-spacing:0;font-weight:700}.btn-quiet:hover{color:var(--red-deep)}.btn-lg{padding:15px 26px;font-size:15px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.input,.textarea,select.input{font-family:var(--sans);font-weight:600;font-size:16px;color:var(--ink);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);padding:12px 14px;width:100%;box-shadow:3px 3px 0 var(--blue);transition:box-shadow .13s ease,transform .13s ease}.input::placeholder,.textarea::placeholder{color:#96897a;font-weight:500}.input:focus,.textarea:focus,select.input:focus{outline:none;box-shadow:3px 3px 0 var(--red);transform:translate(-1px,-1px)}.textarea{resize:vertical;min-height:110px;line-height:1.5}.hint{font-size:13px;color:var(--ink-faint);font-weight:600}.error-text{color:var(--red-deep);font-size:14px;font-weight:700}.card{background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:var(--sh-ink)}.card-pad{padding:24px}.eyebrow{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;background:var(--blue);color:var(--paper);padding:.5em .9em;border-radius:100px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:100px;border:2px solid var(--ink)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge-pending{color:var(--blue-deep);background:#dfe1fb}.badge-sent{color:var(--mint);background:#d9efe4}.badge-failed{color:var(--red-deep);background:#fbe0dc}.badge-cancelled{color:var(--ink-faint);background:#eae1cf}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}.stagger>*{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.12s}.stagger>*:nth-child(3){animation-delay:.2s}@media (prefers-reduced-motion: reduce){*{animation:none!important}}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(2.4rem,6vw,4.5rem) 0 3rem}.hero-kicker{display:inline-flex;align-items:center;gap:.5em;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:var(--blue);color:var(--paper);border:var(--line) solid var(--ink);padding:6px 14px;border-radius:100px;margin-bottom:20px;box-shadow:3px 3px 0 var(--red)}.hero h1{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:1.4rem;text-shadow:-2px 1.5px 0 rgba(43,58,245,.55),2px -1.5px 0 rgba(255,77,61,.5)}.hero h1 em{color:var(--red-deep)}.hero .lede{font-size:clamp(1.02rem,1.6vw,1.18rem);color:var(--ink-soft);margin:0 0 1.8rem;max-width:32em;font-weight:500}.hero .lede b{color:var(--ink);font-weight:800}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero-note{font-size:13px;color:var(--ink-faint);margin-top:16px;font-weight:600}.hero-form{display:flex;gap:12px;width:100%;max-width:480px;flex-wrap:wrap}.hero-form .input{flex:1 1 220px;box-shadow:4px 4px 0 var(--blue)}.hero-form .input:focus{box-shadow:4px 4px 0 var(--red)}.phone-stage{display:flex;justify-content:center;position:relative}.phone-stage:before{content:"";position:absolute;z-index:0;top:-8%;right:2%;width:78%;height:82%;color:var(--red);background-image:radial-gradient(circle,currentColor 32%,transparent 33%);background-size:11px 11px;-webkit-mask-image:radial-gradient(circle at 55% 45%,#000 42%,transparent 70%);mask-image:radial-gradient(circle at 55% 45%,#000 42%,transparent 70%);opacity:.9}.phone{position:relative;z-index:1;width:min(84vw,290px);border-radius:30px;padding:12px;background:var(--ink);border:var(--line) solid var(--ink);box-shadow:9px 9px 0 var(--blue);transform:rotate(1.5deg)}.phone-screen{width:100%;height:560px;border-radius:20px;overflow:hidden;position:relative;background:var(--paper-deep);display:flex;flex-direction:column}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:96px;height:8px;background:var(--ink);border-radius:100px;z-index:3}.lock-time{text-align:center;color:var(--ink);margin-top:44px}.lock-time .t{font-family:var(--serif);font-size:58px;line-height:1}.lock-time .d{font-size:13px;margin-top:4px;font-weight:700;text-transform:capitalize;color:var(--ink-soft)}.lock-msgs{margin-top:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.sms{background:var(--card);border:var(--line) solid var(--ink);border-radius:14px;padding:12px 13px;box-shadow:4px 4px 0 var(--red);animation:rise .6s cubic-bezier(.2,.7,.2,1) both}.sms-head{display:flex;align-items:center;gap:9px;margin-bottom:7px}.sms-avatar{width:30px;height:30px;border-radius:50%;flex:none;background:var(--blue);color:var(--paper);display:grid;place-items:center;font-weight:800;font-size:12px;border:2px solid var(--ink)}.sms-name{font-weight:800;font-size:14px}.sms-time{margin-left:auto;font-size:11px;color:var(--ink-faint);font-weight:600}.sms-body{font-size:13.5px;color:var(--ink);line-height:1.42}.app-main{padding:30px 0 90px;display:grid;grid-template-columns:1.25fr .95fr;gap:28px;align-items:start}.section-title{font-family:var(--sans);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-title .n{font-family:var(--serif);color:var(--red-deep);font-size:20px}.stack{display:flex;flex-direction:column;gap:16px}.col{display:flex;flex-direction:column;gap:26px}.save-card{background:var(--card);position:relative;overflow:hidden}.number-plate{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--paper);border:var(--line) dashed var(--ink);border-radius:var(--r);padding:13px 15px;margin:14px 0 6px}.number-plate .num{font-family:var(--serif);font-size:24px;letter-spacing:.01em;font-variant-numeric:tabular-nums}.steps{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:10px}.steps li{display:flex;gap:11px;font-size:14px;color:var(--ink-soft);font-weight:600}.steps .k{flex:none;width:22px;height:22px;border-radius:50%;background:var(--red);color:var(--paper);font-weight:800;font-size:12px;display:grid;place-items:center;border:2px solid var(--ink)}.steps b{color:var(--ink)}.msg-row{display:flex;gap:13px;padding:15px 0;border-top:var(--line) solid var(--ink)}.msg-row:first-child{border-top:none}.msg-av{width:40px;height:40px;flex:none;border-radius:50%;background:var(--blue);color:var(--paper);display:grid;place-items:center;font-family:var(--serif);font-size:17px;border:2px solid var(--ink)}.msg-main{flex:1;min-width:0}.msg-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.msg-name{font-weight:800;font-size:15px}.msg-when{font-size:12px;color:var(--ink-faint);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.msg-body{color:var(--ink-soft);font-size:14.5px;margin-top:3px;overflow-wrap:anywhere;font-weight:500}.msg-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.empty{text-align:center;color:var(--ink-faint);padding:26px 10px;font-size:14px;font-weight:600}.empty .big{font-family:var(--serif);font-size:22px;color:var(--ink-soft);display:block;margin-bottom:6px}.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 14px}.pack{border:var(--line) solid var(--ink);border-radius:var(--r);padding:14px 10px;text-align:center;cursor:pointer;background:var(--paper);box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}.pack:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.pack.sel{background:var(--card);box-shadow:4px 4px 0 var(--red);transform:translate(-1px,-1px)}.pack .c{font-family:var(--serif);font-size:26px}.pack .p{font-size:12px;color:var(--ink-faint);font-weight:700}.auth-wrap{min-height:calc(100vh - 66px);display:grid;place-items:center;padding:40px 20px}.auth-card{width:100%;max-width:440px}.code-inputs{display:flex;gap:10px;justify-content:space-between}.code-inputs input{width:100%;text-align:center;font-family:var(--serif);font-size:30px;padding:12px 0;box-shadow:3px 3px 0 var(--blue)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:400;background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:100px;font-weight:700;font-size:14px;box-shadow:5px 5px 0 var(--blue);display:flex;align-items:center;gap:10px;border:var(--line) solid var(--ink)}.toast.err{box-shadow:5px 5px 0 var(--red)}.mock-ribbon{position:fixed;top:0;right:0;z-index:500;background:var(--red);color:var(--paper);font-size:11px;font-weight:800;letter-spacing:.1em;padding:4px 12px;border-bottom-left-radius:8px;text-transform:uppercase;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink)}.footer{border-top:var(--line) solid var(--ink);padding:24px 0;color:var(--ink-soft);font-size:13px;font-weight:600}.footer .wrap{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footer b,.footer .brand-inline{font-family:var(--serif);font-weight:400;font-size:18px}@media (max-width: 900px){.hero{grid-template-columns:1fr;gap:2.2rem;padding-top:2rem}.phone-stage{order:-1}.phone{transform:none}.app-main{grid-template-columns:1fr}}.social-grid{display:flex;flex-direction:column;gap:10px}.social-btn{width:100%;justify-content:flex-start;gap:12px;text-transform:none;letter-spacing:0;font-weight:700;font-size:15px;text-decoration:none}.social-icon{width:26px;height:26px;flex:none;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:-.02em}.sep{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--ink-faint);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.sep:before,.sep:after{content:"";flex:1;height:2px;background:var(--line, var(--ink));opacity:.25}.auth-links{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:16px;padding-top:14px;border-top:2px solid rgba(28,26,23,.12)}.cost-note{border:var(--line) solid var(--ink);border-radius:var(--r);padding:12px 14px;font-size:14px;line-height:1.45;font-weight:500}.cost-note.free{background:#e3efe7;box-shadow:3px 3px 0 var(--mint)}.cost-note.paid{background:#f7ecd8;box-shadow:3px 3px 0 var(--red)}.cost-note b{font-weight:800}.phone-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 0;border-top:var(--line) solid var(--ink)}.phone-row:first-child{border-top:none}.phone-row>:first-child{flex:1;min-width:0}.cost-tag{display:inline-block;margin-right:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:3px 9px;border-radius:100px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);vertical-align:1px}.cost-note.free .cost-tag{background:var(--mint);color:var(--paper)}.cost-note.paid .cost-tag{background:var(--red);color:var(--paper)}
