:root { --ink:#15212a; --muted:#63707a; --paper:#fbfbf8; --line:#dce3e3; --coral:#ff6f61; --cyan:#1eb5d8; --yellow:#f4c84c; --mint:#caf0df; --dark:#14232d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--paper); color:var(--ink); font-family:"DM Sans",sans-serif; font-size:16px; line-height:1.6; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { font-family:Manrope,sans-serif; font-weight:800; letter-spacing:0; } a { color:inherit; text-decoration:none; } .container { max-width:1192px; }
.skip-link { background:var(--dark); color:#fff; left:16px; padding:10px 15px; position:fixed; top:-60px; z-index:1000; }.skip-link:focus { top:16px; }
.site-header { background:rgba(251,251,248,.93); border-bottom:1px solid transparent; position:sticky; top:0; z-index:100; backdrop-filter:blur(12px); }.navbar { min-height:76px; }.navbar-brand { align-items:center; display:inline-flex; font-family:Manrope,sans-serif; font-size:20px; font-weight:800; gap:9px; }.navbar-brand > span:last-child span { color:var(--coral); }.brand-mark { display:grid; grid-template-columns:repeat(2,7px); grid-template-rows:repeat(2,7px); gap:3px; height:17px; width:17px; }.brand-mark span { background:var(--coral); border-radius:2px; }.brand-mark span:last-child { grid-column:span 2; width:17px; }.nav-link { color:#52606a; font-weight:600; margin:0 8px; }.nav-link:hover { color:var(--ink); }.nav-cta { font-size:14px; padding:9px 15px; }.btn { border-radius:4px; font-weight:700; letter-spacing:0; }.btn i { margin-left:7px; }.btn-coral { background:var(--coral); border-color:var(--coral); color:#fff; }.btn-coral:hover { background:#e95d50; border-color:#e95d50; color:#fff; }.btn-lg { font-size:15px; padding:13px 19px; }
.hero { overflow:hidden; padding:30px 0 64px; }.hero-grid { align-items:center; display:grid; gap:60px; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); }.eyebrow { align-items:center; color:#61727a; display:flex; font-size:12px; font-weight:700; letter-spacing:1.2px; margin-bottom:18px; text-transform:uppercase; }.eyebrow-dot { background:var(--coral); border-radius:50%; display:inline-block; height:8px; margin-right:8px; width:8px; }.hero h1 { font-size:clamp(45px,5.2vw,74px); line-height:1.05; margin-bottom:24px; }.hero h1 em { color:var(--coral); font-style:normal; }.hero-lead { color:var(--muted); font-size:19px; max-width:565px; }.hero-actions { align-items:center; display:flex; flex-wrap:wrap; gap:25px; margin-top:31px; }.text-link { color:var(--ink); font-size:14px; font-weight:700; }.text-link i { margin-left:6px; }.trust-row { color:#55646c; display:flex; flex-wrap:wrap; font-size:13px; gap:22px; margin-top:36px; }.trust-row i { color:var(--coral); margin-right:6px; }.hero-visual { min-width:0; padding:10px 0 13px 12px; position:relative; }.hero-visual img { border:1px solid #e1e4e4; box-shadow:16px 20px 0 var(--yellow),0 22px 42px rgba(25,38,45,.14); display:block; max-width:100%; position:relative; z-index:2; }.hero-label { background:#fff; box-shadow:0 10px 25px rgba(19,35,44,.12); font-size:12px; font-weight:700; padding:9px 12px; position:absolute; z-index:3; }.label-top { right:-8px; top:-15px; }.label-top i { color:var(--coral); margin-right:5px; }.label-bottom { bottom:-9px; left:-14px; }.status-dot { background:#26bb77; border-radius:50%; display:inline-block; height:7px; margin-right:5px; width:7px; }
.signal-band { border-bottom:1px solid var(--line); border-top:1px solid var(--line); padding:18px 0; }.signal-content { align-items:center; display:flex; justify-content:space-between; }.signal-content p { color:#5a676f; font-size:14px; font-weight:600; margin:0; }.signal-icons { color:#9ba6a6; display:flex; font-size:20px; gap:31px; }
.section { padding:118px 0; }.section-heading { margin-bottom:52px; }.section-heading h2 { font-size:clamp(33px,3.7vw,51px); line-height:1.11; margin:0; }.split-heading { align-items:end; display:grid; gap:55px; grid-template-columns:1fr .7fr; }.split-heading > p { color:var(--muted); font-size:17px; margin:0; }.centered-heading { margin-left:auto; margin-right:auto; max-width:720px; text-align:center; }.centered-heading .eyebrow { justify-content:center; }
.steps-grid { display:grid; gap:1px; grid-template-columns:repeat(3,1fr); background:var(--line); border:1px solid var(--line); }.step-card { background:var(--paper); min-height:282px; padding:31px; position:relative; }.step-number { color:#9aa4a7; font-size:12px; font-weight:700; position:absolute; right:28px; top:28px; }.step-icon,.feature-icon { align-items:center; background:#fee2df; color:var(--coral); display:flex; font-size:22px; height:48px; justify-content:center; margin-bottom:43px; width:48px; }.icon-cyan { background:#d8f3f9; color:#159dbc; }.icon-yellow { background:#fff2c7; color:#bd8e00; }.step-card h3,.feature h3 { font-size:22px; margin-bottom:8px; }.step-card p,.feature p { color:var(--muted); font-size:14px; margin:0; }
.capability-section { background:#eff4f1; }.capability-grid { display:grid; gap:16px; grid-template-columns:repeat(3,1fr); }.feature { min-height:270px; padding:31px; }.feature-wide { align-items:center; display:grid; gap:35px; grid-column:span 2; grid-template-columns:1fr .8fr; }.feature-coral { background:#ffe0da; }.feature-dark { background:var(--dark); color:#fff; }.feature-dark p { color:#d2dadc; }.feature-dark .feature-icon { background:#31464e; color:var(--yellow); }.feature-cyan { background:#bcecf5; }.feature-cyan .feature-icon { background:#e8fbfe; color:#148eac; }.feature-yellow { background:#fce9a9; }.feature-yellow .feature-icon { background:#fff9de; color:#bc8f12; }.feature-outline { border:1px solid #cbd5d2; }.inbox-preview { background:#fffaf8; border:1px solid #f5c6bc; min-height:167px; padding:12px; }.mini-top { border-bottom:1px solid #eee5e2; display:flex; gap:4px; padding-bottom:8px; }.mini-top span { background:#d6dcdd; border-radius:50%; height:5px; width:5px; }.mini-line { align-items:center; border-bottom:1px solid #eee5e2; display:grid; gap:7px; grid-template-columns:22px 1fr 6px; padding:11px 3px; }.mini-line b { background:#ff9a8f; border-radius:50%; height:20px; }.mini-line b.cyan { background:#7ad8ea; }.mini-line b.yellow { background:#f6cf6c; }.mini-line span { background:#d4d9db; display:block; height:6px; width:75%; }.mini-line i { background:#c8d0d2; border-radius:50%; height:5px; width:5px; }.mini-line.active { background:#fff1ed; margin:0 -5px; padding-left:8px; }
.human-grid { align-items:center; display:grid; gap:100px; grid-template-columns:.95fr 1fr; }.human-art { background:#e7f1ed; height:430px; overflow:hidden; position:relative; }.orbit { border:1px solid #b9d4ca; border-radius:50%; position:absolute; }.orbit-one { height:420px; left:-90px; top:70px; width:420px; }.orbit-two { height:290px; right:-115px; top:-115px; width:290px; }.human-card { background:#fff; box-shadow:0 12px 30px rgba(33,53,55,.12); font-size:14px; font-weight:700; position:absolute; }.card-main { align-items:center; display:flex; gap:10px; left:85px; padding:17px; top:109px; }.card-main i { color:#21a66b; font-size:22px; }.card-ai { align-items:center; bottom:80px; display:flex; gap:8px; padding:14px; right:47px; }.card-ai i { color:var(--coral); }.card-message { display:flex; gap:5px; left:65px; padding:20px; top:221px; }.card-message span { background:#a9bab9; border-radius:4px; height:6px; width:40px; }.card-message span:nth-child(2) { width:64px; }.section-copy { color:var(--muted); font-size:17px; max-width:550px; }.check-list { list-style:none; margin:28px 0 0; padding:0; }.check-list li { border-bottom:1px solid var(--line); font-size:15px; padding:12px 0; }.check-list i { color:#26966a; font-size:18px; margin-right:10px; }
.permissions-section { background:#fffdfa; }.permissions-table { border:1px solid var(--line); }.permission-row { align-items:center; display:grid; gap:40px; grid-template-columns:.9fr 1.1fr; padding:22px 27px; }.permission-row + .permission-row { border-top:1px solid var(--line); }.permission-row > div { align-items:center; display:flex; gap:13px; }.permission-row p { color:var(--muted); font-size:14px; margin:0; }.permission-head { background:#f2f5f3; color:#68767c; font-size:11px; font-weight:800; letter-spacing:1px; padding-bottom:12px; padding-top:12px; text-transform:uppercase; }.permission-badge { align-items:center; background:#dceff4; color:#0d9abc; display:flex; height:37px; justify-content:center; width:37px; }.permission-badge.coral { background:#ffe2dd; color:var(--coral); }.permission-badge.yellow { background:#fff1c2; color:#bb8d11; }.permission-note { color:#647176; font-size:13px; margin:17px 0 0; }.permission-note i { color:var(--coral); margin-right:7px; }
.security-section { background:var(--dark); color:#fff; }.security-wrap { align-items:center; display:grid; gap:100px; grid-template-columns:1fr .9fr; }.eyebrow-light { color:#a7c0b8; }.security-copy h2 { font-size:clamp(34px,3.8vw,52px); line-height:1.1; }.security-copy > p:not(.eyebrow) { color:#c1cdd0; font-size:17px; max-width:560px; }.light-link { color:#fff; display:inline-block; margin-top:10px; }.security-list { border-top:1px solid #39505a; }.security-list > div { align-items:flex-start; border-bottom:1px solid #39505a; display:flex; gap:17px; padding:21px 0; }.security-list span { color:var(--yellow); font-size:20px; }.security-list p { color:#bfd0d2; font-size:14px; margin:0; }.security-list strong { color:#fff; }
.final-cta { padding:95px 0; }.cta-box { background:#f6d371; padding:68px max(30px,8vw); text-align:center; }.cta-box .eyebrow { justify-content:center; }.cta-box h2 { font-size:clamp(35px,4.4vw,58px); line-height:1.08; margin:0 auto 17px; max-width:760px; }.cta-box p:not(.eyebrow) { color:#4e5046; font-size:17px; margin:0 auto 27px; max-width:590px; }
.site-footer { border-top:1px solid var(--line); padding:48px 0 22px; }.footer-grid { align-items:start; display:flex; gap:30px; justify-content:space-between; }.footer-grid p { color:var(--muted); font-size:14px; margin:10px 0 0; }.footer-links { display:flex; flex-wrap:wrap; gap:22px; }.footer-links a { color:#526167; font-size:14px; font-weight:600; }.footer-links a:hover { color:var(--coral); }.footer-bottom { border-top:1px solid var(--line); color:#78858a; display:flex; font-size:12px; justify-content:space-between; margin-top:38px; padding-top:20px; }
.legal-page { min-height:100vh; }.legal-hero { background:#eff4f1; padding:90px 0 65px; }.legal-hero h1 { font-size:clamp(40px,5vw,64px); line-height:1.08; margin:0; }.legal-hero p { color:var(--muted); margin:14px 0 0; }.legal-content { max-width:800px; padding:78px 12px 100px; }.legal-content h2 { font-size:25px; margin:46px 0 12px; }.legal-content h2:first-child { margin-top:0; }.legal-content p,.legal-content li { color:#4e5d63; }.legal-content ul { padding-left:21px; }.legal-content a { color:#c95248; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:991px) { .navbar-collapse { padding:13px 0 20px; }.nav-link { margin:3px 0; }.nav-cta { margin-top:10px; }.hero { padding-top:58px; }.hero-grid,.human-grid,.security-wrap { gap:55px; grid-template-columns:1fr; }.hero-copy { max-width:700px; }.hero-visual { max-width:690px; }.split-heading { gap:24px; grid-template-columns:1fr; }.human-art { max-width:620px; }.capability-grid { grid-template-columns:repeat(2,1fr); }.feature-wide { grid-column:span 2; }.security-copy { max-width:650px; } }
@media (max-width:650px) { .container { padding-left:20px; padding-right:20px; }.navbar { min-height:65px; }.navbar-toggler { border:0; box-shadow:none!important; padding-right:0; }.navbar-toggler i { font-size:26px; }.hero { padding:48px 0 47px; }.hero h1 { font-size:44px; }.hero-lead { font-size:17px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:18px; }.trust-row { gap:12px; margin-top:28px; }.hero-visual { margin-top:10px; padding-left:0; }.hero-visual img { box-shadow:9px 11px 0 var(--yellow),0 15px 33px rgba(25,38,45,.14); }.label-top { right:-3px; top:-13px; }.label-bottom { left:-4px; }.signal-content { gap:18px; }.signal-content p { font-size:12px; }.signal-icons { font-size:17px; gap:10px; }.section { padding:78px 0; }.section-heading { margin-bottom:33px; }.section-heading h2 { font-size:34px; }.steps-grid,.capability-grid { grid-template-columns:1fr; }.step-card { min-height:auto; }.step-icon { margin-bottom:29px; }.feature,.feature-wide { grid-column:span 1; grid-template-columns:1fr; min-height:auto; }.feature-wide { gap:25px; }.human-grid,.security-wrap { gap:39px; }.human-art { height:335px; }.card-main { left:28px; top:65px; }.card-ai { bottom:48px; right:22px; }.card-message { left:22px; top:168px; }.permission-head { display:none; }.permission-row { align-items:start; gap:10px; grid-template-columns:1fr; padding:20px; }.permission-row > div { align-items:start; }.security-copy h2 { font-size:36px; }.cta-box { padding:50px 22px; }.footer-grid,.footer-bottom { align-items:flex-start; flex-direction:column; }.footer-bottom { gap:7px; margin-top:28px; }.legal-hero { padding:63px 0 48px; }.legal-content { padding-top:55px; } }