:root { --ink:#061b32; --ink-2:#0b2947; --mint:#82f6c3; --aqua:#23d9ca; --blue:#3c88ff; --paper:#f5f8f7; --soft:#e7f0ee; --muted:#5a6978; --line:#d8e3e1; --white:#fff; --mono:"DM Mono", monospace; --sans:"Manrope", system-ui, sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.container { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.site-header { height:86px; display:flex; align-items:center; justify-content:space-between; gap:24px; position:relative; z-index:2; }
.brand { display:inline-flex; align-items:center; gap:9px; font-size:1.15rem; font-weight:800; letter-spacing:-.05em; }
.brand-mark { width:30px; height:30px; fill:none; stroke:var(--aqua); stroke-width:2.65; stroke-linecap:round; stroke-linejoin:round; }
.desktop-nav { display:flex; align-items:center; gap:32px; margin-left:auto; margin-right:14px; font-size:.88rem; font-weight:700; color:#415568; }
.desktop-nav a { transition:color .2s ease; } .desktop-nav a:hover { color:var(--ink); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:52px; border-radius:12px; padding:0 21px; font-size:.91rem; font-weight:800; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-small { min-height:40px; padding:0 16px; border-radius:9px; font-size:.82rem; }
.button-dark { background:var(--ink); color:var(--white); }.button-dark:hover { background:#123758; box-shadow:0 9px 20px #061b3220; }
.button-primary { background:var(--aqua); color:var(--ink); box-shadow:0 11px 25px #1fcbbb42; }.button-primary:hover { background:#70f4cb; }
.hero { min-height:610px; display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:20px; padding:42px 0 80px; }
.hero-copy { position:relative; z-index:1; max-width:560px; padding-bottom:7px; }.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 18px; color:#36736e; font:500 .69rem/1 var(--mono); letter-spacing:.065em; text-transform:uppercase; }.eyebrow span { width:22px; height:1px; background:currentColor; }
h1,h2,h3,p { margin-top:0; }.hero h1 { max-width:560px; margin-bottom:22px; font-size:clamp(2.65rem, 5vw, 4.45rem); letter-spacing:-.078em; line-height:.98; }.hero h1 em { color:#19988f; font-style:normal; }.hero-text { max-width:470px; color:var(--muted); font-size:1.08rem; line-height:1.7; }.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:31px; }.text-link { font-size:.9rem; font-weight:800; }.text-link span { color:#19988f; margin-left:5px; }.hero-note { margin:31px 0 0; color:#71808c; font-size:.78rem; }
.hero-visual { min-height:460px; position:relative; isolation:isolate; overflow:hidden; border-radius:28px; background:#061b32; box-shadow:0 30px 65px #09244827; }.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, #061b32 0%, transparent 40%), linear-gradient(0deg,#061b323b, transparent 40%); }.hero-visual img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }.visual-caption { position:absolute; z-index:1; bottom:23px; right:25px; padding:9px 12px; border:1px solid #ffffff2e; border-radius:9px; background:#061b3299; backdrop-filter:blur(10px); color:#e9fbff; font:500 .66rem var(--mono); }.visual-caption i { display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:999px; background:var(--mint); box-shadow:0 0 12px var(--mint); }
.signal-band { border-block:1px solid var(--line); background:#fff; }.signal-grid { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.signal-grid p { margin:0; font-weight:800; letter-spacing:-.035em; }.signal-items { display:flex; align-items:center; gap:14px; color:#536877; font:500 .72rem var(--mono); }.signal-items b { width:4px; height:4px; border-radius:99px; background:var(--aqua); }
.product-section { padding:126px 0 115px; }.section-intro { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:48px; }.section-intro h2,.use-head h2,.pricing-head h2 { margin:0; font-size:clamp(2rem,3.7vw,3.45rem); line-height:1.02; letter-spacing:-.07em; }.section-intro .eyebrow { align-self:flex-start; margin-top:9px; }.feature-grid { display:grid; grid-template-columns:1.25fr .875fr .875fr; gap:16px; }.feature-card { min-height:315px; padding:27px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fff; }.feature-card-large { position:relative; background:var(--ink); color:#fff; }.feature-icon { display:flex; align-items:center; justify-content:center; width:41px; height:41px; margin-bottom:42px; border-radius:12px; background:#e5fcf4; color:#137e76; }.feature-kicker { margin-bottom:11px; color:#739094; font:500 .65rem var(--mono); letter-spacing:.07em; text-transform:uppercase; }.feature-card-large .feature-kicker { color:#91d6cb; }.feature-card h3 { max-width:350px; margin-bottom:10px; font-size:1.31rem; letter-spacing:-.055em; line-height:1.1; }.feature-card p:not(.feature-kicker) { max-width:350px; margin-bottom:0; color:#607180; font-size:.87rem; line-height:1.6; }.feature-card-large p:not(.feature-kicker) { color:#c4d7df; }.icon-inbox { flex-direction:column; gap:4px; }.icon-inbox span { display:block; width:18px; height:2px; border-radius:3px; background:currentColor; }.icon-inbox span:nth-child(2){width:12px}.icon-inbox span:nth-child(3){width:15px}.icon-pipeline { align-items:end; gap:4px; padding:10px; }.icon-pipeline span { flex:1; border-radius:2px; background:#187f78; }.icon-pipeline span:nth-child(1){height:40%}.icon-pipeline span:nth-child(2){height:75%}.icon-pipeline span:nth-child(3){height:100%}.icon-return { font-size:1.55rem; font-weight:800; }.inbox-preview { position:absolute; width:212px; right:-4px; bottom:24px; padding:13px; display:grid; grid-template-columns:28px 1fr; gap:8px; border:1px solid #ffffff26; border-radius:13px; background:#123957; transform:rotate(-5deg); }.preview-avatar { width:28px; height:28px; border-radius:50%; background:linear-gradient(145deg,#8eecca,#2385ba); }.preview-lines i,.preview-reply i { display:block; height:4px; margin:4px 0; border-radius:10px; background:#b7d6df; }.preview-lines i:nth-child(2){width:65%;opacity:.55}.inbox-preview b { grid-column:2; color:#86a7b5; font:400 .55rem var(--mono); }.preview-reply { grid-column:1/3; justify-self:end; width:112px; padding:4px 7px; border-radius:6px; background:#1a8a79; }.preview-reply i { height:3px; margin:3px 0; background:#cdf9ed; }.preview-reply i:nth-child(2){width:55%;}
.sofia-section { overflow:hidden; background:var(--ink); color:#fff; }.sofia-layout { min-height:565px; display:grid; grid-template-columns:.95fr 1fr; align-items:center; gap:72px; }.sofia-orbit { height:390px; position:relative; }.orbit-ring { position:absolute; border:1px solid #57d5c344; border-radius:50%; }.ring-one { width:315px; height:315px; top:40px; left:45px; }.ring-two { width:200px; height:200px; top:98px; left:103px; border-color:#8bf1d755; }.sofia-core { position:absolute; top:156px; left:161px; display:flex; align-items:center; justify-content:center; width:88px; height:88px; border:1px solid #aaffed9c; border-radius:50%; background:radial-gradient(circle at 35% 30%,#b8ffeb,#39d8c1 40%,#107e83); color:var(--ink); box-shadow:0 0 0 18px #49f4dc0a,0 0 55px #3cebc48a; font-size:2.2rem; font-weight:800; letter-spacing:-.08em; }.sofia-core span { font-size:.85rem; margin-left:2px; }.orbit-message { position:absolute; padding:8px 10px; border:1px solid #9ffbe62e; border-radius:7px; background:#ffffff0d; color:#c8fff1; font:400 .61rem var(--mono); }.m-one{top:24px;left:20px}.m-two{right:12px;top:116px}.m-three{bottom:17px;left:81px}.sofia-copy { max-width:590px; }.eyebrow-light{color:#90e8db}.sofia-copy h2 { margin-bottom:20px; font-size:clamp(2rem,3.7vw,3.35rem); letter-spacing:-.075em; line-height:1.02; }.sofia-copy>p:not(.eyebrow) { max-width:530px; margin-bottom:23px; color:#bed0da; line-height:1.7; }.check-list { padding:0; margin:0; list-style:none; }.check-list li { display:flex; gap:10px; align-items:start; margin:12px 0; color:#e9f4f7; font-size:.88rem; }.check-list li::before { content:"✓"; display:inline-grid; place-items:center; flex:0 0 19px; width:19px; height:19px; border-radius:50%; background:#67ddc1; color:#0c3442; font-size:.72rem; font-weight:900; }
.use-section { padding:116px 0; }.use-head { display:grid; grid-template-columns:.9fr 1.4fr; gap:20px; margin-bottom:52px; }.use-head .eyebrow { margin-top:9px; }.use-list { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.use-list article { min-height:200px; padding:27px 28px 0 0; border-right:1px solid var(--line); }.use-list article+article { padding-left:28px; }.use-list article:last-child { border:0; }.use-list span { display:block; margin-bottom:37px; color:#4d9e99; font:500 .68rem var(--mono); }.use-list h3 { margin-bottom:8px; font-size:1.08rem; letter-spacing:-.04em; }.use-list p { max-width:290px; margin:0; color:var(--muted); font-size:.86rem; line-height:1.6; }
.pricing-section { padding:105px 0 118px; background:#e7f0ee; }.pricing-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:41px; }.pricing-head h2 { max-width:600px; }.pricing-head>p { max-width:300px; margin:0; color:var(--muted); font-size:.85rem; line-height:1.6; }.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; align-items:stretch; }.price-card { min-height:448px; position:relative; display:flex; flex-direction:column; padding:28px; border:1px solid #d5e2df; border-radius:18px; background:#fafffd; }.price-card-featured { border-color:var(--ink); background:var(--ink); color:#fff; box-shadow:0 18px 35px #16394a2e; }.card-flag { position:absolute; top:17px; right:17px; margin:0; padding:5px 7px; border-radius:5px; background:var(--mint); color:#073444; font:500 .57rem var(--mono); text-transform:uppercase; }.price-name { margin-bottom:17px; font-size:1rem; font-weight:800; letter-spacing:-.04em; }.price { display:flex; align-items:baseline; gap:3px; margin:0 0 14px; font-size:2.55rem; font-weight:800; letter-spacing:-.09em; }.price small { font-size:1rem; letter-spacing:-.05em; }.price span { color:#60717c; font-size:.76rem; font-weight:700; letter-spacing:-.025em; }.price-card-featured .price span { color:#a7c1cd; }.price-summary { min-height:42px; margin-bottom:20px; color:#647784; font-size:.84rem; line-height:1.55; }.price-card-featured .price-summary { color:#c3d3dc; }.price-card ul { padding:18px 0 13px; margin:0; border-top:1px solid #dce6e4; list-style:none; }.price-card-featured ul { border-color:#ffffff25; }.price-card li { display:flex; align-items:center; gap:8px; margin:9px 0; color:#405765; font-size:.81rem; }.price-card-featured li { color:#e8f4f5; }.price-card li::before { content:""; width:4px; height:4px; border-radius:99px; background:#2ab6a7; }.price-foot { margin:auto 0 16px; color:#73858c; font-size:.68rem; line-height:1.45; }.price-card-featured .price-foot { color:#9ab1ba; }.price-card>a { color:#0e8079; font-size:.85rem; font-weight:800; }.price-card-featured>a { color:var(--mint); }.price-card>a span { margin-left:4px; }
.closing-section { min-height:305px; display:flex; align-items:center; justify-content:space-between; gap:40px; padding:56px; border-radius:24px; background:linear-gradient(112deg,#073155,#07233d); color:#fff; transform:translateY(58px); }.closing-section .eyebrow { margin-bottom:17px; }.closing-section h2 { margin:0; font-size:clamp(1.85rem,3.2vw,2.9rem); line-height:1.04; letter-spacing:-.07em; }.closing-actions { display:grid; gap:18px; justify-items:start; }.button-light { background:var(--mint); color:var(--ink); }.closing-actions>a:not(.button) { padding-left:4px; color:#c0e7e2; font-size:.83rem; font-weight:800; }
.site-footer { min-height:190px; display:grid; grid-template-columns:1fr auto auto; align-items:end; gap:38px; padding-bottom:32px; }.site-footer p { margin:0; color:#667784; font-size:.77rem; }.site-footer nav { display:flex; gap:20px; color:#526775; font-size:.76rem; font-weight:700; }.site-footer nav a:hover { color:#0d847c; }
@media (max-width: 880px) { .hero{grid-template-columns:1fr;padding-top:48px}.hero-copy{max-width:640px}.hero-visual{min-height:350px;max-width:700px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card-large{grid-column:span 2}.sofia-layout{grid-template-columns:1fr;gap:8px;padding:64px 0}.sofia-orbit{transform:scale(.86);transform-origin:left top;height:340px}.use-head{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:unset}.price-summary{min-height:unset}.pricing-head{align-items:start;flex-direction:column}.closing-section{padding:46px}.site-footer{grid-template-columns:1fr auto}.site-footer p{grid-row:2}.site-footer nav{grid-row:2;justify-self:end} }
@media (max-width: 610px) { .container{width:min(100% - 32px,1180px)}.site-header{height:75px}.desktop-nav{display:none}.button-small{padding:0 12px;font-size:.75rem}.hero{min-height:auto;padding:45px 0 58px;gap:35px}.hero h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-text{font-size:1rem}.hero-visual{min-height:260px;border-radius:19px}.visual-caption{right:12px;bottom:12px;font-size:.57rem}.signal-grid{min-height:unset;display:block;padding:20px 0}.signal-grid p{margin-bottom:14px;font-size:.88rem}.signal-items{gap:9px;font-size:.63rem}.product-section,.use-section{padding:74px 0}.section-intro{display:block;margin-bottom:31px}.section-intro h2,.use-head h2,.pricing-head h2{font-size:2.2rem}.feature-grid{grid-template-columns:1fr}.feature-card-large{grid-column:auto}.feature-card{min-height:275px}.inbox-preview{transform:scale(.8) rotate(-5deg);transform-origin:bottom right}.sofia-layout{padding:60px 0}.sofia-orbit{height:287px;transform:scale(.7);width:390px}.sofia-copy h2{font-size:2.2rem}.use-list{grid-template-columns:1fr}.use-list article,.use-list article+article{min-height:auto;padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.use-list article:last-child{border-bottom:0}.use-list span{margin-bottom:18px}.pricing-section{padding:73px 0}.pricing-head{gap:15px;margin-bottom:29px}.pricing-head>p{font-size:.8rem}.pricing-grid{gap:12px}.price-card{padding:25px}.closing-section{min-height:unset;display:block;padding:36px 27px;transform:translateY(37px);border-radius:18px}.closing-section h2{font-size:2rem}.closing-actions{margin-top:28px}.site-footer{min-height:184px;display:flex;flex-wrap:wrap;align-content:end;gap:17px;padding-bottom:21px}.site-footer p{width:100%;order:3}.site-footer nav{order:2;gap:14px} }

.legal-body { min-height:100dvh; display:flex; flex-direction:column; background:#f8fbfa; }
.legal-header { min-height:84px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.back-link { color:#416172; font-size:.8rem; font-weight:800; }.back-link:hover { color:#0d847c; }
.legal-main { flex:1; padding:82px 0 98px; }.legal-hero { max-width:790px; padding-bottom:44px; border-bottom:1px solid var(--line); }.legal-hero h1 { margin:0 0 15px; font-size:clamp(2.6rem,6vw,5rem); letter-spacing:-.085em; line-height:.97; }.legal-hero>p:last-child { margin:0; color:#6d7e88; font:400 .72rem var(--mono); }
.legal-copy { max-width:790px; padding-top:44px; color:#425462; font-size:1rem; line-height:1.78; }.legal-copy .legal-lead { margin-bottom:44px; color:#1d3b4b; font-size:1.15rem; line-height:1.68; }.legal-copy h2 { margin:43px 0 12px; color:var(--ink); font-size:1.32rem; letter-spacing:-.045em; line-height:1.2; }.legal-copy p { margin:0 0 17px; }.legal-copy a { color:#087f77; font-weight:800; text-decoration:underline; text-decoration-color:#7be6d3; text-underline-offset:3px; }.legal-footer { min-height:86px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:#6a7c85; font-size:.75rem; }.legal-footer nav { display:flex; gap:20px; font-weight:800; }.legal-footer a:hover { color:#0d847c; }
@media (max-width:610px) { .legal-header{min-height:72px}.legal-main{padding:57px 0 66px}.legal-hero{padding-bottom:32px}.legal-copy{padding-top:31px;font-size:.95rem}.legal-copy .legal-lead{font-size:1.05rem}.legal-copy h2{margin-top:35px}.legal-footer{min-height:77px;gap:15px;align-items:center}.legal-footer nav{gap:13px;font-size:.71rem} }