:root { --navy:#162b40; --navy-deep:#0c1d2d; --navy-soft:#eaf0f4; --green:#22af79; --green-dark:#13845b; --green-pale:#e8f8f0; --ink:#172b3f; --muted:#607182; --line:#dce5eb; --surface:#f7fafb; --white:#fff; --amber:#c57b1f; --blue:#3974b8; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { background:var(--white); color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin:0; } a { color:inherit; text-decoration:none; } button { font:inherit; } .container { margin:0 auto; max-width:1200px; padding-left:28px; padding-right:28px; } .skip-link { background:var(--navy); color:#fff; left:16px; padding:11px 14px; position:fixed; top:-60px; z-index:10; } .skip-link:focus { top:16px; }
.header { align-items:center; display:flex; height:86px; justify-content:space-between; }.brand { display:inline-flex; line-height:0; }.brand img { display:block; height:auto; width:148px; } nav { display:flex; gap:26px; margin-left:auto; margin-right:30px; } nav a, .header-login { color:#4d5e6e; font-size:14px; font-weight:650; transition:color .2s; } nav a:hover, .header-login:hover { color:var(--green-dark); }.header-actions { align-items:center; display:flex; gap:17px; }.button { align-items:center; background:var(--green); border:1px solid var(--green); border-radius:8px; color:#fff; display:inline-flex; font-size:14px; font-weight:750; gap:9px; justify-content:center; min-height:43px; padding:11px 16px; transition:background .2s, border-color .2s, transform .2s; }.button:hover { background:var(--green-dark); border-color:var(--green-dark); transform:translateY(-1px); }.button:focus-visible, a:focus-visible, summary:focus-visible { outline:3px solid #71d9ad; outline-offset:3px; }.button-outline { background:transparent; border-color:#bfd0c7; color:var(--navy); }.button-outline:hover { background:var(--green-pale); border-color:var(--green); color:var(--green-dark); }.button-large { font-size:15px; min-height:51px; padding:13px 20px; }
.hero { align-items:center; display:grid; gap:68px; grid-template-columns:minmax(0, .95fr) minmax(450px, 1.05fr); min-height:620px; padding-bottom:70px; padding-top:68px; position:relative; }.hero:before { background:radial-gradient(circle, #dcf6e9 0, #f6fcf8 48%, transparent 71%); content:""; height:620px; position:absolute; right:-210px; top:-60px; width:620px; z-index:-1; }.eyebrow { align-items:center; color:var(--green-dark); display:flex; font-size:11px; font-weight:800; gap:8px; letter-spacing:.11em; margin:0 0 17px; text-transform:uppercase; }.eyebrow-dot { background:var(--green); border-radius:50%; box-shadow:0 0 0 5px #dcf7e9; display:inline-block; height:7px; width:7px; } h1,h2,h3,p { margin-top:0; } h1 { color:var(--navy); font-size:clamp(44px, 5vw, 68px); letter-spacing:-.065em; line-height:1.01; margin-bottom:22px; } h1 em, .final-cta h2 em { color:var(--green-dark); font-style:normal; } h2 { color:var(--navy); font-size:clamp(32px, 3.4vw, 48px); letter-spacing:-.05em; line-height:1.08; margin-bottom:18px; }.hero-lead, .section-intro > p:not(.eyebrow), .proof-grid > div > p, .final-cta p { color:var(--muted); font-size:18px; line-height:1.65; max-width:570px; }.actions { align-items:center; display:flex; flex-wrap:wrap; gap:24px; margin-top:32px; }.text-link { color:var(--green-dark); font-size:14px; font-weight:800; }.text-link span { display:inline-block; margin-left:5px; transition:transform .2s; }.text-link:hover span { transform:translateX(3px); }.hero-points { color:#536877; display:flex; flex-wrap:wrap; font-size:12px; gap:17px; list-style:none; margin:27px 0 0; padding:0; }.hero-points li { align-items:center; display:flex; gap:6px; }.hero-points li:before { color:var(--green); content:"✓"; font-size:15px; font-weight:900; }
.hero-product { background:#fff; border:1px solid #d5e1e7; border-radius:17px; box-shadow:0 28px 70px #122d421c; overflow:hidden; transform:perspective(1200px) rotateY(-3deg) rotateX(2deg) rotateZ(1deg); }.product-chrome { align-items:center; background:#f6f9fb; border-bottom:1px solid #e4ebef; color:#738391; display:flex; font-size:11px; gap:5px; height:43px; padding:0 16px; }.product-chrome span { background:#d3dfe5; border-radius:50%; height:6px; width:6px; }.product-chrome b { color:#536978; font-size:11px; margin-left:9px; }.product-chrome i { font-size:10px; font-style:normal; margin-left:auto; }.product-layout { display:flex; min-height:390px; }.product-sidebar { align-items:center; background:var(--navy); display:flex; flex-direction:column; gap:21px; padding:18px 12px; width:62px; }.product-mark { align-items:center; background:var(--green); border-radius:9px; color:#fff; display:flex; font-size:14px; height:29px; justify-content:center; width:29px; }.product-sidebar span { background:#7190a4; border-radius:4px; height:7px; opacity:.75; width:7px; }.product-sidebar .sidebar-active { background:#fff; height:23px; opacity:1; width:4px; }.product-main { background:#fbfcfd; flex:1; padding:27px; }.product-welcome { align-items:flex-start; display:flex; justify-content:space-between; }.product-welcome small, .product-summary small, .product-feed small { color:#7a8a96; display:block; font-size:10px; }.product-welcome strong { color:var(--navy); display:block; font-size:17px; letter-spacing:-.03em; margin-top:4px; }.product-welcome button { background:var(--green-pale); border:0; border-radius:5px; color:var(--green-dark); font-size:10px; font-weight:750; padding:8px 10px; }.product-summary { display:grid; gap:10px; grid-template-columns:repeat(3,1fr); margin:24px 0; }.product-summary article { background:#fff; border:1px solid #e0e8ec; border-radius:8px; padding:12px; }.product-summary strong { color:var(--navy); display:block; font-size:23px; letter-spacing:-.06em; margin:6px 0 2px; }.product-summary span { color:#80909b; font-size:8px; }.product-feed { background:#fff; border:1px solid #e0e8ec; border-radius:8px; padding:14px; }.feed-heading { align-items:center; color:var(--navy); display:flex; font-size:11px; justify-content:space-between; margin-bottom:5px; }.feed-heading small { color:var(--green-dark); }.product-feed article { align-items:center; border-top:1px solid #edf1f3; display:flex; gap:9px; padding:12px 0; }.product-feed article > div { flex:1; min-width:0; }.product-feed article strong { color:#344b5b; display:block; font-size:10px; }.product-feed article small { line-height:1.4; margin-top:3px; }.feed-icon { align-items:center; border-radius:6px; display:flex; font-size:14px; height:27px; justify-content:center; width:27px; }.radar-icon { background:#e8f8f0; color:var(--green-dark); }.pauta-icon { background:#fff4df; color:var(--amber); }.feed-tag { background:#e8f8f0; border-radius:20px; color:var(--green-dark); font-size:8px; font-weight:700; padding:4px 7px; }.feed-tag.neutral { background:#f0f4f6; color:#69808f; }
.audience-strip { border-bottom:1px solid #e0e9ed; border-top:1px solid #e0e9ed; }.audience-strip > .container { align-items:center; display:flex; gap:35px; min-height:86px; }.audience-strip p { color:#6a7c89; font-size:12px; font-weight:700; margin:0; }.audience-strip ul { align-items:center; color:#4f6474; display:flex; flex:1; flex-wrap:wrap; font-size:13px; font-weight:650; gap:24px; justify-content:space-between; list-style:none; margin:0; padding:0; }.audience-strip li:before { color:var(--green); content:"•"; font-size:18px; margin-right:8px; vertical-align:-1px; }
.google-calendar-disclosure { background:#f4f8f6; border-bottom:1px solid #dce8e1; }.google-calendar-disclosure-grid { align-items:center; display:grid; gap:72px; grid-template-columns:1.1fr .9fr; padding-bottom:66px; padding-top:66px; }.google-calendar-disclosure h2 { font-size:clamp(28px, 3vw, 40px); margin-bottom:13px; }.google-calendar-disclosure p:not(.eyebrow) { color:var(--muted); font-size:15px; line-height:1.65; margin:0; max-width:620px; }.google-calendar-disclosure-actions { background:#fff; border:1px solid #d9e7df; border-radius:12px; padding:22px; }.google-calendar-disclosure-icon { align-items:center; background:var(--green-pale); border-radius:50%; color:var(--green-dark); display:flex; font-size:15px; font-weight:900; height:32px; justify-content:center; margin-bottom:13px; width:32px; }.google-calendar-disclosure-actions .text-link { display:inline-block; margin-top:16px; }
.section { padding-bottom:112px; padding-top:112px; }.section-intro { max-width:620px; }.centered { margin-left:auto; margin-right:auto; text-align:center; }.centered .eyebrow { justify-content:center; }.centered > p:not(.eyebrow) { margin-left:auto; margin-right:auto; }.process { align-items:start; display:grid; gap:112px; grid-template-columns:minmax(0,.86fr) minmax(460px,1.14fr); }.process-steps { border-top:1px solid var(--line); list-style:none; margin:0; padding:0; }.process-steps li { border-bottom:1px solid var(--line); display:grid; gap:26px; grid-template-columns:42px 1fr; padding:23px 0; }.process-steps span { color:var(--green-dark); font-size:12px; font-weight:850; padding-top:2px; }.process-steps h3 { color:var(--navy); font-size:18px; letter-spacing:-.025em; margin-bottom:7px; }.process-steps p { color:var(--muted); font-size:14px; line-height:1.6; margin:0; }
.feature-showcase { background:var(--surface); }.feature-grid { display:grid; gap:18px; grid-template-columns:repeat(3,1fr); margin-top:52px; }.feature-card { background:#fff; border:1px solid #dce6eb; border-radius:14px; display:flex; flex-direction:column; min-height:500px; overflow:hidden; padding:27px 27px 0; }.feature-card-primary { border-color:#aadac5; box-shadow:0 18px 40px #177c5010; }.feature-icon { align-items:center; background:var(--green-pale); border-radius:9px; color:var(--green-dark); display:flex; font-size:22px; height:42px; justify-content:center; width:42px; }.feature-icon.amber { background:#fff5e4; color:var(--amber); }.feature-icon.blue { background:#edf4fc; color:var(--blue); }.feature-kicker { color:var(--green-dark); font-size:11px; font-weight:800; letter-spacing:.09em; margin:20px 0 8px; text-transform:uppercase; }.feature-card h3 { color:var(--navy); font-size:22px; letter-spacing:-.035em; line-height:1.16; margin-bottom:12px; }.feature-card > p:not(.feature-kicker) { color:var(--muted); font-size:14px; line-height:1.6; }.feature-card ul { color:#4d6270; font-size:13px; line-height:1.55; list-style:none; margin:10px 0 23px; padding:0; }.feature-card li { margin-bottom:8px; padding-left:18px; position:relative; }.feature-card li:before { color:var(--green); content:"✓"; font-weight:900; left:0; position:absolute; }.card-visual { background:#f5f9f7; border:1px solid #e3ece8; border-radius:9px 9px 0 0; margin-top:auto; min-height:115px; padding:15px; }.card-visual span { color:#6c7d88; display:block; font-size:10px; font-weight:700; margin-bottom:12px; }.radar-visual b { background:linear-gradient(90deg, #34b782 45%, #d7e9e0 45%); border-radius:6px; display:block; height:9px; margin:10px 0; }.radar-visual b:nth-of-type(2) { background:linear-gradient(90deg, #5bc696 68%, #d7e9e0 68%); }.radar-visual b:nth-of-type(3) { background:linear-gradient(90deg, #24a773 32%, #d7e9e0 32%); }.pauta-visual { background:#fcfaf6; }.pauta-visual i { background:#e7dfd1; border-radius:4px; display:block; height:7px; margin:10px 0; width:100%; }.pauta-visual i:nth-of-type(2) { width:74%; }.pauta-visual i:nth-of-type(3) { background:#f0bd75; width:48%; }.operation-visual { background:#f5f8fb; }.operation-visual b { background:#e6f6ee; border-radius:16px; color:var(--green-dark); display:inline-block; font-size:9px; margin:4px 0 11px; padding:5px 8px; }.operation-visual i { background:#dce6ec; border-radius:5px; display:block; height:7px; width:74%; }
.proof-section { background:var(--navy); color:#fff; }.proof-grid { align-items:center; display:grid; gap:115px; grid-template-columns:1fr 1fr; }.proof-section h2 { color:#fff; }.proof-section .eyebrow { color:#7de0b2; }.proof-section > .container p:not(.eyebrow) { color:#bdd0db; }.proof-section .text-link { color:#78ddaf; }.assurance-list { border-top:1px solid #355166; }.assurance-list article { align-items:flex-start; border-bottom:1px solid #355166; display:flex; gap:19px; padding:22px 0; }.assurance-list span { color:#72daa9; font-size:12px; font-weight:850; padding-top:3px; }.assurance-list h3 { font-size:16px; letter-spacing:-.02em; margin-bottom:6px; }.assurance-list p { color:#b7cbd7; font-size:13px; line-height:1.5; margin:0; }
.pricing { background:#f4f8f6; }.section-heading { max-width:640px; }.pricing-heading { margin:0 auto; text-align:center; }.pricing-heading .eyebrow { justify-content:center; }.pricing-heading > p:not(.eyebrow) { color:var(--muted); font-size:17px; line-height:1.6; margin-left:auto; margin-right:auto; }.pricing-grid { align-items:stretch; display:grid; gap:18px; grid-template-columns:repeat(4,1fr); margin-top:48px; }.price-card { background:#fff; border:1px solid #dce7e2; border-radius:15px; display:flex; flex-direction:column; padding:28px; position:relative; }.price-card-featured { border:2px solid var(--green); box-shadow:0 18px 42px #087a4717; }.price-badge { background:var(--green); border-radius:20px; color:#fff; font-size:11px; font-weight:750; left:21px; margin:0; padding:7px 10px; position:absolute; top:-15px; }.price-card h3 { color:var(--navy); font-size:23px; letter-spacing:-.03em; margin:0 0 10px; }.price-audience { color:var(--muted); font-size:14px; line-height:1.55; min-height:66px; }.price { color:var(--navy); font-size:40px; font-weight:800; letter-spacing:-.06em; margin:25px 0 8px; }.price > span { font-size:16px; letter-spacing:0; margin-right:5px; vertical-align:15px; }.price small { color:var(--muted); font-size:13px; font-weight:600; letter-spacing:0; margin-left:5px; }.price-from { font-size:27px; letter-spacing:-.035em; white-space:nowrap; }.price-from > span { display:block; font-size:11px; letter-spacing:.06em; margin:0 0 4px; text-transform:uppercase; vertical-align:initial; }.price-detail { color:var(--muted); font-size:13px; line-height:1.45; margin-bottom:0; }.price-card ul { border-top:1px solid #e2ebe6; color:#3d564a; list-style:none; margin:26px 0 28px; padding:21px 0 0; }.price-card li { font-size:13px; line-height:1.45; margin-bottom:13px; padding-left:22px; position:relative; }.price-card li:before { color:var(--green); content:"✓"; font-weight:900; left:1px; position:absolute; }.price-action { margin-top:auto; text-align:center; }.pricing-note { color:var(--muted); font-size:13px; line-height:1.55; margin:22px auto 0; max-width:720px; text-align:center; }
.faq { align-items:start; display:grid; gap:110px; grid-template-columns:.8fr 1.2fr; }.faq-list { border-top:1px solid var(--line); }.faq details { border-bottom:1px solid var(--line); padding:0; }.faq summary { align-items:center; color:var(--navy); cursor:pointer; display:flex; font-size:16px; font-weight:750; gap:16px; justify-content:space-between; list-style:none; padding:21px 0; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { color:var(--green-dark); font-size:22px; font-weight:400; transition:transform .2s; }.faq details[open] summary span { transform:rotate(45deg); }.faq details p { color:var(--muted); font-size:14px; line-height:1.65; margin:0; padding:0 32px 21px 0; }.final-cta { background:linear-gradient(124deg, var(--navy-deep), var(--navy) 62%, #144b3d); color:#fff; overflow:hidden; padding:85px 0; position:relative; }.final-cta:after { border:1px solid #4f8e78; border-radius:50%; content:""; height:480px; opacity:.45; position:absolute; right:-170px; top:-170px; width:480px; }.final-cta .container { align-items:center; display:flex; gap:40px; justify-content:space-between; position:relative; z-index:1; }.final-cta h2 { color:#fff; font-size:clamp(32px,4vw,50px); margin:0 0 14px; }.final-cta .eyebrow { color:#7ee1b4; }.final-cta p:not(.eyebrow) { color:#c2d4dc; font-size:16px; margin:0; }.button-light { background:#fff; border-color:#fff; color:var(--green-dark); flex:none; }.button-light:hover { background:#dcf7e8; border-color:#dcf7e8; }
.site-footer { background:#f7fafb; }.footer-main { display:flex; justify-content:space-between; padding-bottom:60px; padding-top:62px; }.footer-brand > p { color:var(--muted); font-size:14px; margin:17px 0 9px; }.footer-email { color:var(--green-dark); font-size:13px; font-weight:750; }.footer-links { display:flex; gap:88px; }.footer-links h2 { color:var(--navy); font-size:13px; letter-spacing:0; margin:1px 0 17px; }.footer-links div { display:flex; flex-direction:column; gap:11px; }.footer-links a, .footer-bottom { color:#60717f; font-size:13px; }.footer-links a:hover, .footer-bottom a:hover { color:var(--green-dark); }.footer-bottom { border-top:1px solid #dce6eb; display:flex; justify-content:space-between; padding-bottom:20px; padding-top:20px; }.footer-bottom p { margin:0; }
.legal-header { border-bottom:1px solid var(--line); }.legal-header-actions { align-items:center; display:flex; gap:18px; }.legal-page { background:var(--surface); padding:64px 0 88px; }.legal-content { background:var(--white); border:1px solid var(--line); border-radius:16px; box-shadow:0 16px 42px #122d4210; margin:0 auto; max-width:900px; padding:clamp(28px, 6vw, 64px); }.legal-content h1 { font-size:clamp(38px, 5vw, 56px); margin-bottom:16px; }.legal-content h2 { font-size:24px; letter-spacing:-.035em; margin:46px 0 14px; }.legal-content p, .legal-content li { color:#4e6170; font-size:15px; line-height:1.72; }.legal-content li { margin-bottom:10px; }.legal-content strong { color:var(--navy); }.legal-content code { background:#edf4ef; border-radius:4px; color:#275f48; font-size:.9em; overflow-wrap:anywhere; padding:2px 5px; }.legal-content section:first-of-type h2 { margin-top:40px; }.legal-content section p:last-child { margin-bottom:0; }.legal-lead { color:var(--muted); font-size:19px !important; line-height:1.6 !important; margin-bottom:9px; max-width:680px; }.legal-updated { color:#718290 !important; font-size:13px !important; margin-bottom:0; }.legal-toc { background:#f7fafb; border:1px solid var(--line); border-radius:10px; display:flex; flex-wrap:wrap; gap:9px 18px; margin:0; padding:16px 18px; }.legal-toc a, .legal-inline-link { color:var(--green-dark); font-size:13px; font-weight:750; }.legal-toc a:hover, .legal-inline-link:hover { text-decoration:underline; }.legal-footer .footer-bottom { border-top:0; }.legal-footer { background:var(--surface); }.legal-footer-links { display:flex; gap:22px; }
@media (max-width:1120px) { .header { gap:18px; }.header nav { gap:17px; margin-right:14px; }.hero { gap:45px; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); }.process, .proof-grid, .faq { gap:65px; }.pricing-grid { grid-template-columns:repeat(2, minmax(0,1fr)); }.price-audience { min-height:0; } }
@media (max-width:850px) { .header { height:78px; }.header nav { display:none; }.header-actions { margin-left:auto; }.hero { grid-template-columns:1fr; padding-bottom:72px; padding-top:52px; }.hero:before { right:-220px; top:240px; }.hero-product { margin:0 auto; max-width:600px; transform:none; width:100%; }.audience-strip > .container { align-items:flex-start; flex-direction:column; gap:5px; padding-bottom:22px; padding-top:22px; }.audience-strip ul { gap:7px 20px; justify-content:flex-start; }.google-calendar-disclosure-grid { gap:28px; grid-template-columns:1fr; padding-bottom:52px; padding-top:52px; }.process, .proof-grid, .faq { gap:48px; grid-template-columns:1fr; }.section { padding-bottom:78px; padding-top:78px; }.feature-grid { grid-template-columns:1fr; margin-left:auto; margin-right:auto; max-width:560px; }.feature-card { min-height:0; }.final-cta .container { align-items:flex-start; flex-direction:column; }.footer-main { gap:45px; }.footer-links { gap:52px; }.legal-page { padding-bottom:64px; padding-top:42px; } }
@media (max-width:560px) { .container { padding-left:20px; padding-right:20px; }.header { height:72px; }.brand img { width:128px; }.header-login { display:none; }.header-cta { font-size:13px; min-height:39px; padding:9px 12px; }.hero { min-height:0; padding-top:45px; }.hero-lead, .section-intro > p:not(.eyebrow), .proof-grid > div > p { font-size:16px; }.actions { align-items:flex-start; flex-direction:column; gap:16px; }.hero-points { gap:10px 14px; }.product-main { padding:18px; }.product-layout { min-height:350px; }.product-sidebar { padding-left:9px; padding-right:9px; width:48px; }.product-summary { gap:6px; }.product-summary article { padding:9px; }.product-summary strong { font-size:19px; }.product-summary span { font-size:7px; }.product-welcome strong { font-size:15px; }.audience-strip li { font-size:12px; }.process-steps li { gap:17px; grid-template-columns:32px 1fr; }.pricing-grid { grid-template-columns:1fr; }.price-card { padding:26px; }.price-from { white-space:normal; }.faq summary { font-size:15px; }.final-cta { padding-bottom:64px; padding-top:64px; }.footer-main, .footer-bottom { align-items:flex-start; flex-direction:column; }.footer-main { padding-bottom:42px; padding-top:44px; }.footer-links { gap:38px; }.footer-bottom { gap:11px; }.footer-bottom p { line-height:1.5; }.legal-header-actions { gap:10px; }.legal-header-actions .header-login { display:inline; font-size:13px; }.legal-header-actions .button { font-size:13px; min-height:39px; padding:9px 11px; }.legal-content { border-radius:12px; padding:27px 22px; }.legal-content h2 { font-size:22px; margin-top:36px; }.legal-content p, .legal-content li { font-size:14px; }.legal-lead { font-size:17px !important; }.legal-toc { gap:9px 14px; }.legal-footer-links { flex-direction:column; gap:11px; } }