/* Blue / white, with stronger typography and layered product surfaces. */
:root{--ink:#10213d;--navy:#102b60;--blue:#2563eb;--line:#dce4f0;--soft:#f4f7fd}
body{background:#fff;color:var(--ink)}h1,h2,h3,h4{font-weight:800}h2{font-size:39px;letter-spacing:-1.8px}h2 span{color:#71839e}
.preview{background:#102b60;color:#d7e6ff;font-size:11px;letter-spacing:1px;padding:7px 16px;border:0}
.header{height:110px;border-bottom:1px solid #e4eaf3;position:relative;z-index:3}.header nav{font-weight:700;color:#3a4e70}.header .outline{border:1.5px solid #193b74;box-shadow:0 4px 0 #173b7410}.brand img{width:242px}
.button{border-radius:11px;font-weight:750;min-height:44px}.primary{background:linear-gradient(135deg,#235fe4,#103e99);border:1px solid #1741a1;box-shadow:0 5px 0 #112e73,0 12px 22px #234ba222}.primary:hover{background:linear-gradient(135deg,#3270f7,#1248b2);transform:translateY(-2px);box-shadow:0 7px 0 #112e73,0 16px 28px #234ba230}.outline:hover{background:#f1f5ff}.eyebrow{font-weight:800;color:#54709b;letter-spacing:2px}.dot{box-shadow:0 0 0 5px #2563eb12}
.hero{padding:88px 0 92px;gap:70px;position:relative;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-2;inset:25px -35px 25px 45%;background:radial-gradient(ellipse at 65% 35%,#c9dcff80,transparent 66%),linear-gradient(#d9e5f333 1px,transparent 1px),linear-gradient(90deg,#d9e5f333 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;border-radius:50px;mask-image:linear-gradient(to right,transparent,#000 25%,#000 85%,transparent)}
.hero h1{font-size:clamp(44px,4.7vw,66px);line-height:1.32;letter-spacing:-3px;font-weight:900;margin:25px 0 27px}.hero h1 span{color:#2057bd}.lead{color:#506482;font-size:17px;line-height:1.9}.hero-price{padding-top:24px;border-top:1px solid #dde5f2;margin-top:38px;gap:13px}.hero-price strong{font-size:25px;color:#1543a1}.hero-copy>.fine{color:#70819b;margin-top:11px}.hero-actions .primary{padding:17px 25px}.hero-actions .text{background:transparent;font-weight:750}
.product-visual{border:2px solid #17376a;border-radius:23px;padding:25px;background:linear-gradient(150deg,#fff 45%,#f4f8ff);box-shadow:8px 9px 0 #d7e5fc,15px 17px 0 #eff4fc,0 32px 60px #12356b24;transform:rotate(-1deg);transition:transform .35s}.product-visual:hover{transform:rotate(0deg) translateY(-4px)}.product-visual:before{inset:-19px 25px 20px;z-index:-1;background:#f0f5ff;border:1px solid #cadaf5;border-radius:22px;transform:rotate(4deg)}
.visual-top{padding-bottom:17px;border-bottom:1px solid #dce5f5}.mini-brand{font-size:15px;font-weight:850}.pill{background:#fff;border:1px solid #ced9eb;color:#526b91;border-radius:6px;font-weight:600}.visual-query{border:1.5px solid #2a5bac;background:#fff;box-shadow:0 5px 0 #dfe9fa;font-size:12px;font-weight:650;border-radius:11px;padding:18px 14px}.visual-criteria{margin:15px 0 25px}.visual-criteria>span,.tiny-tags span{background:#eaf1ff;color:#3f65a3}.visual-caption strong{font-size:13px;font-weight:750}.preview-person{border:1px solid #cfdaeb;box-shadow:0 4px 10px #0e34720a;border-radius:12px;padding:17px;background:#fff}.preview-person strong{font-size:14px}.preview-person p{font-size:11px;color:#6b7e9e}.avatar{background:linear-gradient(145deg,#e7efff,#c6d9fb);color:#2156ad;box-shadow:inset 0 1px #fff,0 3px 0 #afc5e844;font-weight:800}.avatar.soft{background:#edf2fc;color:#6079a4}.unlock-preview{margin:14px -8px;background:linear-gradient(120deg,#17376b,#2459aa);color:#fff;border:1px solid #123366;border-radius:12px;padding:17px 18px;box-shadow:0 8px 16px #173b7720}.unlock-preview strong{font-size:12px}.unlock-preview p{color:#bfcef0}.lock-mark{color:#fff;border-color:#92ade080;background:#ffffff0a}.unlock-arrow{color:#d4e4ff}.visual-footer b{font-weight:800;color:#163b7b;font-size:20px}.visual-footer{padding-top:18px;margin-top:23px}
.benefits{padding:27px 25px;border:1px solid #dbe4f2;border-radius:14px;background:linear-gradient(#f8faff,#f0f5fd);box-shadow:0 5px 0 #e6edf8;font-weight:650;color:#4c6386}.benefits b{color:#2763cf;font-weight:800;margin-right:12px}.workspace-section{padding-top:94px}.section-heading .eyebrow{margin-bottom:18px}.section-heading p{color:#6e82a1;font-size:13px}
.workbench{border:2px solid #183561;border-radius:19px;box-shadow:0 8px 0 #dbe5f5,0 24px 50px #15366b14;grid-template-columns:225px 1fr}.sidebar{background:linear-gradient(160deg,#122b55,#0d2142);border:0;color:#fff;padding:29px 17px}.workspace-title strong{font-size:14px}.workspace-title small{color:#9cafce}.square-icon{background:#2e68d5;border:1px solid #527fcf;box-shadow:0 3px #081833}.tab{background:transparent;color:#b6c7e1;font-weight:650;min-height:44px;border:1px solid transparent}.tab.active{background:#fff;color:#153b79;border-color:#dce8ff;box-shadow:0 4px 12px #030c1d35}.tab:hover{background:#254477;color:#fff}.tab.active:hover{background:#eff5ff;color:#143970}.usage-heading>span,.usage-row,.sidebar-usage p{color:#9db1d2}.usage-row strong{color:#e4edfc}.usage-track{background:#294365}.usage-track>span{background:#5d94ff}.usage-track.unlock>span{background:#90b6ff}.sidebar-usage .primary{background:#3474ed;border-color:#558cff;box-shadow:0 4px 0 #051934}.sidebar-usage .usage-heading strong{color:#fff}.workspace-topbar{background:#f3f6fc;color:#627a9e;font-weight:650;padding:17px 29px;border-bottom-color:#d9e4f3}.panel{padding-top:30px}.panel-heading h3{font-size:19px;font-weight:800}.query-box{border:1.5px solid #9cb6de;box-shadow:0 4px 0 #edf2fb;border-radius:13px;padding:19px}.query-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb13}.query-box textarea{font-size:14px;color:#264569}.query-footer>span{color:#7188aa}.examples button{color:#56729e;font-weight:600;padding:6px 10px;background:#f8faff}.results{gap:15px}.person-card{border:1.5px solid #cfdbed;border-radius:13px;box-shadow:0 4px 0 #eef3fb;transition:transform .2s,box-shadow .2s}.person-card:hover{transform:translateY(-3px);box-shadow:0 7px 0 #e7effb,0 12px 24px #1d478412}.person-name{font-size:15px}.person-title{font-size:11px;color:#5c7396}.person-meta{color:#617a9f;font-size:11px}.person-tags span{background:#f5f8ff;color:#5676a5;border-color:#d6e2f4;font-size:9px}.unlock-button{background:#eaf1ff;color:#1c4ba0;border-color:#bbcff1;font-weight:750;min-height:32px}.detail-button{font-size:11px;color:#4f6d9c}.search-notes,.workspace-note{color:#7588a5}.empty-orbit{border:2px solid #c2d3ee;box-shadow:0 0 0 8px #f2f6fd;background:#fff;color:#5383d6}.empty-state h4{font-size:15px;color:#476387}.empty-state p{color:#758aaa}
.audience-section{padding-top:110px}.audience-grid{gap:20px}.audience-grid article,.audience-grid article+article{padding:29px 25px;border:1px solid #dce5f2;border-radius:16px;background:linear-gradient(145deg,#fff,#f4f7fd);box-shadow:0 5px 0 #e9eff8}.audience-number{color:#3860a0;font-weight:750}.audience-grid h3{font-weight:800;font-size:23px;line-height:1.6}.audience-grid p{color:#6c81a0}.audience-grid a{font-weight:750;color:#2555a7}.line-section{padding:55px 45px;border:1px solid #d4e1f4;border-radius:22px;background:radial-gradient(ellipse at right top,#dfebff,#f7faff 65%);box-shadow:0 7px 0 #e4ecf8;gap:60px}.line-copy h2{font-weight:850}.line-copy>p{color:#687ea1}.line-conversation{border:1px solid #bfcfe7;box-shadow:0 12px 32px #284a7f16;background:#fff;border-radius:16px}.message.sent{background:#2057ba;color:#fff;box-shadow:0 4px 0 #103978}.message.received{border:1px solid #dce6f6;background:#f5f8ff}.line-icon{background:#1d4e9b!important;color:#fff!important}
.pricing-section{padding-top:108px}.pricing-intro h2{font-size:42px;font-weight:850}.pricing-card{border:1px solid #173b77;border-radius:22px;background:linear-gradient(145deg,#173c79,#0b2047);color:#fff;box-shadow:10px 10px 0 #dce8fa,0 30px 65px #14366e25;position:relative;overflow:hidden}.pricing-card:before{content:'';position:absolute;right:-70px;top:-65px;width:240px;height:240px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff03;pointer-events:none}.pricing-card-top .pill{background:#ffffff0c;color:#b9d0f6;border-color:#6484b858}.price,.price span,.price small{color:#fff}.price{font-weight:850;letter-spacing:-4px}.price-description{color:#b4c8e9}.plan-allowances{background:#ffffff08;border:1px solid #7390bf4d;border-radius:12px;padding:20px}.plan-allowances b{color:#fff}.plan-allowances span{color:#c8d7ee}.pricing-card ul{color:#d7e4f8}.pricing-card li:before{color:#8dbaff}.pricing-card .primary{background:#fff;color:#153f88;border-color:#fff;box-shadow:0 5px 0 #061a3a}.pricing-card .fine{color:#a2b9dc}.addon-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #8ca6d04d;padding:18px 0 4px;margin-top:22px;font-size:12px;color:#c3d6f8}.addon-strip strong{font-size:24px;color:#fff}.addon-strip small{font-size:11px;font-weight:400;letter-spacing:0}.faq-list details{border-bottom-color:#d6e0ef}.faq-list summary{font-weight:750;font-size:15px}.faq-list p{color:#6c80a1}.footer{border-top:2px solid #193c75}.footer-bottom{color:#6e82a2}.legal-button{color:#3f5d88}
.settings-card{border:1px solid #d4e0f2;background:#f8faff;border-radius:13px;box-shadow:0 4px 0 #edf2fa}.settings-card h4{font-size:16px;font-weight:800}.account-quotas>div{background:linear-gradient(135deg,#f3f7ff,#fff);border:1px solid #ccdaf0;box-shadow:0 4px 0 #e8effa}.addon-buy{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.addon-buy .field{flex:1;min-width:90px;margin:0}.addon-buy input{max-width:140px}.extra-balance{font-size:12px;color:#3b62a3;font-weight:650}.verified{color:#285eb5}dialog{border:1.5px solid #365784;border-radius:20px;box-shadow:0 24px 100px #071a4770}dialog::backdrop{background:#0b234770;backdrop-filter:blur(5px)}.error-state{color:#a93243!important}
.legal-hero{padding:66px 0 44px;border-bottom:2px solid #193c75}.legal-hero h1{font-size:54px;font-weight:850;letter-spacing:-2px;margin:20px 0 13px}.legal-hero p{color:#70839f;font-size:17px}.legal-layout{display:grid;grid-template-columns:250px 1fr;gap:70px;padding:50px 0 70px}.legal-layout nav{display:flex;flex-direction:column;align-self:start;gap:8px;position:sticky;top:25px}.legal-layout nav a{padding:11px 14px;background:#f3f7fd;border-radius:8px;color:#385884;font-size:13px}.legal-layout nav span{color:#7394c6;margin-right:12px;font-size:10px}.legal-layout article section{margin-bottom:38px}.legal-layout h2{font-size:24px;margin:11px 0 13px;letter-spacing:-.5px}.legal-layout article p{font-size:15px;line-height:2.05;color:#536b8d}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:51px}.workbench{grid-template-columns:200px 1fr}.line-section{gap:30px;padding:40px 30px}.header .brand img{width:210px}.legal-layout{grid-template-columns:210px 1fr;gap:40px}}
@media(max-width:760px){h2{font-size:31px}.header{height:85px;gap:12px}.header .brand img{width:169px;height:auto}.header .button{font-size:10px;padding:10px 12px;min-height:39px;gap:10px}.hero{padding:48px 0 60px;gap:54px}.hero h1{font-size:44px;letter-spacing:-2px;line-height:1.35}.lead{font-size:15px}.hero:before{inset:45% -10px 0 0}.hero-price{margin-top:28px;padding-top:20px}.product-visual{margin:0 8px 0 0;padding:19px;transform:none;box-shadow:5px 6px 0 #d7e5fc,10px 12px 0 #eff4fc,0 20px 35px #12356b18}.product-visual:hover{transform:none}.preview-person p{font-size:10px}.visual-query{font-size:10px;padding:15px 10px}.benefits{padding:21px 15px;gap:18px;font-size:10px}.benefits b{margin-right:7px}.workspace-section{padding-top:67px}.workbench{display:block;border-radius:15px;box-shadow:0 5px 0 #dbe5f5}.sidebar{padding:9px 7px}.tab{font-size:10px;padding:8px;gap:5px;min-height:42px}.tab>span{font-size:16px}.tab.active{box-shadow:none}.panel{padding-top:22px}.panel-heading h3{font-size:16px}.query-box{padding:13px}.query-footer .button{padding:10px 15px}.results{grid-template-columns:1fr}.audience-section{padding-top:75px}.audience-grid{gap:15px}.audience-grid article,.audience-grid article+article{padding:25px;border:1px solid #dce5f2}.audience-grid h3{font-size:24px}.line-section{padding:29px 22px;gap:30px}.line-copy h2{font-size:29px}.pricing-section{padding-top:75px}.pricing-intro h2{font-size:33px}.pricing-card{padding:27px 24px;box-shadow:5px 6px 0 #dce8fa,0 20px 40px #14366e16}.plan-allowances{padding:16px}.pricing-terms{margin-top:27px}.faq-list summary{font-size:13px}.legal-hero{padding:38px 0 30px}.legal-hero h1{font-size:38px}.legal-layout{display:block;padding:25px 0}.legal-layout nav{position:static;margin-bottom:35px}.legal-layout h2{font-size:23px}.legal-layout article p{font-size:14px}}
.product-visual:before{inset:-15px 20px auto;height:15px;background:transparent;border-bottom:0;transform:none;border-radius:18px 18px 0 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.product-visual{transform:none}}

/* Refined surfaces: depth comes from spacing and contrast, never skew or stacked outlines. */
html{scroll-behavior:auto}
.hero:before,.product-visual:before,.pricing-card:before{display:none}
.product-visual,.product-visual:hover{transform:none;background:#fff;border:1px solid #d3ddeb;border-radius:20px;box-shadow:0 22px 55px -18px #1539692e}
.button,.person-card{transition:background-color .15s,border-color .15s,color .15s}
.button:hover,.primary:hover,.person-card:hover{transform:none}
.primary,.primary:hover{background:#225bc8;border:1px solid #2054b7;box-shadow:0 3px 8px #16439518}
.primary:hover{background:#194fb6}.header .outline{box-shadow:none;border-color:#d3ddeb}
.visual-query{border:1px solid #c7d4e8;box-shadow:none;background:#f9fbff}
.preview-person{box-shadow:none;border-color:#e0e7f2}.unlock-preview{margin:14px 0;background:#143b78;box-shadow:none}
.avatar{background:#e8f0ff;box-shadow:none}.visual-footer{border-color:#e1e8f3}
.benefits{background:#f5f8fd;box-shadow:none;border-color:#e2e9f3;border-radius:12px}
.workbench{border:1px solid #d0dcee;border-radius:17px;box-shadow:0 15px 45px -22px #18375f32}
.sidebar{background:#132c51}.square-icon,.sidebar-usage .primary,.tab.active{box-shadow:none}
.query-box{box-shadow:none;border:1px solid #becde3}.query-box:focus-within{box-shadow:0 0 0 3px #2864d410}
.person-card,.person-card:hover{border:1px solid #d7e1ef;box-shadow:none}.person-card:hover{border-color:#7ca1d8}
.empty-orbit{box-shadow:none;background:#f3f7fe;border:1px solid #dce6f4}
.audience-grid article,.audience-grid article+article{background:#fff;border-color:#dce5f1;box-shadow:none}
.line-section{background:#f5f8fe;box-shadow:none;border-color:#e1e8f2}.line-conversation{box-shadow:0 8px 30px -15px #183b7026}.message.sent{box-shadow:none}
.pricing-card{background:#133368;border:1px solid #163970;box-shadow:0 18px 45px -22px #16386c48;border-radius:20px}
.pricing-card .primary,.pricing-card .primary:hover{background:#fff;color:#17418b;border-color:#fff;box-shadow:none}.pricing-card .primary:hover{background:#edf3ff}
.pricing-card li{color:#e2ebfa;font-size:12px;line-height:1.9;margin-bottom:10px}
.pricing-card li:before{color:#b8d2ff}.pricing-card .fine{color:#c4d4ef;font-size:11px}
.plan-allowances>div+div{border-left-color:#ffffff35}
.pricing-card .price-description,.pricing-card .plan-allowances span{color:#cbdaf1}
.addon-strip{align-items:flex-start}.addon-strip strong{flex-shrink:0;white-space:nowrap;letter-spacing:-.5px}.addon-strip>span{line-height:1.85}
.faq-list summary span{transition:transform .15s;color:#3564a3}.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details[open] summary{color:#164ea3}
.settings-card,.account-quotas>div{background:#f8faff;box-shadow:none}.account-quotas>div{background:#fff}
dialog{border:1px solid #d1ddec;box-shadow:0 20px 70px #10234132}dialog::backdrop{backdrop-filter:none;background:#10233d5e}
@media(max-width:760px){.product-visual,.product-visual:hover{margin:0;box-shadow:0 12px 35px -15px #15396925}.workbench{box-shadow:none}.pricing-card{box-shadow:none}.hero{gap:38px}.hero h1{font-size:43px}.hero-actions{gap:12px}}
@media(max-width:400px){.addon-strip{flex-direction:column;gap:8px}.lead{font-size:14px}.hero-actions .primary{padding:15px 18px}.hero-actions .text{gap:12px}.header .button{gap:8px}}

[hidden]{display:none!important}.identity-card{display:flex;align-items:center;gap:18px}.identity-card h4{margin-bottom:5px}.identity-card p{margin:3px 0}.line-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.admin-stats{display:flex;flex-wrap:wrap;margin:25px 0}.admin-stats>div{min-width:130px;flex:1}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.admin-table td,.admin-table th{padding:12px;border-bottom:1px solid #e3eaf4;white-space:nowrap}#email-settings{scroll-margin-top:24px}#email-history-list p{font-size:12px}#email-code{letter-spacing:.3em;font-size:22px}.settings-card{overflow-wrap:anywhere}


.demo-section{padding:75px 0 20px}.demo-preview{padding:28px;border:1px solid #dce5f1;border-radius:18px;background:#f7f9ff}.demo-toolbar{display:flex;gap:18px;align-items:center}.demo-toolbar p{margin:0;font-size:18px;font-weight:600;color:#1b355b}.demo-results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.demo-footer p{margin:0;color:#64748b;font-size:12px}.demo-preview [aria-pressed=true]{background:#225bc8;color:white;border-color:#225bc8}.member-page{background:#f5f7fc}.member-header{height:88px;max-width:1360px}.member-page .workspace-section{padding:20px 0 40px;max-width:1360px}.member-page .section-heading h2{font-size:30px}.member-page .workbench{min-height:calc(100vh - 255px);box-shadow:0 12px 40px -25px #163d7140}.member-page .panel{padding-bottom:28px}.member-page .section-heading{margin-bottom:22px}.member-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 32px;color:#6d7d95;font-size:12px}.member-footer>div{display:flex;gap:20px}.subscribe-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.subscribe-card p{margin:0}.subscribe-card .button{flex-shrink:0}@media(max-width:760px){.demo-results{grid-template-columns:1fr}.demo-preview{padding:20px}.demo-toolbar,.demo-footer{align-items:flex-start;flex-direction:column}.member-header{height:76px}.member-header .brand img{width:150px}.member-page .workspace-section{padding-top:10px}.member-footer,.subscribe-card{flex-direction:column;align-items:flex-start}.member-page .section-heading h2{font-size:26px}}