@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&display=swap');
:root{--ink:#1a1a2e;--primary:#1565c0;--secondary:#42a5f5;--accent:#bbdefb;--paper:#f5f7fb;--line:#dce3ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Roboto',sans-serif;font-size:17px;line-height:1.6}a{color:inherit}button,input{font:inherit}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #1565c0;outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:white;padding:1rem}header{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-size:26px;text-decoration:none;letter-spacing:-1.1px;font-weight:800;white-space:nowrap}.brand:first-letter{font-size:32px}nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}nav a{text-decoration:none}.login{border:1px solid var(--ink);border-radius:30px;padding:10px 23px}.hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:720px;padding:55px 5% 60px;gap:45px}.hero-copy{align-self:center;padding:10px 0}.eyebrow{font-weight:700;font-size:12px;letter-spacing:1.8px;margin:0 0 24px}h1,h2,h3{font-family:Roboto,sans-serif;line-height:1.06;letter-spacing:-3px;margin:0;font-weight:800}h1{font-size:clamp(46px,5.8vw,90px);max-width:820px}em{font-style:normal;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:9px;text-underline-offset:8px}.intro{max-width:530px;font-size:19px;margin:30px 0}.actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--accent);color:var(--ink);padding:17px 25px;border-radius:5px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#0d47a1}.textlink{font-size:14px;font-weight:600}.micro{font-size:13px;margin-top:25px;color:#5c686c}.hero-visual{position:relative;min-height:580px;border-radius:8px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:50% 45%;filter:brightness(.85)}.photo-caption{position:absolute;top:24px;left:25px;color:white;letter-spacing:1.8px;font-size:12px;font-weight:700}.time-note{position:absolute;bottom:25px;left:25px;right:25px;background:var(--accent);padding:26px;border-radius:4px;display:flex;flex-direction:column}.time-note strong{font:800 34px/1.3 Roboto,sans-serif;letter-spacing:-1px}.time-note span{font-size:14px}.ribbon{background:var(--ink);color:white;display:flex;justify-content:space-around;align-items:center;padding:23px 4%;font-size:13px;letter-spacing:2px;font-weight:600;gap:20px}.ribbon i{color:var(--accent);font-size:24px}.section{padding:110px 5%}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:20px 80px;margin-bottom:48px}.section-title .eyebrow{grid-column:1/-1;margin:0}h2{font-size:clamp(36px,4.1vw,64px)}h3{font-size:27px;letter-spacing:-1px;line-height:1.2}.section-title>p:last-child{align-self:end;max-width:410px;color:#566268}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.features article{padding:30px 30px 0 0}.features article+article{border-left:1px solid var(--line);padding-left:30px}.features p{color:#566268}.number{display:block;font-size:12px;font-weight:700;letter-spacing:1.3px;margin-bottom:30px}.mini{background:white;padding:20px;border:1px solid var(--line);border-radius:5px}.mini strong{float:right;font-size:24px;line-height:1.2}.bar{height:6px;background:#e3f2fd;margin:16px 0}.bar b{display:block;width:70%;height:100%;background:var(--ink)}small{font-size:12px;color:#687376}.week{display:flex;gap:8px;margin:22px 0 10px}.week span{flex:1;text-align:center;font-size:13px}.week b{display:block;padding:12px 2px;background:#e3f2fd;font-size:12px;border-radius:3px}.development{font-size:13px;border-top:1px solid var(--line);padding-top:20px}.audience{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white;gap:80px}.audience .eyebrow{color:var(--accent)}.audience-copy article+article{margin-top:38px;padding-top:30px;border-top:1px solid #43505a}.audience-copy span{font-size:12px;color:var(--accent);letter-spacing:1.5px}.audience h3{margin-top:15px}.audience-copy p{color:#c7ced3}.pricing{display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.pricing>div>p{max-width:510px}.pricing h2{margin-bottom:32px}.price-note{font-size:14px;color:#657175}.price-card{background:var(--accent);padding:38px;border-radius:6px}.price-card>span{font-size:12px;font-weight:700;letter-spacing:1.5px}.amount{font:800 96px/1.2 Roboto,sans-serif;letter-spacing:-5px;margin:24px 0 0}.amount span{font:500 16px 'Roboto',sans-serif;letter-spacing:0}.calculator{border-top:1px solid #90caf9;padding-top:24px;margin:24px 0}.calculator label{display:block;font-size:14px;font-weight:600}.calculator input{width:100%;padding:10px 14px;margin:10px 0;border:1px solid #90caf9;background:#ffffff;border-radius:4px}.calculator strong{font-size:30px}.dark{background:var(--ink);color:white;width:100%}.dark:hover{background:#30444e}.price-card small{display:block;color:var(--ink);margin-top:12px}.questions{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.questions h2{font-size:40px;letter-spacing:-2px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:18px;font-weight:600}details p{color:#566268}.closing{background:var(--ink);color:white;padding:90px 5%;text-align:center}.closing h2{font-size:clamp(45px,6vw,90px);margin:30px 0 45px}.closing .eyebrow{color:var(--accent)}footer{padding:38px 5%;display:flex;gap:25px;justify-content:space-between;align-items:center;font-size:13px}footer p{margin:0}@media(min-width:1600px){header,.hero,.section,.closing,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:900px){.hero{gap:25px;min-height:620px}.hero-visual{min-height:500px}.time-note{padding:20px;left:15px;right:15px}.time-note strong{font-size:27px}.pricing{gap:40px}.section{padding-top:75px;padding-bottom:75px}.ribbon{font-size:11px;letter-spacing:1px}.features{gap:20px}.features article,.features article+article{padding:25px 0;border-left:0}.audience,.questions{gap:40px}}@media(max-width:640px){header{padding:20px 5%}nav{gap:14px}nav a:not(.login){display:none}.brand{font-size:23px}.login{padding:8px 16px}.hero{grid-template-columns:1fr;padding-top:40px;gap:30px}.hero h1{font-size:clamp(43px,11vw,66px);letter-spacing:-2.5px}.hero-visual{min-height:420px}.intro{font-size:17px}.actions{gap:20px}.eyebrow{font-size:11px;letter-spacing:1.2px}.ribbon{flex-wrap:wrap;gap:10px 18px}.ribbon i{display:none}.section-title,.features,.audience,.pricing,.questions{grid-template-columns:1fr}.features article+article{border-top:1px solid var(--line)}.section-title{gap:25px}.section-title>p:last-child{margin:0}.features article{padding-bottom:20px}.price-card{padding:28px}.pricing{gap:35px}.questions{padding-top:0}.time-note strong{font-size:30px}footer{align-items:flex-start;flex-direction:column;gap:15px}.amount{font-size:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
@media(max-width:640px){h2{letter-spacing:-1.4px}}
/* Shared visual identity: Flutter primary #1565C0, secondary #42A5F5. */
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.5px;color:var(--primary)}
.brand-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--primary);color:white}
.brand-icon svg{width:24px;height:24px}
header{background:#fff}.login{border-color:var(--primary);color:var(--primary);border-radius:8px}.login:hover{background:#e3f2fd}
.button{background:var(--primary);color:#fff;border-radius:8px}.button:hover{background:#0d47a1}
.eyebrow,.number{color:var(--primary)}em{text-decoration-color:var(--secondary)}
.hero-visual{border-radius:16px}.time-note{background:var(--primary);color:#fff;border-radius:8px}
.ribbon,.audience,.closing{background:var(--primary)}.ribbon i,.audience .eyebrow,.audience-copy span,.closing .eyebrow{color:#e3f2fd}
.audience-copy p{color:#e3f2fd}.audience-copy article+article{border-color:#ffffff40}
.mini{border-radius:8px}.bar b{background:var(--primary)}.week b{color:#0d47a1;border-radius:6px}
.price-card{background:#e3f2fd;border:1px solid #bbdefb;border-radius:16px}.amount{color:var(--primary)}.calculator input{border-radius:8px}
.closing .button{background:#fff;color:var(--primary)}.closing .button:hover{background:#e3f2fd}