/* ChurchLedger — site stylesheet (design tokens and layout carried over from the original page) */
:root{
  --ink:#1c1130; --ink-soft:#4a3d63; --paper:#faf7fb; --paper-raised:#ffffff; --line:#e2d9f0;
  --purple-deep:#1e0b4a; --purple-deep-2:#341873; --purple:#5b21b6; --purple-mist:#efe8fb;
  --gold:#f0a800; --gold-bright:#ffcf4d; --gold-deep:#8a5700; --good:#1f7a4d;
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;
  --font-body:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --shadow-card:0 30px 60px -20px rgba(30,11,74,0.25);
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --ink:#f1ecfb; --ink-soft:#c3b6e0; --paper:#160a33; --paper-raised:#1f1044; --line:#38235f; --purple-mist:#2a1660; --gold-deep:#ffd370; --good:#4ade80; color-scheme: dark; }
}
:root[data-theme="dark"]{ --ink:#f1ecfb; --ink-soft:#c3b6e0; --paper:#160a33; --paper-raised:#1f1044; --line:#38235f; --purple-mist:#2a1660; --gold-deep:#ffd370; --good:#4ade80; color-scheme: dark; }

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
button{font-family:inherit;}
h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;text-wrap:balance;}
em{font-style:italic;color:var(--gold-deep);}
p{margin:0;}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
.eyebrow{font-family:var(--font-mono);font-weight:600;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 18px;}
.tnum{font-variant-numeric:tabular-nums;}
[id]{scroll-margin-top:80px;}
.skip-link{position:absolute;left:16px;top:-60px;z-index:1000;background:var(--purple-deep);color:#fff;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none;}
.skip-link:focus{top:14px;}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px;}
[hidden]{display:none !important;}

/* Nav */
#topnav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:rgba(30,11,74,0);transition:background .35s ease, box-shadow .35s ease, padding .35s ease;}
#topnav.solid,#topnav.open{background:rgba(20,9,48,0.86);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 rgba(255,255,255,0.08);padding:10px 32px;}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:20px;color:#fff;text-decoration:none;}
.brand img{height:30px;width:auto;}
.brand .gold{color:var(--gold-bright);}
.navlinks{display:flex;align-items:center;gap:30px;}
.navlinks a{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,0.78);text-decoration:none;transition:color .2s;}
.navlinks a:hover{color:#fff;}
.navlinks a.nav-cta{font-weight:600;letter-spacing:.06em;background:var(--gold-bright);color:var(--purple);padding:9px 18px;border-radius:100px;box-shadow:0 6px 18px -6px rgba(240,168,0,0.55);transition:transform .2s, box-shadow .2s;}
.navlinks a.nav-cta:hover{color:var(--purple);transform:translateY(-1px);box-shadow:0 10px 22px -6px rgba(240,168,0,0.7);}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,0.3);border-radius:10px;background:rgba(255,255,255,0.08);color:#fff;cursor:pointer;place-items:center;}
.nav-toggle svg{width:22px;height:22px;}
.nav-toggle .icon-close{display:none;}
.nav-toggle[aria-expanded="true"] .icon-menu{display:none;}
.nav-toggle[aria-expanded="true"] .icon-close{display:block;}
@media (max-width:860px){
  .nav-toggle{display:grid;}
  .navlinks{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(20,9,48,0.97);padding:6px 32px 20px;border-bottom:1px solid rgba(255,255,255,0.1);}
  .navlinks.is-open{display:flex;}
  .navlinks a{padding:14px 2px;border-bottom:1px solid rgba(255,255,255,0.08);font-size:14px;}
  .navlinks a.nav-cta{margin-top:14px;text-align:center;border-bottom:none;}
}

/* Hero */
#hero{position:relative;padding:168px 0 120px;color:#fff;overflow:hidden;
  background:radial-gradient(1100px 620px at 82% -10%, rgba(255,207,77,0.16), transparent 60%),radial-gradient(900px 700px at 10% 10%, rgba(91,33,182,0.35), transparent 55%),linear-gradient(160deg, var(--purple-deep) 0%, var(--purple-deep-2) 62%, #2a1160 100%);}
#hero::before{content:"";position:absolute;right:-6%;bottom:-14%;width:640px;height:640px;background-image:linear-gradient(rgba(255,255,255,0.05), rgba(255,255,255,0.05)),repeating-linear-gradient(90deg, rgba(255,255,255,0.045) 0 46px, transparent 46px 64px);clip-path:polygon(0% 100%, 14% 62%, 28% 78%, 44% 40%, 58% 58%, 74% 22%, 88% 40%, 100% 6%, 100% 100%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative;z-index:1;}
.hero-copy h1{font-size:clamp(46px,7vw,92px);line-height:1.0;letter-spacing:-.01em;color:#fff;margin-bottom:22px;}
.hero-copy h1 em{color:var(--gold-bright);}
.hero-copy .eyebrow{color:var(--gold-bright);}
.hero-sub{font-size:18px;color:rgba(255,255,255,0.82);max-width:46ch;margin-bottom:34px;text-wrap:pretty;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15.5px;padding:14px 26px;border-radius:100px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .2s ease, box-shadow .2s ease, background .2s ease;}
.btn-gold{background:var(--gold-bright);color:#241041;box-shadow:0 10px 24px -8px rgba(240,168,0,0.6);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 30px -8px rgba(240,168,0,0.75);}
.btn-ghost-dark{background:transparent;border-color:rgba(255,255,255,0.32);color:#fff;}
.btn-ghost-dark:hover{background:rgba(255,255,255,0.08);}
.btn-ghost-light{background:transparent;border-color:var(--line);color:var(--ink);}
.btn-ghost-light:hover{background:var(--purple-mist);}
.btn-solid{background:var(--purple);color:#fff;box-shadow:0 10px 24px -8px rgba(91,33,182,0.5);}
.btn-solid:hover{transform:translateY(-2px);}

.device{position:relative;border-radius:14px;overflow:hidden;background:#0f0b22;box-shadow:var(--shadow-card), 0 0 0 1px rgba(255,255,255,0.06);transform:perspective(1400px) rotateY(-9deg) rotateX(3deg) rotate(0.4deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.device:hover{transform:perspective(1400px) rotateY(-4deg) rotateX(1.5deg) rotate(0.2deg);}
.device-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#181030;}
.device-bar .dot{width:9px;height:9px;border-radius:50%;}
.device-bar .dot:nth-child(1){background:#ff5f57;}
.device-bar .dot:nth-child(2){background:#febc2e;}
.device-bar .dot:nth-child(3){background:#28c840;}
.device-url{margin-left:10px;font-family:var(--font-mono);font-size:11px;color:#9a8fc0;background:#241a45;padding:3px 12px;border-radius:6px;flex:1;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.device img{display:block;width:100%;}
.hero-device-wrap{position:relative;}
.hero-glow{position:absolute;inset:-60px;background:radial-gradient(closest-side, rgba(255,207,77,0.28), transparent 70%);filter:blur(10px);z-index:0;}

.tape{border-top:1px solid rgba(255,255,255,0.14);border-bottom:1px solid rgba(255,255,255,0.14);background:rgba(0,0,0,0.18);overflow:hidden;white-space:nowrap;margin-top:64px;position:relative;z-index:1;}
.tape-track{display:inline-flex;animation:scrollTape 34s linear infinite;padding:14px 0;}
.tape-item{font-family:var(--font-mono);font-size:13px;color:rgba(255,255,255,0.85);padding:0 30px;border-right:1px solid rgba(255,255,255,0.18);letter-spacing:.02em;}
.tape-item b{color:var(--gold-bright);font-weight:600;}
@keyframes scrollTape{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* Sections */
section{padding:118px 0;position:relative;}
.section-light{background:var(--paper);}
.section-raised{background:var(--paper-raised);}
.section-head{max-width:640px;margin-bottom:64px;}
.section-head h2{font-size:clamp(34px,5vw,58px);line-height:1.05;color:var(--ink);}
.section-head p{font-size:17px;color:var(--ink-soft);margin-top:18px;max-width:52ch;}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease;}
.reveal.in{opacity:1;transform:translateY(0);}
.no-js .reveal{opacity:1;transform:none;}

/* Pricing */
.pricing-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;margin-bottom:56px;}
.pricing-photo{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-card);aspect-ratio:900/1398;max-height:560px;margin:0 auto;}
.pricing-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;}
.pricing-photo-tag{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(28,17,48,0.72);backdrop-filter:blur(6px);color:#fff;font-size:13.5px;line-height:1.4;padding:14px 16px;border-radius:14px;}
.price-lede{display:flex;align-items:baseline;gap:18px;margin:10px 0 0;flex-wrap:wrap;}
.price-lede .big{font-family:var(--font-display);font-weight:700;font-size:clamp(52px,7vw,86px);line-height:1;color:var(--ink);}
.price-lede .cur{font-family:var(--font-body);font-weight:700;font-size:0.34em;vertical-align:top;margin-right:4px;color:var(--ink-soft);}
.price-lede .cap{font-size:16px;color:var(--ink-soft);max-width:32ch;}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.price-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:20px;padding:38px 34px;box-shadow:0 20px 50px -30px rgba(30,11,74,0.35);position:relative;overflow:visible;transition:transform .25s ease, box-shadow .25s ease;}
.price-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg, var(--purple), var(--purple-deep-2));}
.price-card:hover{transform:translateY(-3px);box-shadow:0 26px 60px -28px rgba(30,11,74,0.45);}
.price-card.full::before{background:linear-gradient(90deg, var(--gold-deep), var(--gold));}
.price-card.full{border-color:var(--gold-deep);}
.price-flag{position:absolute;top:-13px;right:28px;background:var(--gold);color:#241041;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:100px;}
.price-name{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:6px;}
.price-tag{color:var(--ink-soft);font-size:14.5px;margin-bottom:22px;}
.price-amt{font-family:var(--font-display);font-weight:700;font-size:44px;margin-bottom:4px;}
.price-amt span{font-size:16px;font-family:var(--font-body);font-weight:500;color:var(--ink-soft);}
.price-note{font-size:13px;color:var(--gold-deep);font-family:var(--font-mono);margin-bottom:26px;}
.price-feats{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-direction:column;gap:12px;}
.price-feats li{display:flex;gap:10px;font-size:14.5px;color:var(--ink);}
.price-feats li::before{content:"✓";color:var(--good);font-weight:700;flex-shrink:0;}
.price-card .btn{width:100%;justify-content:center;}

/* Split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
.split-copy h2{font-size:clamp(30px,4.4vw,50px);line-height:1.05;margin-bottom:18px;}
.split-copy p{color:var(--ink-soft);font-size:16.5px;max-width:44ch;margin-bottom:14px;}
.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.tag{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink-soft);padding:7px 13px;border-radius:100px;}
.p2d{display:flex;align-items:center;gap:18px;margin:26px 0 8px;}
.p2d .stub{width:74px;height:100px;border-radius:6px;border:1.5px dashed var(--line);background:repeating-linear-gradient(var(--paper-raised),var(--paper-raised) 11px, var(--line) 11px, var(--line) 12px);position:relative;flex-shrink:0;}
.p2d .stub::before{content:"OR";position:absolute;top:6px;left:8px;font-family:var(--font-mono);font-size:9px;color:var(--ink-soft);letter-spacing:.05em;}
.p2d .arrow{font-family:var(--font-mono);color:var(--gold-deep);font-size:20px;}
.p2d .pixel{width:74px;height:100px;border-radius:6px;background:var(--purple);position:relative;flex-shrink:0;box-shadow:0 10px 24px -10px rgba(91,33,182,0.6);}
.p2d .pixel::before{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;}

/* Dark grid */
#allinone{background:radial-gradient(900px 500px at 90% 0%, rgba(255,207,77,0.08), transparent 60%),linear-gradient(180deg, var(--purple-deep) 0%, #200d4c 100%);color:#fff;}
#allinone .section-head h2{color:#fff;}
#allinone .section-head p{color:rgba(255,255,255,0.72);}
#allinone .eyebrow{color:var(--gold-bright);}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.feat-card{background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:26px 24px;transition:transform .25s ease, background .25s ease, border-color .25s ease;}
.feat-card:hover{transform:translateY(-4px);background:rgba(255,255,255,0.08);border-color:rgba(255,207,77,0.35);}
.feat-icon{font-size:21px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(155deg, rgba(255,207,77,0.18), rgba(255,207,77,0.03));border:1px solid rgba(255,207,77,0.22);}
.feat-card h3{font-size:17px;color:#fff;margin-bottom:8px;}
.feat-card p{font-size:14px;color:rgba(255,255,255,0.68);margin:0;}
.feat-shot{grid-column:span 3;border-radius:16px;overflow:hidden;margin-top:6px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 30px 60px -30px rgba(0,0,0,0.6);}
.feat-shot img{width:100%;display:block;}

/* Trust */
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.trust-item{padding:30px 26px;border-right:1px solid var(--line);}
.trust-item:last-child{border-right:none;}
.trust-item .num{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--purple);}
:root[data-theme="dark"] .trust-item .num{color:var(--gold-bright);}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .trust-item .num{color:var(--gold-bright);} }
.trust-item .lbl{font-size:13.5px;color:var(--ink-soft);margin-top:6px;}
blockquote.verse{font-family:var(--font-display);font-style:italic;font-size:clamp(20px,2.6vw,27px);color:var(--ink);max-width:820px;margin:56px 0 0;line-height:1.5;}
blockquote.verse cite{display:block;font-style:normal;font-family:var(--font-mono);font-size:13px;color:var(--gold-deep);margin-top:16px;letter-spacing:.05em;}

/* FAQ */
.faq{max-width:820px;border-top:1px solid var(--line);}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:22px 0;font-family:var(--font-display);font-size:19px;font-weight:600;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-family:var(--font-mono);font-size:22px;color:var(--gold-deep);flex-shrink:0;transition:transform .25s ease;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq details p{padding:0 0 22px;color:var(--ink-soft);font-size:16px;max-width:62ch;}

/* Closing */
#closing{background:linear-gradient(120deg, var(--purple-deep) 0%, var(--purple) 55%, #7a3fd6 100%);color:#fff;position:relative;overflow:hidden;}
#closing::after{content:"";position:absolute;left:-10%;top:-40%;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side, rgba(255,207,77,0.25), transparent 72%);}
.closing-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;}
#closing h2{font-size:clamp(36px,5.6vw,64px);line-height:1.03;color:#fff;margin-bottom:18px;}
#closing h2 em{color:var(--gold-bright);}
#closing p{color:rgba(255,255,255,0.82);font-size:17px;max-width:44ch;}
.contact-card{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);border-radius:18px;padding:30px;backdrop-filter:blur(6px);}
.contact-card .co{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:10px;}
.contact-card .name{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:14px;}
.contact-card .line{display:flex;gap:10px;font-size:14.5px;color:rgba(255,255,255,0.9);margin-bottom:8px;align-items:center;}
.contact-card .line a{color:#fff;text-decoration:none;}
.contact-card .line a:hover{color:var(--gold-bright);}
.contact-card .line span.k{opacity:.65;font-family:var(--font-mono);font-size:11px;width:16px;}
.contact-card .co a{color:inherit;text-decoration:none;}

/* Footer */
footer{background:var(--paper);border-top:1px solid var(--line);padding:44px 0;}
.foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.foot-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:16px;text-decoration:none;}
.foot-brand img{height:22px;}
.foot-brand .gold{color:var(--gold-deep);}
footer small{color:var(--ink-soft);font-size:13px;}
footer small a{color:inherit;}
.foot-links{display:flex;gap:22px;flex-wrap:wrap;}
.foot-links a{font-size:13px;color:var(--ink-soft);text-decoration:none;font-family:var(--font-mono);letter-spacing:.03em;}
.foot-links a:hover{color:var(--ink);}

/* Responsive */
@media (max-width:980px){ .hero-grid{grid-template-columns:1fr;} .split{grid-template-columns:1fr;gap:44px;} .split.reverse .split-copy,.split.reverse .split-media{order:initial;} }
@media (max-width:900px){ .pricing-intro{grid-template-columns:1fr;gap:36px;} .feat-grid{grid-template-columns:repeat(2,1fr);} .feat-shot{grid-column:span 2;} .closing-inner{grid-template-columns:1fr;gap:40px;} section{padding:88px 0;} #hero{padding:140px 0 90px;} }
@media (max-width:820px){ .price-grid{grid-template-columns:1fr;} }
@media (max-width:760px){ .trust-row{grid-template-columns:repeat(2,1fr);} .trust-item:nth-child(2){border-right:none;} .trust-item:nth-child(-n+2){border-bottom:1px solid var(--line);} }
@media (max-width:620px){ .feat-grid{grid-template-columns:1fr;} .feat-shot{grid-column:span 1;} .wrap{padding:0 20px;} #topnav{padding:12px 20px;} #topnav.solid,#topnav.open{padding:10px 20px;} .navlinks{padding:6px 20px 20px;} .device{transform:none;} .hero-ctas .btn{width:100%;justify-content:center;} }
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;} .reveal{opacity:1;transform:none;} .tape-track{animation:none;} }

/* Tape note */
.tape-note{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,0.45);padding-top:10px;position:relative;z-index:1;}

/* Who it's for */
.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.who-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px 24px;}
.who-card h3{font-size:19px;margin-bottom:10px;}
.who-card p{font-size:14.5px;color:var(--ink-soft);}
@media (max-width:980px){.who-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.who-grid{grid-template-columns:1fr;}}

/* Offering flow */
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;counter-reset:none;}
.flow::before{content:"";position:absolute;left:8%;right:8%;top:26px;height:2px;background:linear-gradient(90deg,var(--purple),var(--gold));opacity:.5;}
.flow-step{position:relative;background:var(--paper-raised);border:1px solid var(--line);border-radius:18px;padding:64px 26px 28px;box-shadow:0 20px 50px -34px rgba(30,11,74,0.4);}
.flow-num{position:absolute;top:0;left:26px;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:linear-gradient(140deg,var(--purple),var(--purple-deep-2));color:#fff;font-family:var(--font-display);font-size:22px;font-weight:700;display:grid;place-items:center;box-shadow:0 10px 24px -10px rgba(91,33,182,0.7);border:3px solid var(--paper);}
.flow-step h3{font-size:20px;margin-bottom:10px;}
.flow-step p{font-size:14.5px;color:var(--ink-soft);}
@media (max-width:900px){.flow{grid-template-columns:1fr;gap:40px;}.flow::before{display:none;}}

/* Contact */
.contact-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:60px;align-items:start;}
.contact-grid h2{font-size:clamp(32px,4.4vw,50px);line-height:1.05;margin-bottom:18px;}
.contact-lede{color:var(--ink-soft);font-size:16.5px;max-width:44ch;margin-bottom:22px;}
.contact-points{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;}
.contact-points li{display:flex;gap:10px;font-size:15px;}
.contact-points li::before{content:"✓";color:var(--good);font-weight:700;}
.contact-alt{font-size:14.5px;color:var(--ink-soft);}
.contact-alt a{color:var(--purple);font-weight:600;text-decoration:none;}
:root[data-theme="dark"] .contact-alt a{color:var(--gold-bright);}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .contact-alt a{color:var(--gold-bright);} }
.lead-form{background:var(--paper-raised);border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 50px -30px rgba(30,11,74,0.35);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field label{font-size:13px;font-weight:600;color:var(--ink);}
.field .opt{color:var(--ink-soft);font-weight:400;}
.input{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:15px;font-family:var(--font-body);color:var(--ink);background:var(--paper);transition:border-color .2s, box-shadow .2s;}
.input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,33,182,0.15);}
.input[aria-invalid="true"]{border-color:#c0392b;}
select.input{appearance:none;cursor:pointer;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%234a3d63' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
textarea.input{resize:vertical;min-height:100px;}
.field-error{font-size:13px;color:#c0392b;display:none;}
.field.has-error .field-error{display:block;}
.form-alert{border:1px solid #f0c9c9;background:#fdf3f3;color:#8c2020;border-radius:10px;padding:12px 14px;font-size:14px;}
.form-alert a{color:#8c2020;}
.form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.form-foot small{font-size:13px;color:var(--ink-soft);}
.btn[disabled]{opacity:.6;pointer-events:none;}
.lead-success{text-align:center;padding:44px 30px;}
.lead-success .check{width:48px;height:48px;border-radius:50%;background:var(--good);color:#fff;display:grid;place-items:center;font-size:22px;margin:0 auto 14px;}
.lead-success h3{font-size:24px;margin-bottom:8px;}
.lead-success p{color:var(--ink-soft);margin-bottom:20px;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
@media (max-width:980px){.contact-grid{grid-template-columns:1fr;gap:40px;}}
@media (max-width:620px){.form-row{grid-template-columns:1fr;}.form-foot{flex-direction:column;align-items:stretch;}.form-foot .btn{width:100%;justify-content:center;}.lead-form{padding:22px;}}

/* ===== v3 additions ===== */
.brand small{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,0.55);font-weight:500;line-height:1.2;margin-top:2px;}
.chips{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:8px;}
.chips li{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.06);padding:6px 12px;border-radius:100px;}
.hero-micro{font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;color:rgba(255,255,255,0.6);margin-top:20px;}
.hero-sub{margin-bottom:22px;}

/* Trust line */
.trustline{padding:34px 0;border-bottom:1px solid var(--line);}
.trustline-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.trustline-brand{display:flex;align-items:center;gap:16px;max-width:640px;}
.trustline-brand img{width:44px;height:44px;border-radius:12px;background:#fff;padding:5px;flex-shrink:0;}
.trustline-brand strong{display:block;font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.3;}
.trustline-brand strong a{color:var(--purple);text-decoration:none;}
.trustline-brand span{display:block;font-size:13.5px;color:var(--ink-soft);margin-top:3px;}
.trustline-facts{list-style:none;margin:0;padding:0;display:flex;gap:26px;flex-wrap:wrap;}
.trustline-facts li{font-size:13px;color:var(--ink-soft);}
.trustline-facts b{display:block;font-family:var(--font-display);font-size:22px;color:var(--ink);line-height:1.1;}
:root[data-theme="dark"] .trustline-brand strong a{color:var(--gold-bright);}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .trustline-brand strong a{color:var(--gold-bright);} }

/* Who: problem-led */
.who-for{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:10px;}
.who-card h3{font-size:18px;line-height:1.3;}

/* Before / With */
.compare{max-width:900px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);}
.compare-head,.compare-row{display:grid;grid-template-columns:1fr 1fr;}
.compare-head span{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:14px 22px;color:var(--ink-soft);background:var(--paper-raised);border-bottom:1px solid var(--line);}
.compare-head span.with{color:var(--gold-deep);}
.compare-row span{padding:14px 22px;font-size:15px;border-bottom:1px solid var(--line);color:var(--ink-soft);}
.compare-row span:first-child{text-decoration:line-through;text-decoration-color:rgba(74,61,99,0.5);text-decoration-thickness:1px;}
.compare-row span.with{color:var(--ink);font-weight:500;background:var(--purple-mist);position:relative;padding-left:40px;}
.compare-row span.with::before{content:"✓";position:absolute;left:18px;color:var(--good);font-weight:700;}
.compare-row:last-child span{border-bottom:none;}
@media (max-width:600px){.compare-head,.compare-row{grid-template-columns:1fr;}.compare-head span:first-child,.compare-row span:first-child{border-bottom:none;padding-bottom:4px;}.compare-row span.with{padding-top:4px;}}

/* Product tabs */
.shots-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.shots-tabs [role="tab"]{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:10px 18px;border-radius:100px;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
.shots-tabs [role="tab"]:hover{border-color:var(--purple);color:var(--ink);}
.shots-tabs [role="tab"][aria-selected="true"]{background:var(--purple);border-color:var(--purple);color:#fff;}
.shots-panel{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:center;}
.shot-device{transform:none;}
.shot-device:hover{transform:none;}
.callouts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.callouts li{position:relative;padding:14px 16px 14px 44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:14.5px;color:var(--ink-soft);}
.callouts li::before{content:"";position:absolute;left:16px;top:20px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(240,168,0,0.2);}
.callouts b{color:var(--ink);font-weight:600;}
@media (max-width:900px){.shots-panel{grid-template-columns:1fr;}}

/* Dark section split */
.tag.light{border-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.8);}
.p2d-dark{justify-content:center;transform:scale(1.4);margin:40px 0;}
.p2d-dark .stub{border-color:rgba(255,255,255,0.35);background:repeating-linear-gradient(rgba(255,255,255,0.06),rgba(255,255,255,0.06) 11px, rgba(255,255,255,0.2) 11px, rgba(255,255,255,0.2) 12px);}
.p2d-dark .stub::before{color:rgba(255,255,255,0.7);}
.p2d-dark .arrow{color:var(--gold-bright);}
.p2d-dark .pixel{background:var(--gold-bright);}
.p2d-dark .pixel::before{color:#241041;}

/* Reports */
.report-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);}
.report-list li{display:flex;justify-content:space-between;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line);align-items:baseline;}
.report-list b{font-family:var(--font-display);font-size:17px;font-weight:600;}
.report-list span{font-size:13.5px;color:var(--ink-soft);text-align:right;max-width:26ch;}
.small-note{font-family:var(--font-mono);font-size:12.5px;color:var(--gold-deep);margin-top:6px;}
@media (max-width:600px){.report-list li{flex-direction:column;gap:4px;}.report-list span{text-align:left;max-width:none;}}

/* Security */
.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sec-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px 22px;}
.sec-card h3{font-size:17px;margin-bottom:8px;display:flex;align-items:center;gap:10px;}
.sec-card h3::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--good);flex-shrink:0;}
.sec-card p{font-size:14.5px;color:var(--ink-soft);}
.sec-note{margin-top:28px;padding:26px 28px;border-radius:16px;background:var(--purple-mist);border:1px solid var(--line);}
.sec-note h3{font-size:19px;margin-bottom:8px;}
.sec-note p{color:var(--ink-soft);font-size:15.5px;}
@media (max-width:900px){.sec-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.sec-grid{grid-template-columns:1fr;}}

/* Demo credentials panel */
.demo-creds{margin-top:26px;padding:18px 20px;border:1px dashed rgba(255,255,255,0.35);border-radius:14px;background:rgba(0,0,0,0.18);max-width:520px;}
.demo-creds .co{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);display:block;margin-bottom:10px;}
.creds-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;color:#fff;padding:6px 0;}
.creds-row span{flex:1 1 160px;}
.creds-row code{font-family:var(--font-mono);font-size:12.5px;background:rgba(255,255,255,0.12);padding:4px 10px;border-radius:6px;}
.demo-creds small{display:block;margin-top:10px;font-size:12px;color:rgba(255,255,255,0.6);}

/* Contact additions */
.contact-channels{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;}
.form-more{border:1px solid var(--line);border-radius:12px;padding:0 14px;background:var(--paper);}
.form-more summary{cursor:pointer;list-style:none;padding:12px 0;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;}
.form-more summary::-webkit-details-marker{display:none;}
.form-more summary::after{content:"+";font-family:var(--font-mono);color:var(--gold-deep);font-size:18px;}
.form-more[open] summary::after{content:"–";}
.form-more summary .opt{color:var(--ink-soft);font-weight:400;}
.form-more-body{display:flex;flex-direction:column;gap:14px;padding:4px 0 14px;}
.form-foot small a{color:var(--purple);}
:root[data-theme="dark"] .form-foot small a{color:var(--gold-bright);}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .form-foot small a{color:var(--gold-bright);} }

/* Floating Messenger */
.fab-messenger{position:fixed;right:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;gap:8px;background:#0084ff;color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:12px 16px 12px 12px;border-radius:100px;box-shadow:0 14px 30px -10px rgba(0,132,255,0.7);transition:transform .2s;}
.fab-messenger:hover{transform:translateY(-2px);color:#fff;}
.fab-messenger svg{width:22px;height:22px;fill:currentColor;}
@media (max-width:600px){.fab-messenger span{display:none;}.fab-messenger{padding:12px;}}
@media print{.fab-messenger{display:none;}}
#allinone .split-media{overflow:hidden;padding:20px 0;}
.hero-micro a{color:var(--gold-bright);text-decoration:underline;text-underline-offset:3px;}
.creds-row b{color:var(--gold-bright);font-weight:600;}
.creds-row .copy{font-family:var(--font-mono);font-size:12.5px;background:rgba(255,255,255,0.12);color:#fff;border:1px solid rgba(255,255,255,0.2);padding:5px 10px;border-radius:6px;cursor:pointer;transition:background .2s;}
.creds-row .copy:hover{background:rgba(255,255,255,0.22);}
.creds-row .copy.copied{background:var(--gold-bright);color:#241041;border-color:var(--gold-bright);}
.price-sub{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--gold-deep);margin:-6px 0 14px;}
.sec-grid{grid-template-columns:repeat(4,1fr);}
@media (max-width:1000px){.sec-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.sec-grid{grid-template-columns:1fr;}}