@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600&display=swap";
:root{--bg:#0c0c0e;--bg2:#111115;--bg3:#18181e;--border:#222228;--border2:#2a2a32;--text:#f0eef8;--text2:#9896a8;--text3:#504e60;--accent:#7b6ef6;--accent2:#a89ff8;--green:#3dd68c;--amber:#f5a623;--red:#f26b6b;--mono:"DM Mono", monospace;--serif:"DM Serif Display", serif;--sans:"Instrument Sans", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1000;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}section{padding:96px 48px}.section-inner{max-width:1100px;margin:0 auto}.section-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:11px;display:block}.section-title{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(32px,5vw,52px);line-height:1.08}.section-sub{color:var(--text2);max-width:520px;font-size:16px;line-height:1.7}.btn{font-size:13px;font-weight:500;font-family:var(--sans);cursor:pointer;letter-spacing:.01em;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-ghost{border:1px solid var(--border2);color:var(--text2);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}.btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2);border-color:var(--accent2);transform:translateY(-1px);box-shadow:0 8px 24px #7b6ef64d}.btn-lg{border-radius:10px;padding:13px 28px;font-size:14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){section{padding:72px 24px}}
.how-grid{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;display:grid;overflow:hidden}.how-card{background:var(--bg2);padding:36px 32px;position:relative}.how-num{font-family:var(--serif);color:var(--border2);margin-bottom:20px;font-size:56px;line-height:1;position:absolute;top:28px;right:28px}.how-icon{border:1px solid var(--border2);background:var(--bg3);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;font-size:20px;display:flex}.how-title{letter-spacing:-.01em;margin-bottom:10px;font-size:16px;font-weight:600}.how-desc{color:var(--text2);font-size:13px;line-height:1.65}.integrations-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.int-grid{flex-wrap:wrap;gap:12px;margin-top:48px;display:flex}.int-chip{background:var(--bg3);border:1px solid var(--border2);color:var(--text2);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.int-chip:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.int-chip span{font-size:18px}.int-coming{font-family:var(--mono);color:var(--accent);background:#7b6ef61f;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:9px}.reports-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:56px;display:grid}.report-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:28px;transition:border-color .2s;position:relative;overflow:hidden}.report-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.report-card.daily:before{background:var(--green)}.report-card.weekly:before{background:var(--accent)}.report-card.biweekly:before{background:var(--amber)}.report-card.monthly:before{background:var(--red)}.report-card:hover{border-color:var(--border2)}.report-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.report-type-title{margin-bottom:4px;font-size:15px;font-weight:600}.report-type-sub{font-family:var(--mono);color:var(--text3);font-size:10px}.report-schedule{font-family:var(--mono);background:var(--bg3);color:var(--text2);border-radius:5px;padding:3px 8px;font-size:10px}.report-desc{color:var(--text2);margin-bottom:16px;font-size:13px;line-height:1.65}.report-channels{gap:6px;display:flex}.channel-tag{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);color:var(--text3);border-radius:4px;padding:3px 8px;font-size:10px}.security-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:56px;display:grid}.security-list{list-style:none}.security-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:18px 0;display:flex}.security-item:last-child{border-bottom:none}.sec-icon{background:#7b6ef61a;border:1px solid #7b6ef633;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.sec-title{letter-spacing:-.01em;margin-bottom:4px;font-size:14px;font-weight:600}.sec-desc{color:var(--text2);font-size:12px;line-height:1.6}.security-code{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;overflow:hidden}.code-topbar{background:var(--bg3);border-bottom:1px solid var(--border);font-family:var(--mono);color:var(--text3);padding:12px 18px;font-size:11px}.code-body{font-family:var(--mono);padding:20px 24px;font-size:12px;line-height:2}.code-comment{color:var(--text3)}.code-key{color:var(--accent2)}.code-val{color:var(--green)}.code-str{color:var(--amber)}.pricing-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:56px;display:grid}.pricing-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .2s;position:relative}.pricing-card.popular{border-color:var(--accent);background:linear-gradient(145deg, #7b6ef60d, var(--bg))}.popular-badge{background:var(--accent);color:#fff;white-space:nowrap;letter-spacing:.04em;border-radius:100px;padding:3px 12px;font-size:10px;font-weight:600;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.plan-name{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:12px;font-size:11px}.plan-price{font-family:var(--serif);margin-bottom:4px;font-size:36px;line-height:1}.plan-price sup{font-family:var(--sans);vertical-align:top;margin-top:4px;font-size:16px;font-weight:500;display:inline-block}.plan-cadence{color:var(--text3);margin-bottom:6px;font-size:12px}.plan-limit{font-family:var(--mono);color:var(--accent);margin-bottom:20px;font-size:11px}.plan-features{margin-bottom:24px;list-style:none}.plan-feat{color:var(--text2);align-items:flex-start;gap:8px;margin-bottom:8px;font-size:12px;line-height:1.5;display:flex}.feat-check{color:var(--green);flex-shrink:0;font-size:13px}.feat-x{color:var(--text3);flex-shrink:0;font-size:13px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;display:grid}.testi-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:24px}.testi-stars{color:var(--amber);letter-spacing:2px;margin-bottom:14px;font-size:12px}.testi-quote{color:var(--text2);margin-bottom:18px;font-size:14px;font-style:italic;line-height:1.7}.testi-author{align-items:center;gap:10px;display:flex}.testi-avatar{background:var(--bg3);border:1px solid var(--border2);width:34px;height:34px;color:var(--accent2);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.testi-name{margin-bottom:1px;font-size:13px;font-weight:600}.testi-role{color:var(--text3);font-size:11px;font-family:var(--mono)}.faq-list{max-width:700px;margin-top:48px}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;color:var(--text);cursor:pointer;text-align:left;font-size:15px;font-weight:500;font-family:var(--sans);letter-spacing:-.01em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.faq-q:hover{color:var(--accent2)}.faq-chevron{color:var(--text3);flex-shrink:0;font-size:18px;transition:transform .2s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-a{color:var(--text2);max-height:0;font-size:14px;line-height:1.75;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.open .faq-a{max-height:300px;padding-bottom:20px}.cta-section{text-align:center;padding:120px 48px;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(#7b6ef61f 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.cta-title{font-family:var(--serif);letter-spacing:-.03em;max-width:700px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:clamp(36px,6vw,64px);line-height:1.08}.cta-sub{color:var(--text2);margin-bottom:36px;font-size:16px}.cta-note{color:var(--text3);font-size:12px;font-family:var(--mono);margin-top:16px}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:40px 48px;display:flex}.footer-logo{font-family:var(--serif);color:var(--text2);font-size:18px;text-decoration:none}.footer-logo span{color:var(--accent)}.footer-links{gap:28px;list-style:none;display:flex}.footer-links a{color:var(--text3);font-size:12px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text2)}.footer-copy{color:var(--text3);font-size:12px;font-family:var(--mono)}@media (max-width:900px){.how-grid,.reports-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.security-grid,.testimonials-grid{grid-template-columns:1fr}footer{text-align:center;flex-direction:column;gap:16px}}