:root{--ink:#07101f;--muted:#667085;--blue:#075fff;--blue2:#10a5ff;--line:#e5e9f0;--paper:#f7f9fc;--dark:#04070d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.site-header{height:76px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:44px;border-bottom:1px solid rgba(7,16,31,.08);background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:32px;height:38px;display:block;overflow:hidden;border:1px solid #edf1f7;border-radius:8px;background:#fff}.brand-mark img{width:100%;height:100%;object-fit:contain;transform:scale(1.75)}.brand>span:last-child{display:flex;gap:4px;align-items:baseline;font-family:Manrope,sans-serif}.brand b{font-size:19px}.brand em{font-size:14px;font-style:normal;color:#4973af}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--blue)}.header-cta{margin-left:auto;padding:11px 16px;color:#fff;background:var(--ink);border-radius:10px;font-size:13px;font-weight:700}.menu-button{display:none;margin-left:auto;border:0;background:none;font-size:22px}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1240px;margin:auto;padding:76px 24px 80px}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#3260a9}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:24px;height:2px;background:var(--blue)}h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(50px,6vw,82px);line-height:.98;letter-spacing:-.055em;margin:23px 0}.hero h1 strong{font-weight:700;color:var(--blue)}.hero-copy>p{max-width:600px;color:var(--muted);font-size:19px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;border-radius:11px;font-size:14px;font-weight:700}.button.primary{background:linear-gradient(135deg,#075fff,#003bd4);color:#fff;box-shadow:0 14px 30px rgba(7,95,255,.2)}.button.secondary{border:1px solid var(--line)}.hero-proof{display:flex;gap:20px;margin-top:30px;color:#5e6878;font-size:12px}.hero-proof i{font-style:normal;color:#0a9f64}.hero-art{position:relative;min-height:530px;display:grid;place-items:center}.orb{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#c2e7ff 0,#ecf7ff 38%,rgba(255,255,255,0) 70%)}.ribbon-stage{position:relative;width:340px;height:475px;border:1px solid #edf1f7;border-radius:28px;background:#fff;overflow:visible;transform:rotate(3deg);box-shadow:0 45px 90px rgba(0,45,130,.16)}.ribbon-stage>img{width:100%;height:100%;object-fit:contain;border-radius:28px}.product-pill{position:absolute;padding:11px 16px;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 12px 38px rgba(3,22,58,.16);font-family:Manrope;font-weight:800;font-size:13px;color:#123}.product-pill.mail{left:-50px;top:80px}.product-pill.hr{right:-40px;top:220px}.product-pill.b2b{left:-45px;bottom:70px}.suite-strip{min-height:90px;padding:20px max(24px,calc((100vw - 1240px)/2));background:var(--dark);color:#fff;display:flex;align-items:center;gap:54px}.suite-strip>span{margin-right:auto;color:#8b97aa;font-size:13px}.suite-strip div{font-family:Manrope;font-weight:700}.suite-strip b{margin-right:8px;color:#2378ff;font-size:11px}.section{padding:120px max(24px,calc((100vw - 1240px)/2))}.section-heading{display:grid;grid-template-columns:1fr 1.2fr;column-gap:60px;align-items:end}.section-heading .kicker{grid-column:1/-1}.section h2{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:16px 0}.section-heading p,.platform-copy>p{color:var(--muted);font-size:17px;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.product-card{position:relative;min-height:500px;padding:30px;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:.25s}.product-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(13,35,75,.1)}.product-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}.mail-card{--accent:#0867ff}.hr-card{--accent:#7c3cff}.b2b-card{--accent:#00a978}.product-top{display:flex;align-items:center;justify-content:space-between}.product-top small{font-size:10px;letter-spacing:.15em;font-weight:800;color:#8a94a6}.product-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);font-size:23px}.product-card h3{font-size:30px;margin:38px 0 12px}.product-card>p{color:var(--muted);line-height:1.65}.product-card ul{list-style:none;padding:0;margin:24px 0}.product-card li{padding:11px 0;border-bottom:1px solid #eef1f5;font-size:14px}.product-card li:before{content:"✓";color:var(--accent);margin-right:10px}.product-card>a,.coming{margin-top:auto;font-weight:800;font-size:14px;color:var(--accent)}.coming{color:#7c3cff}.platform{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;background:var(--paper)}.platform-visual{min-height:500px;display:grid;place-items:center;position:relative}.identity-card{z-index:2;width:min(100%,410px);padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:14px;box-shadow:0 25px 60px rgba(6,30,75,.13)}.mini-logo{width:52px;height:60px;border:1px solid #edf1f7;border-radius:12px;background:#fff;overflow:hidden}.mini-logo img{width:100%;height:100%;object-fit:contain;transform:scale(1.7)}.identity-card div{display:grid;gap:4px}.identity-card small{font-size:9px;letter-spacing:.15em;color:#71809a}.identity-card i{margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e9f9f1;color:#0a9f64;font-style:normal}.connection-line{position:absolute;top:50%;width:2px;height:170px;background:linear-gradient(#196bff,#b8d1ff);transform:translateY(30px)}.app-nodes{position:absolute;bottom:35px;display:flex;gap:18px}.app-nodes span{width:82px;height:82px;border-radius:20px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-family:Manrope;font-weight:800;box-shadow:0 14px 35px rgba(6,30,75,.08)}.feature-row{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #dfe5ee}.feature-row>b{color:#4f79ba;font-size:12px}.feature-row div{display:grid;gap:5px}.feature-row span{color:var(--muted);font-size:14px}.security{color:#fff;background:#040811;position:relative;overflow:hidden}.security:after{content:"";position:absolute;width:650px;height:650px;right:-200px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(0,110,255,.38),transparent 65%)}.security-copy{max-width:820px;position:relative;z-index:1}.kicker.light{color:#62a9ff}.security-copy p{max-width:650px;color:#a7b3c6;font-size:18px;line-height:1.65}.security-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:65px;background:#273044;border:1px solid #273044;position:relative;z-index:1}.security-points div{background:#0a101c;padding:30px}.security-points span{color:#428eff;font-size:11px}.security-points b{display:block;font-family:Manrope;font-size:18px;margin:40px 0 8px}.security-points p{color:#8996aa;line-height:1.6;font-size:14px}.closing{text-align:center}.closing h2 strong{color:var(--blue)}.closing>div{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:36px}.text-link{font-weight:700;font-size:14px}footer{padding:48px max(24px,calc((100vw - 1240px)/2));border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;color:#6a7588}footer p{font-size:13px}footer>div{display:flex;gap:24px;font-size:13px}footer small{grid-column:1/-1;font-size:11px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header nav,.header-cta{display:none}.menu-button{display:block}.site-header.open nav{display:flex;position:absolute;top:76px;left:0;right:0;padding:22px;background:#fff;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{min-height:500px}.section-heading,.platform{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card{min-height:430px}.platform{gap:30px}.security-points{grid-template-columns:1fr}.suite-strip{overflow:auto}.suite-strip>span{display:none}footer{grid-template-columns:1fr}.section{padding-top:80px;padding-bottom:80px}}@media(max-width:560px){.hero h1{font-size:48px}.hero-actions,.hero-proof,.closing>div{align-items:stretch;flex-direction:column}.hero-proof{gap:10px}.hero-art{min-height:420px}.ribbon-stage{width:250px;height:360px}.section h2{font-size:38px}.product-pill.hr{right:-20px}.product-pill.mail,.product-pill.b2b{left:-15px}.app-nodes span{width:70px;height:70px}.security-points{margin-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Polished brand and interaction layer */
.brand{flex:0 0 auto;min-width:max-content;white-space:nowrap}
.brand-mark{width:40px;height:44px;border-color:#e6ebf3;border-radius:11px;box-shadow:0 5px 16px rgba(20,48,92,.08)}
.brand>span:last-child{min-width:max-content;white-space:nowrap}
.brand b{letter-spacing:-.025em}
.brand em{color:#3768b3;font-weight:600}
.site-header{box-shadow:0 1px 0 rgba(7,16,31,.02)}
.site-header a,.product-card a,.button,.text-link{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.header-cta:hover,.button.primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(7,95,255,.25)}
.button.secondary:hover{border-color:#a9c4ef;background:#f5f9ff;color:#075fff}
.product-card>a:hover,.text-link:hover{transform:translateX(3px)}
.site-header a:focus-visible,.button:focus-visible,.product-card a:focus-visible,.menu-button:focus-visible{outline:3px solid rgba(7,95,255,.28);outline-offset:4px}
.hero-copy>p{max-width:640px}
.ribbon-stage{border-color:#e4ebf5;box-shadow:0 36px 80px rgba(7,71,181,.15)}
.product-card{border-color:#e4e9f1}

@media(max-width:1080px){.site-header{gap:26px}.site-header nav{gap:20px}.header-cta{padding:10px 13px}}
@media(max-width:940px){.site-header nav,.header-cta{display:none}.menu-button{display:block}.site-header.open nav{display:flex;position:absolute;top:76px;left:0;right:0;padding:22px;background:#fff;box-shadow:0 18px 35px rgba(7,16,31,.08);flex-direction:column}.site-header.open nav a{padding:8px 2px}}
@media(max-width:560px){.site-header{height:68px;padding:0 16px}.brand-mark{width:36px;height:40px}.brand b{font-size:18px}.brand em{font-size:13px}.site-header.open nav{top:68px}.hero{padding-left:18px;padding-right:18px}.section{padding-left:18px;padding-right:18px}}

/* Keep the complete final logo visible with safe white space. */
.brand-mark img,.mini-logo img{object-fit:contain;object-position:center;transform:none}
.brand-mark,.mini-logo{padding:2px;background:#fff}

/* Flat Google-style logo placement: no decorative container. */
.brand-mark,.mini-logo{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.brand-mark img,.mini-logo img{display:block;border:0;border-radius:0;background:transparent;box-shadow:none}
.ribbon-stage{border:0;background:transparent;box-shadow:none}

/* The product story now follows the hero directly without an interrupting strip. */
.products{padding-top:96px}
@media(max-width:900px){.products{padding-top:72px}}