:root{--bg-0: #06111b;--bg-1: #0b1f31;--surface: rgba(12, 31, 47, .74);--surface-strong: rgba(11, 26, 41, .92);--text: #ecf4fa;--muted: #aac0d1;--line: rgba(170, 192, 209, .24);--accent: #22d3a6;--accent-2: #f59e0b;--alert: #fb7185;--radius: 18px;--shadow: 0 16px 44px rgba(0, 0, 0, .34);--container: min(1120px, 92vw)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 4%,rgba(34,211,166,.15),transparent 35%),radial-gradient(circle at 88% 6%,rgba(245,158,11,.13),transparent 30%),linear-gradient(140deg,var(--bg-0),var(--bg-1) 54%,#14324a 100%);line-height:1.55;min-height:100vh;overflow-x:hidden}.bg-orb{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(12px)}.bg-orb-one{left:-120px;top:34%;background:radial-gradient(circle,rgba(34,211,166,.24),transparent 68%)}.bg-orb-two{right:-110px;bottom:12%;background:radial-gradient(circle,rgba(245,158,11,.18),transparent 68%)}.container{width:var(--container);margin:0 auto}.topbar{margin-top:24px;border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#081622ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:10px}.nav-value-pill{margin:0;border:1px solid rgba(34,211,166,.35);border-radius:999px;padding:6px 11px;font-size:.76rem;letter-spacing:.03em;color:#c5f7e7;background:#22d3a61a;white-space:nowrap}.nav-links{list-style:none;display:flex;align-items:center;gap:12px;margin:0 0 0 auto;padding:0}.nav-links a{color:var(--muted);text-decoration:none;font-size:.92rem;padding:6px 8px;border-radius:8px;transition:color .2s ease,background-color .2s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text);background:#aac0d114}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;padding:52px 0 22px}.hero-copy h1{font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(2rem,4.8vw,3.9rem);line-height:1.08;margin:0;max-width:16ch}.eyebrow{margin:0 0 10px;color:var(--accent-2);text-transform:uppercase;font-size:.78rem;letter-spacing:.14em;font-weight:700}.lead{color:var(--muted);font-size:1.03rem;margin:18px 0 0;max-width:62ch}.communication-hero{padding:44px 0 18px}.communication-hero h1{margin:0;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.08;max-width:18ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;border:1px solid transparent;padding:12px 16px;font-weight:600;font-size:.95rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover,.btn:focus-visible{transform:translateY(-1px)}.btn-primary{color:#032722;background:linear-gradient(130deg,var(--accent),#18baaa);box-shadow:0 12px 24px #22d3a64d}.btn-secondary{color:var(--text);background:#0a1826bd;border-color:var(--line)}.btn-hero-download{display:inline-flex;align-items:center;gap:10px;color:var(--text);background:#0a182657;border-color:#7ea2bb61;box-shadow:none}.btn-hero-download:hover,.btn-hero-download:focus-visible{border-color:#22d3a6b8;background:#0a182680;box-shadow:none}.hero-download-icon{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(126,162,187,.32);color:#d8edf7;background:#7ea2bb14;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.hero-download-icon svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn-hero-download:hover .hero-download-icon,.btn-hero-download:focus-visible .hero-download-icon{border-color:#22d3a699;background:#22d3a61f;transform:translateY(1px)}.btn-small{padding:8px 12px;font-size:.87rem}.hero-stats{display:grid;gap:12px}.stat-card,.card,.demo-cta,.sample-shell,.comparison-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.stat-card{padding:16px}.stat-card h2{margin:0 0 6px;font-size:1.08rem;font-family:Space Grotesk,Avenir Next,sans-serif}.stat-card p{margin:0;color:var(--muted);font-size:.92rem}.section{padding-top:46px}.section-head{margin-bottom:16px}.section-head-row{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap}.section-head h2{margin:0;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.12}.subtle{margin:8px 0 0;color:var(--muted);font-size:.95rem}.workflow-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.workflow-item{background:var(--surface-strong);border:1px solid var(--line);border-radius:14px;padding:14px}.workflow-count{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;background:#22d3a62e;color:#c7fff0}.workflow-title{margin:10px 0 8px;font-size:1rem}.workflow-body{margin:0;color:var(--muted);font-size:.92rem}.comparison-card{overflow:hidden;transition:border-color .2s ease,background-color .2s ease}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid var(--line)}.comparison-table thead th{font-family:Space Grotesk,Avenir Next,sans-serif;font-size:.95rem}.comparison-table tbody th.criteria{font-size:.92rem;width:20%}.comparison-card .rule-col,.comparison-card .ai-col{transition:background-color .25s ease,color .25s ease}.comparison-card.mode-rule .rule-col{background:#22d3a61f}.comparison-card.mode-rule .ai-col{color:#8ca1b2}.comparison-card.mode-ai .ai-col{background:#fb71851f}.comparison-card.mode-ai .rule-col{color:#8ca1b2}.sample-shell{padding:16px}.tab-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab-button{background:#091521b8;border:1px solid var(--line);color:var(--muted);padding:9px 12px;border-radius:999px;cursor:pointer;font-size:.9rem}.tab-button[aria-selected=true]{color:var(--text);border-color:#22d3a699;background:#22d3a624}.tab-panel{border:1px solid var(--line);border-radius:12px;padding:14px;background:#07111ca6}.snippet{margin:0;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.9rem;color:#d6f5e6;white-space:pre-wrap}.sample-table{width:100%;border-collapse:collapse}.sample-table th,.sample-table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;font-size:.9rem}.communication-channel-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.communication-channel-card h3{margin-bottom:6px}.communication-layout{display:grid;gap:12px;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr)}.communication-info h2{margin:0 0 8px;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1.2rem}.communication-support-email{color:#b6e8d8}.communication-form{display:grid;gap:10px}.communication-form label{font-size:.9rem;color:#d7e4ef}.communication-form input,.communication-form select,.communication-form textarea{background:#08131ec7;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 11px;font-size:.95rem;font-family:inherit}.communication-form input,.communication-form select{height:44px}.communication-form textarea{min-height:130px;resize:vertical}.communication-form input:focus-visible,.communication-form select:focus-visible,.communication-form textarea:focus-visible{outline:2px solid rgba(34,211,166,.4);outline-offset:1px}.communication-technical-fields{display:grid;gap:10px;padding:10px;border-radius:12px;border:1px dashed var(--line);background:#08141f8f}.communication-technical-fields[hidden]{display:none}.communication-honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}.communication-status{min-height:1.5rem}.communication-status[data-tone=success]{color:#c0f6e6}.communication-status[data-tone=error]{color:#ffc4d0}.security-grid,.persona-grid,.integration-layout,.pricing-layout,.download-layout,.faq-layout{display:grid;gap:12px}.security-grid,.persona-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-layout,.pricing-layout,.faq-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.download-layout{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.pricing-model-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.pricing-model-tab{border-radius:14px;border:1px solid var(--line);background:#0918269e;color:#d6e6f2;font-weight:700;font-size:1.06rem;min-height:56px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.pricing-model-tab:hover,.pricing-model-tab:focus-visible{transform:translateY(-1px);border-color:#22d3a680}.pricing-model-tab.is-active{border-color:#22d3a6d1;background:linear-gradient(130deg,#22d3a633,#18baaa2e);color:#eafff8}.pricing-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;margin-bottom:12px}.card,.demo-cta{padding:16px}.card h3,.demo-cta h3{margin:0 0 8px;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1.08rem}.card p,.demo-cta p{margin:0;color:var(--muted);font-size:.93rem}.persona-focus{margin-bottom:8px;color:#c2f6e5;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#091724cc;font-size:.84rem}.simple-list{margin:10px 0 0;padding-left:18px;color:var(--muted)}.simple-list li+li{margin-top:6px}.pricing-pack{position:relative;text-align:center;padding-top:46px;padding-bottom:24px;background:linear-gradient(180deg,#091926eb,#081522e6);display:grid;gap:6px;align-content:center}.pricing-pack-featured{border-color:#22d3a6d1;box-shadow:0 16px 40px #22d3a629}.pricing-pack-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);border-radius:999px;background:#22d3a62e;color:#cbffee;border:1px solid rgba(34,211,166,.48);padding:4px 10px;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pricing-pack-title{margin-bottom:6px}.pricing-pack-price{margin:0;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(2rem,4.5vw,3rem);line-height:1;font-weight:800;color:#d9fff2;text-shadow:0 8px 22px rgba(34,211,166,.18)}.pricing-pack-credits{margin-top:6px;font-size:1rem;color:#d5e7f4}.pricing-pack-unit{margin-top:2px;font-size:.9rem;color:#9dc8bb}.pricing-pack-description{margin:12px 0 0;min-height:0}.estimator{display:grid;gap:8px}.estimator label{font-size:.9rem;color:#d7e4ef}.estimator input{background:#08131ec7;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 11px;font-size:.95rem}.estimator input:focus-visible{outline:2px solid rgba(34,211,166,.4);outline-offset:1px}.estimate-result{margin-top:8px;color:#d9f8ee;font-size:.96rem}.estimate-subline{margin-top:0}.estimate-subline strong{color:#e7fff7}.estimator-mix-title{margin:6px 0 0;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;color:#9cb5c7}.highlight{margin-top:10px;font-weight:600;color:#dff8ee}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{position:relative;display:grid;gap:6px;min-height:178px;padding:20px 18px 16px;overflow:hidden;background:linear-gradient(180deg,#091825f0,#08121df0);border-color:#aac0d13d;box-shadow:0 16px 34px #0000004d}.metric-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.metric-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#22d3a6f2,#14b8a673)}.metric-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-92px;top:-92px;background:radial-gradient(circle,rgba(34,211,166,.12),transparent 70%);pointer-events:none}.metric-card .metric-value{margin:0;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(2.45rem,6.4vw,3.6rem);font-weight:800;color:#e9faf5;line-height:.94;letter-spacing:-.02em;text-shadow:0 8px 20px rgba(34,211,166,.14);position:relative;z-index:1}.metric-indicator{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(170,192,209,.34);color:#b7c9d7;background:#aac0d114;border-radius:999px;padding:4px 8px;white-space:nowrap;position:relative;z-index:1}.metric-card .metric-label{margin:0;font-size:.9rem;font-weight:600;color:#cce0ee;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1}.metric-card .metric-context{margin:0;font-size:.82rem;line-height:1.35;color:#8ba5b9;position:relative;z-index:1}.download-box{display:grid;gap:10px}.download-card{display:flex;flex-direction:column;gap:0}.download-card-head{display:grid;gap:10px;margin-bottom:16px}.download-card-head p{margin:0}.download-link{text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;justify-content:space-between;gap:14px;transition:border-color .2s ease,transform .2s ease;background:#060f199e}.download-link:hover,.download-link:focus-visible{border-color:#22d3a6e6;transform:translate(1px)}.download-link span{color:var(--muted)}.download-copy{display:grid;gap:4px;min-width:0}.download-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.download-link-icon{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(34,211,166,.25);background:#22d3a614;color:#d7fff4;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.download-link-icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.download-resource-link{align-items:center}.download-resource-copy{display:grid;gap:4px}.download-resource-label{color:var(--text);font-size:.98rem;font-weight:600}.download-resource-description{color:var(--muted);font-size:.88rem;line-height:1.35}.download-resource-type{color:#d7fff4;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px;border:1px solid rgba(34,211,166,.35);background:#22d3a61f;white-space:nowrap}.download-link:hover .download-link-icon,.download-link:focus-visible .download-link-icon{transform:translateY(1px);border-color:#22d3a699;background:#22d3a629}.faq-item{border:1px solid var(--line);border-radius:12px;background:#0a1826ad;padding:10px 12px}.faq-item+.faq-item{margin-top:10px}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{margin:8px 0 0;color:var(--muted)}.requirements p{margin-top:12px}footer{width:var(--container);margin:50px auto 0;padding-top:16px;padding-bottom:calc(40px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9eb3c4;font-size:.9rem}footer p{margin:0}.footer-links{display:flex;gap:10px;flex-wrap:wrap}.footer-links a{color:#9eb3c4;text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible{color:var(--text)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.reveal.in-view{opacity:1;transform:translateY(0)}@media (max-width: 1100px){.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.communication-channel-grid,.pricing-model-tabs,.pricing-packs,.security-grid,.persona-grid,.metric-grid,.download-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 860px){.topbar{flex-wrap:wrap;border-radius:16px}.nav-value-pill{white-space:normal}.nav-links{order:3;width:100%;justify-content:flex-start;margin-left:0}.hero{grid-template-columns:1fr;padding-top:36px}.communication-layout,.integration-layout,.pricing-layout,.download-layout,.faq-layout,.workflow-grid,.communication-channel-grid,.pricing-model-tabs,.pricing-packs{grid-template-columns:1fr}.comparison-table,.sample-table{font-size:.86rem}footer{flex-direction:column;align-items:flex-start}}@media (max-width: 520px){.hero-copy h1{font-size:clamp(1.8rem,10vw,2.4rem)}.btn,.hero-cta{width:100%}.security-grid,.persona-grid,.metric-grid{grid-template-columns:1fr}.comparison-table th,.comparison-table td{padding:10px 8px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.download-link,.comparison-card .rule-col,.comparison-card .ai-col{transition:none}}
