:root {
  --navy: #062b52;
  --navy-2: #0a3b6d;
  --orange: #f36c0a;
  --orange-dark: #d95500;
  --ink: #10233f;
  --muted: #58677a;
  --line: #d9e2ec;
  --soft: #f4f7fb;
  --white: #fff;
  --shadow: 0 24px 70px rgba(6, 43, 82, .18);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, Arial, sans-serif; color: var(--ink); background: var(--white); line-height: 1.55; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.section { padding: 88px 0; }
.eyebrow { margin: 0 0 12px; color: var(--orange); font-size: .82rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: Oswald, Inter, sans-serif; letter-spacing: -.02em; line-height: 1.06; }
h1 { font-size: clamp(3rem, 6vw, 5.7rem); margin-bottom: 24px; }
h2 { font-size: clamp(2.2rem, 4vw, 3.7rem); margin-bottom: 20px; }
h3 { line-height: 1.25; }
.site-header { position: sticky; top: 0; z-index: 30; background: rgba(6,43,82,.97); color: #fff; box-shadow: 0 2px 16px rgba(0,0,0,.14); }
.nav-wrap { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; }
.brand-mark { display: flex; align-items: baseline; font: 800 2rem/1 Oswald, sans-serif; letter-spacing: -.1em; }
.brand-m { color: var(--orange); }
.brand-name { font-size: 1rem; text-transform: uppercase; letter-spacing: .03em; }
.brand-name strong { color: var(--orange); }
.site-nav { display: flex; align-items: center; gap: 27px; font-size: .9rem; font-weight: 600; }
.site-nav a:not(.button):hover { color: #ffad6b; }
.nav-login { margin-left: 12px; }
.menu-toggle { display: none; background: none; color: #fff; border: 0; font-size: 1.7rem; }
.button { display: inline-flex; justify-content: center; align-items: center; min-height: 50px; padding: 0 24px; border-radius: 7px; border: 2px solid var(--orange); background: var(--orange); color: #fff; font-weight: 800; box-shadow: 0 8px 20px rgba(243,108,10,.24); cursor: pointer; transition: transform .15s ease, background .15s ease; }
.button:hover { transform: translateY(-2px); background: var(--orange-dark); border-color: var(--orange-dark); }
.button-small { min-height: 42px; padding: 0 18px; }
.button-secondary { background: transparent; color: var(--navy); border-color: var(--navy); box-shadow: none; }
.button-secondary:hover { background: var(--navy); color: #fff; }
.hero { overflow: hidden; background: radial-gradient(circle at 88% 25%, #d8eaf8 0, #fff 37%); padding-top: 84px; }
.hero-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 55px; }
.hero-lede { max-width: 680px; font-size: 1.16rem; color: var(--muted); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 32px 0 26px; }
.founder-note { font-size: .9rem; font-weight: 600; color: #4c5b6e; }
.founder-note span { color: var(--orange); margin-right: 8px; }
.product-visual { position: relative; min-height: 460px; display: flex; align-items: center; }
.browser-card { width: 92%; background: #fff; border: 8px solid #15202c; border-radius: 18px; box-shadow: var(--shadow); overflow: hidden; }
.browser-bar { height: 38px; padding: 0 13px; display: flex; align-items: center; gap: 7px; background: #eef2f6; font-size: .72rem; color: #64748b; }
.browser-bar i { width: 9px; height: 9px; border-radius: 50%; background: #bcc7d3; }
.browser-bar span { margin-left: 9px; font-weight: 700; }
.app-shell { min-height: 330px; display: flex; }
.app-sidebar { width: 110px; padding: 18px 12px; background: var(--navy); color: #dce8f4; display: flex; flex-direction: column; gap: 16px; font-size: .61rem; }
.app-sidebar b { color: #fff; background: rgba(255,255,255,.1); padding: 7px; border-radius: 5px; }
.mini-logo { color: var(--orange); font: 800 1.3rem Oswald; margin-bottom: 4px; }
.schedule-view { flex: 1; padding: 24px 16px; }
.schedule-title { display: flex; justify-content: space-between; margin-bottom: 16px; font-size: .75rem; }
.schedule-grid { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid #dce4ed; }
.day { min-height: 245px; padding: 8px 5px; border-right: 1px solid #e1e7ee; font-size: .55rem; }
.day:last-child { border: 0; }
.day b { display: block; padding-bottom: 7px; color: #526174; }
.job { display: block; font-style: normal; padding: 7px 5px; margin: 6px 0; border-radius: 4px; border-left: 3px solid; }
.job.blue { background: #deeffc; border-color: #4b9dd8; }.job.green { background:#e1f5e8;border-color:#55a86e}.job.orange{background:#fff0df;border-color:#f08b32}.job.purple{background:#eee8fb;border-color:#876ac4}
.phone-card { position: absolute; right: 0; bottom: 8px; width: 185px; min-height: 355px; padding: 31px 15px 14px; border: 7px solid #111a24; border-radius: 27px; background: #fff; box-shadow: 0 22px 40px rgba(0,0,0,.22); }
.phone-notch { position:absolute; top:0; left:50%; transform:translateX(-50%); width:78px; height:17px; border-radius:0 0 13px 13px; background:#111a24; }
.phone-label { color: #77879a; font-size: .6rem; font-weight: 800; letter-spacing: .08em; }
.phone-card h3 { font-size: .97rem; margin-bottom: 8px; }.phone-card p{font-size:.68rem}.phone-meta{display:grid;gap:3px;font-size:.67rem;margin:18px 0}.status-dot{color:#17a34a;font-size:.68rem;font-weight:800;margin:13px 0}.phone-card button{width:100%;border:0;border-radius:7px;background:var(--navy);color:#fff;padding:9px;font-size:.68rem;font-weight:700}.phone-nav{display:flex;justify-content:space-between;margin-top:25px;font-size:.53rem;color:#59687a}
.outcomes { padding: 26px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #fff; }
.outcomes-grid { display: grid; grid-template-columns: repeat(5,1fr); }
.outcomes article { display: flex; gap: 13px; padding: 5px 22px; border-right: 1px solid var(--line); }.outcomes article:last-child{border:0}.outcomes article>span{font-size:1.45rem;color:var(--navy)}.outcomes strong{font-size:.76rem;text-transform:uppercase}.outcomes p{font-size:.72rem;color:var(--muted);margin:4px 0 0}
.section-heading { max-width: 800px; margin-bottom: 45px; }.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading>p:last-child{color:var(--muted);font-size:1.05rem}.light h2,.light p{color:#fff}.light .eyebrow{color:#ff9851}
.challenge-section { background: var(--soft); }.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.challenge-grid article,.feature-grid article,.audience-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;box-shadow:0 8px 25px rgba(6,43,82,.05)}.challenge-grid span,.feature-grid span{font-size:1.75rem;color:var(--orange)}.challenge-grid h3,.feature-grid h3{margin:14px 0 8px}.challenge-grid p,.feature-grid p,.audience-grid p{margin:0;color:var(--muted);font-size:.91rem}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.workflow-section{background:linear-gradient(135deg,var(--navy),#0b4276)}.workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:9px}.workflow article{text-align:center;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:22px 12px;color:#fff;background:rgba(255,255,255,.06)}.workflow article span{display:grid;place-items:center;width:30px;height:30px;margin:-36px auto 15px;border-radius:50%;background:var(--orange);font-weight:800}.workflow article b{display:block;margin-bottom:8px}.workflow article p{margin:0;color:#d8e5f2;font-size:.76rem}.workflow>i{align-self:center;color:#ff9a50;font-size:1.4rem;font-style:normal}
.security-section{background:#eef5fb}.security-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.security-lead .shield{width:88px;height:88px;display:grid;place-items:center;border-radius:24px;background:var(--navy);color:#fff;font-size:2.7rem;box-shadow:0 12px 28px rgba(6,43,82,.2);margin-bottom:23px}.security-lead>p:last-child{color:var(--muted)}.security-points{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.security-points article{background:#fff;border-left:4px solid var(--orange);border-radius:8px;padding:22px;box-shadow:0 8px 23px rgba(6,43,82,.06)}.security-points h3{font-size:1rem;margin-bottom:7px}.security-points p{font-size:.85rem;color:var(--muted);margin:0}
.audience-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.audience-grid article{text-align:center;padding:28px 18px}.audience-icon{font-size:2rem;color:var(--orange);margin-bottom:12px}.audience-grid h3{font-size:1rem}
.demo-section{background:linear-gradient(120deg,#f36c0a,#e15a00);color:#fff}.demo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.demo-grid .eyebrow{color:#fff1e6}.demo-grid p{color:#fff4eb}.demo-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;background:#fff;color:var(--ink);padding:27px;border-radius:15px;box-shadow:var(--shadow)}.demo-form label{display:grid;gap:6px;font-size:.78rem;font-weight:700}.demo-form input,.demo-form textarea{width:100%;border:1px solid #ccd7e2;border-radius:7px;padding:11px 12px;outline:none}.demo-form input:focus,.demo-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,108,10,.12)}.full{grid-column:1/-1}
.site-footer{padding:58px 0 24px;background:#041f3b;color:#dbe7f2}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-brand{margin-bottom:18px}.footer-grid p{max-width:330px;color:#9fb1c3;font-size:.88rem}.footer-grid h3{color:#fff;font-size:.88rem;text-transform:uppercase}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid a{font-size:.84rem}.footer-grid a:hover{color:#ff9a50}.copyright{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.76rem;color:#8da2b6}
@media (max-width: 980px){.site-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:22px;background:var(--navy);flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.menu-toggle{display:block}.nav-login{margin-left:0}.hero-grid,.security-grid,.demo-grid{grid-template-columns:1fr}.product-visual{min-height:410px}.outcomes-grid{grid-template-columns:repeat(2,1fr)}.outcomes article{border-bottom:1px solid var(--line)}.challenge-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(3,1fr);gap:24px}.workflow>i{display:none}.audience-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.container{width:min(100% - 28px,1180px)}.section{padding:68px 0}.brand-name{display:none}.hero{padding-top:58px}.hero-grid{gap:25px}.product-visual{min-height:350px}.browser-card{width:100%;border-width:5px}.app-sidebar{width:80px}.day:nth-child(n+4){display:none}.schedule-grid{grid-template-columns:repeat(3,1fr)}.phone-card{width:145px;min-height:300px;right:-4px}.outcomes-grid,.challenge-grid,.feature-grid,.security-points,.audience-grid,.demo-form,.footer-grid{grid-template-columns:1fr}.outcomes article{border-right:0}.workflow{grid-template-columns:repeat(2,1fr)}.demo-grid{gap:30px}.full{grid-column:auto}.demo-form .full{grid-column:1}.footer-grid{gap:28px}}