@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  --ink: #12365f;
  --ink-deep: #071f3a;
  --cream: #eef5ff;
  --paper: #fbfdff;
  --orange: #f26b38;
  --lime: #5fb3ff;
  --muted: #5f6f82;
  --line: rgba(18, 54, 95, 0.16);
  --shadow: 0 24px 70px rgba(7, 31, 58, 0.14);
}
.password-field{position:relative;display:block;width:100%}.password-field input{padding-right:4.7rem}.password-toggle{position:absolute;right:.42rem;top:50%;transform:translateY(-50%);width:auto!important;margin:0!important;border:0;border-radius:.38rem;background:#e7eff8;color:var(--ink);padding:.35rem .52rem;font-size:.62rem;font-weight:850;line-height:1;cursor:pointer}.password-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", sans-serif; overflow-x: hidden; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 100; background: white; padding: .8rem 1rem; border-radius: .5rem; }
.skip-link:focus { top: 1rem; }

.site-header { height: 82px; max-width: 1440px; margin: auto; padding: 0 4.5vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; position: relative; z-index: 30; }
.brand { display: inline-flex; align-items: center; gap: .65rem; font-size: 1.35rem; font-weight: 700; letter-spacing: -.04em; width: fit-content; }
.brand img { width: 32px; }
.site-nav { display: flex; align-items: center; gap: 2.2rem; font-size: .91rem; font-weight: 600; }
.site-nav a { position: relative; }
.site-nav a::after { content: ""; position: absolute; left: 0; bottom: -.45rem; height: 2px; width: 100%; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.site-nav a:hover::after { transform: scaleX(1); }
.header-cta { justify-self: end; }
.menu-button { display: none; border: 0; background: none; padding: .5rem; }
.menu-button > span:not(.sr-only) { display: block; width: 23px; height: 2px; background: var(--ink); margin: 5px; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: .75rem; background: var(--orange); color: white; padding: 1rem 1.35rem; border-radius: .65rem; font-weight: 700; font-size: .9rem; box-shadow: 0 8px 22px rgba(242, 107, 56, .22); transition: transform .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(242, 107, 56, .3); }
.button-small { padding: .72rem 1rem; box-shadow: none; }
.text-link { font-weight: 700; font-size: .91rem; display: inline-flex; gap: .6rem; align-items: center; border-bottom: 1px solid currentColor; padding-bottom: .25rem; }
.eyebrow { text-transform: uppercase; font-size: .69rem; font-weight: 700; letter-spacing: .17em; display: flex; align-items: center; gap: .7rem; }
.eyebrow > span { width: 23px; height: 2px; background: var(--orange); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: "Manrope", sans-serif; letter-spacing: -.055em; line-height: 1.04; }
h1 em, h2 em { font-family: Georgia, serif; font-weight: 400; }

.hero { min-height: 710px; padding: 5.5rem max(4.5vw, calc((100vw - 1310px)/2)); display: grid; grid-template-columns: .88fr 1.12fr; gap: 5vw; align-items: center; position: relative; background: linear-gradient(108deg, var(--paper) 0 53%, #e4f0ff 53%); }
.hero::before { content: ""; position: absolute; left: 0; top: 0; width: 34%; height: 100%; background-image: radial-gradient(rgba(18,54,95,.09) .65px, transparent .65px); background-size: 12px 12px; mask-image: linear-gradient(90deg, black, transparent); opacity: .45; }
.hero-copy { position: relative; z-index: 2; max-width: 570px; }
.hero h1 { font-size: clamp(3.6rem, 6.1vw, 6.4rem); margin: 1.25rem 0 1.5rem; }
.hero h1 em { color: var(--orange); white-space: normal; }
.hero-lede { font-size: 1.15rem; line-height: 1.65; color: var(--muted); max-width: 540px; }
.hero-actions { display: flex; align-items: center; gap: 1.8rem; margin-top: 2rem; }
.hero-proof { display: flex; margin-top: 4.5rem; padding-top: 1.3rem; border-top: 1px solid var(--line); gap: 0; }
.hero-proof div { display: flex; flex-direction: column; gap: .25rem; padding-right: 1.5rem; margin-right: 1.5rem; border-right: 1px solid var(--line); }
.hero-proof div:last-child { border: 0; }
.hero-proof strong { font-size: .82rem; }
.hero-proof span { color: var(--muted); font-size: .7rem; }

.hero-visual { position: relative; min-width: 0; }
.sun-orbit { position: absolute; width: 520px; height: 520px; border: 1px solid rgba(18,54,95,.16); border-radius: 50%; top: -100px; right: -150px; }
.sun-orbit::before, .sun-orbit::after { content: ""; position: absolute; border: 1px solid rgba(18,54,95,.12); border-radius: 50%; inset: 55px; }
.sun-orbit::after { inset: 125px; }
.sun-orbit span { width: 20px; height: 20px; border-radius: 50%; background: var(--orange); position: absolute; left: 47px; top: 70px; }
.app-window { width: min(760px, 100%); background: white; border: 1px solid rgba(18,54,95,.12); border-radius: 1.1rem; overflow: hidden; box-shadow: 0 35px 90px rgba(11,43,79,.18); transform: rotate(-1deg); position: relative; z-index: 2; }
.window-bar { height: 53px; padding: 0 1.2rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d9e3ef; }
.mini-brand { display: flex; align-items: center; gap: .4rem; font-size: .66rem; font-weight: 700; }
.mini-brand img { width: 18px; }
.avatar { display: grid; place-items: center; width: 27px; height: 27px; background: var(--cream); border-radius: 50%; font-size: .55rem; font-weight: 700; }
.app-layout { min-height: 410px; display: grid; grid-template-columns: 55px 1fr; }
.app-sidebar { padding-top: 1.6rem; border-right: 1px solid #d9e3ef; display: flex; align-items: center; flex-direction: column; gap: 1.4rem; }
.app-sidebar i { width: 13px; height: 13px; border: 1.5px solid #91a3b8; border-radius: 4px; }
.app-sidebar i.active { border-color: var(--orange); background: #fce0d5; }
.schedule { padding: 1.7rem; background: #f7fbff; }
.schedule-head { display: flex; justify-content: space-between; align-items: center; }
.schedule-head span { display: block; text-transform: uppercase; letter-spacing: .12em; font-size: .53rem; color: #75879c; margin-bottom: .3rem; }
.schedule-head strong { font-size: 1.05rem; }
.schedule-head button, .phone-card button { border: 0; border-radius: .4rem; background: var(--orange); color: white; font-weight: 700; font-size: .57rem; padding: .65rem .8rem; }
.metric-row { display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin: 1.5rem 0 1rem; }
.metric-row div { padding: .8rem; border-radius: .45rem; background: white; border: 1px solid #d7e2ee; }
.metric-row span { display: block; font-size: .53rem; color: #74869b; margin-bottom: .4rem; }
.metric-row strong { font-size: .75rem; }
.route-card { background: white; border: 1px solid #d7e2ee; border-radius: .55rem; overflow: hidden; }
.route-top { padding: .9rem; display: flex; justify-content: space-between; border-bottom: 1px solid #e6eef8; font-size: .66rem; }
.route-top span { color: #256aa8; }
.job { display: grid; grid-template-columns: 38px 8px 1fr auto; gap: .7rem; align-items: center; padding: .8rem; border-bottom: 1px solid #e6eef8; font-size: .55rem; }
.job:last-child { border: 0; }
.job time { color: #728399; }
.job i { width: 7px; height: 27px; border-radius: 4px; background: #ddd; }
.job i.green { background: #2f8fd8; }.job i.orange { background: var(--orange); }.job i.cream { background: #e3cf85; }
.job span { display: flex; flex-direction: column; gap: .2rem; }.job small { color: #75879c; }
.job b { font-size: .5rem; padding: .3rem .5rem; background: #e7f1fb; border-radius: 1rem; }
.floating-note { position: absolute; right: -20px; bottom: 40px; z-index: 4; background: white; border-radius: .6rem; box-shadow: 0 15px 35px rgba(7,31,58,.18); padding: .8rem 1rem; display: flex; align-items: center; gap: .65rem; font-size: .7rem; animation: float 4s ease-in-out infinite; }
.floating-note .check { display: grid; place-items: center; background: var(--lime); border-radius: 50%; width: 28px; height: 28px; font-weight: 700; }
.floating-note span:last-child { display: flex; flex-direction: column; gap: .16rem; }.floating-note small { color: var(--muted); }

.marquee { background: var(--ink); color: white; overflow: hidden; padding: 1rem 0; }
.marquee-track { width: max-content; display: flex; align-items: center; gap: 2.2rem; animation: marquee 26s linear infinite; text-transform: uppercase; font-size: .66rem; letter-spacing: .18em; }
.marquee i { width: 7px; height: 7px; background: var(--orange); transform: rotate(45deg); }
.section { padding: 8rem max(4.5vw, calc((100vw - 1310px)/2)); }
.section-heading { max-width: 720px; margin-bottom: 3.5rem; }
.section-heading h2, .updates-head h2 { font-size: clamp(2.5rem, 4.4vw, 4.4rem); margin: 1.4rem 0; }
.section-heading h2 em, .updates-head h2 em { color: var(--orange); }
.section-heading > p:last-child { color: var(--muted); line-height: 1.65; max-width: 570px; }
.module-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: -1.4rem 0 2.6rem; }
.module-strip article { border: 1px solid var(--line); border-radius: .85rem; background: white; padding: 1.2rem; box-shadow: 0 12px 35px rgba(18,54,95,.04); }
.module-strip span { display: block; color: var(--orange); font-size: .63rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; margin-bottom: .75rem; }
.module-strip strong { display: block; font-size: .86rem; line-height: 1.55; }
.feature-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 1.2rem; }
.feature { border-radius: 1rem; min-height: 440px; padding: 2.4rem; position: relative; overflow: hidden; background: var(--cream); }
.feature-number { display: inline-grid; place-items: center; width: 35px; height: 35px; border: 1px solid rgba(18,54,95,.2); border-radius: 50%; font-size: .65rem; margin-bottom: 2.2rem; }
.feature h3 { font-family: "Manrope"; font-size: 1.7rem; line-height: 1.2; letter-spacing: -.04em; max-width: 430px; }
.feature p { color: var(--muted); line-height: 1.6; max-width: 440px; }
.feature-large { display: grid; grid-template-columns: .75fr 1.25fr; gap: 2rem; background: #d9ebff; }
.week-card { background: white; border-radius: .8rem; padding: 1rem; transform: rotate(3deg) translate(20px, 40px); box-shadow: var(--shadow); }
.week-days { display: grid; grid-template-columns: repeat(5,1fr); gap: .25rem; border-bottom: 1px solid #e8ebe6; padding-bottom: .8rem; }
.week-days b { font-size: .45rem; color: #74869b; text-align: center; padding: .4rem; }.week-days em { display: block; font-style: normal; font-size: .75rem; color: var(--ink); margin-top: .2rem; }.week-days .today { background: var(--cream); border-radius: .3rem; }
.week-jobs { position: relative; height: 255px; background-image: linear-gradient(#e6eef8 1px, transparent 1px); background-size: 100% 42px; }
.job-pill { position: absolute; left: 2%; width: 45%; border-left: 3px solid var(--orange); background: #fce7dd; padding: .6rem; border-radius: .3rem; font-size: .5rem; }.p1{top:20px}.p2{top:75px;left:52%;border-color:#2f8fd8;background:#e9f1e5}.p3{top:130px;left:26%;border-color:#d1b759;background:#f8f0cf}.p4{top:185px;left:50%;}
.feature-dark { background: var(--ink); color: white; }.feature-dark .feature-number { border-color: rgba(255,255,255,.25); }.feature-dark p { color: #bdd0e6; }.quote-icon { font-family: Georgia; color: var(--lime); font-size: 6rem; line-height: .7; position: absolute; right: 2rem; top: 2rem; }.status-icon { font-family: "Manrope", sans-serif; font-size: 3.4rem; line-height: 1; letter-spacing: -.15em; }.accept-pill { position: absolute; bottom: 2rem; left: 2.4rem; right: 2.4rem; background: rgba(255,255,255,.09); padding: 1rem; border-radius: .6rem; font-size: .72rem; }.accept-pill span { display: inline-grid; place-items:center; margin-right: .5rem; background: var(--lime); color: var(--ink); width: 22px; height: 22px; border-radius:50%; }
.feature-field { background: #f5e2d6; }.phone-card { position: absolute; right: 2rem; bottom: -25px; width: 46%; min-width: 240px; background: white; border-radius: 1rem 1rem 0 0; padding: 1.4rem; box-shadow: var(--shadow); }.phone-top { display:flex; justify-content:space-between; margin-bottom:1.7rem; }.phone-top small { color:var(--orange); font-weight:700; }.phone-card > strong,.phone-card > span { display:block; }.phone-card > span { font-size:.65rem;color:var(--muted);margin-top:.4rem }.phone-card .progress { height:4px;background:#e2ebf5;margin:1.5rem 0; }.phone-card .progress i { display:block;width:62%;height:100%;background:var(--lime); }.phone-card button { width:100%; padding:.8rem; }

.how { background: var(--ink); color: white; padding: 8rem max(4.5vw, calc((100vw - 1310px)/2)); display: grid; grid-template-columns: .9fr 1.1fr; gap: 10vw; position: relative; }
.how::after { content:""; position:absolute; width:300px; height:300px; border:1px solid rgba(255,255,255,.06); border-radius:50%; left:-150px;bottom:-150px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018); }
.eyebrow-light > span { background:var(--lime); }.how h2 { font-size:clamp(2.5rem,4.5vw,4.6rem); margin:1.5rem 0; }.how h2 em { color:var(--lime); }.how-copy > p:not(.eyebrow) { color:#bdd0e6; line-height:1.7; max-width:550px; }.button-light { background:var(--paper); color:var(--ink); box-shadow:none; margin-top:1.2rem; }
.steps { list-style:none; padding:0;margin:0; }.steps li { display:grid; grid-template-columns:60px 1fr; gap:1.2rem; padding:1.65rem 0; border-top:1px solid rgba(255,255,255,.15); }.steps li:last-child{border-bottom:1px solid rgba(255,255,255,.15)}.steps li > span { color:var(--lime);font-size:.65rem;letter-spacing:.12em; }.steps strong{font-family:"Manrope";font-size:1.25rem}.steps p{color:#a9bed6;font-size:.85rem;margin:.5rem 0 0;}

.release-section { background:var(--cream); }.release-panel { min-height:450px;background:var(--paper);border-radius:1rem;display:grid;grid-template-columns:1fr .8fr;align-items:center;overflow:hidden;box-shadow:0 12px 40px rgba(18,54,95,.06); }.release-copy{padding:4.5rem}.version-line{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.version-line h2{font-size:clamp(2.4rem,4vw,4rem);margin:0}.version-line>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;background:var(--lime);padding:.45rem .65rem;border-radius:1rem;font-weight:700}.release-copy>p:not(.eyebrow){color:var(--muted);line-height:1.65;max-width:580px}.release-meta{display:flex;gap:2rem;padding:1.3rem 0;margin:1.4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.7rem;color:var(--muted)}.release-meta strong{display:block;color:var(--ink);margin-top:.25rem}.rings{height:100%;background:#dbeeff;position:relative;display:grid;place-items:center;overflow:hidden}.rings>span{position:absolute;border:1px solid rgba(18,54,95,.15);border-radius:50%;width:170px;height:170px}.rings>span:nth-child(2){width:300px;height:300px}.rings>span:nth-child(3){width:440px;height:440px}.rings img{width:76px;position:relative;z-index:2;box-shadow:0 15px 35px rgba(18,54,95,.17);border-radius:20px}
.release-notes{background:var(--paper);padding-top:7rem}.release-notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.release-note-card{background:white;border:1px solid var(--line);border-radius:1rem;padding:1.6rem;min-height:230px;box-shadow:0 12px 35px rgba(18,54,95,.05)}.release-note-card>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cream);font-size:.65rem;font-weight:800;color:var(--orange);margin-bottom:1.4rem}.release-note-card h3{font-family:"Manrope";font-size:1.3rem;letter-spacing:-.03em;margin:0 0 .8rem}.release-note-card p{color:var(--muted);font-size:.85rem;line-height:1.65;margin:0}

.updates-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:3rem}.updates-head>div:first-child{max-width:700px}.update-controls{display:flex;gap:.5rem;padding-bottom:.7rem}.arrow{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;transition:.2s}.arrow:hover{background:var(--ink);color:white}.updates-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2.4rem)/3);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.updates-grid::-webkit-scrollbar{display:none}.update-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:.9rem;overflow:hidden;background:white}.update-art{height:210px;background:#f5dfd2;position:relative;overflow:hidden;padding:1.4rem}.update-art span{font-family:Georgia;font-size:5rem;color:rgba(18,54,95,.12)}.update-art i,.update-art::before,.update-art::after{content:"";position:absolute;border:1px solid rgba(18,54,95,.17);width:180px;height:180px;border-radius:50%;right:-25px;bottom:-60px}.update-art::before{width:120px;height:120px;right:5px;bottom:-30px}.update-art::after{width:60px;height:60px;right:35px;bottom:0;background:var(--orange);border:0}.update-card.green .update-art{background:#dcecff}.update-card.green .update-art::after{background:var(--ink)}.update-card.cream .update-art{background:var(--cream)}.update-card.cream .update-art::after{background:var(--lime)}.update-card.yellow .update-art{background:#eee5ad}.update-card.yellow .update-art::after{background:var(--orange)}.update-body{padding:1.5rem}.update-meta{display:flex;justify-content:space-between;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.update-meta span{color:var(--orange);font-weight:700}.update-body h3{font-family:"Manrope";font-size:1.3rem;line-height:1.3;letter-spacing:-.03em;margin:1.2rem 0 .7rem}.update-body p{font-size:.82rem;color:var(--muted);line-height:1.6}

.cta-section{padding:0 max(4.5vw, calc((100vw - 1310px)/2)) 7rem}.cta-card{background:var(--orange);color:white;text-align:center;border-radius:1rem;padding:6rem 2rem;position:relative;overflow:hidden}.cta-card::before,.cta-card::after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.14);border-radius:50%;left:-200px;top:-200px;box-shadow:0 0 0 70px rgba(255,255,255,.035)}.cta-card::after{left:auto;top:auto;right:-200px;bottom:-200px}.cta-card .eyebrow{justify-content:center}.cta-card h2{font-size:clamp(2.7rem,5vw,5rem);margin:1.5rem auto .8rem;max-width:780px}.cta-card h2 em{color:var(--ink)}.cta-card p:not(.eyebrow){margin-bottom:1.5rem}.cta-mark{position:absolute;left:2rem;top:2rem;opacity:.25}.cta-mark img{width:45px;filter:grayscale(1) brightness(3)}
.store-hero{padding:7rem max(4.5vw, calc((100vw - 1310px)/2));display:grid;grid-template-columns:1.1fr .65fr;gap:4rem;align-items:end;background:linear-gradient(112deg,var(--paper) 0 60%,#e4f0ff 60%)}.store-hero h1{font-size:clamp(3rem,5.7vw,5.8rem);margin:1.2rem 0;max-width:820px}.store-hero p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:720px}.store-note{background:white;border:1px solid var(--line);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow)}.store-note p{color:var(--muted);line-height:1.6;margin:.6rem 0 0}.store-section{padding:5rem max(4.5vw, calc((100vw - 1310px)/2)) 7rem}.store-grid{display:grid;grid-template-columns:1fr 420px;gap:1.2rem;align-items:start}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.plan-card,.checkout-card,.store-empty{background:white;border:1px solid var(--line);border-radius:1rem;padding:1.5rem}.plan-card.selected{border-color:var(--orange);box-shadow:0 18px 45px rgba(242,107,56,.12)}.plan-card>span{display:inline-flex;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;font-weight:700;color:var(--orange);margin-bottom:1rem}.plan-card h2,.checkout-card h2{font-size:1.7rem;margin:.3rem 0 .9rem}.plan-card strong{display:block;font-size:2rem;letter-spacing:-.04em;margin-bottom:1rem}.plan-card p,.checkout-hint,.store-empty p{color:var(--muted);font-size:.86rem;line-height:1.6}.checkout-card{position:sticky;top:1rem;box-shadow:var(--shadow)}.checkout-card label{display:grid;gap:.45rem;font-size:.76rem;font-weight:750;margin-bottom:1rem}.checkout-card input,.checkout-card select{width:100%;border:1px solid #c9d6e4;background:#fbfdff;border-radius:.5rem;padding:.8rem .85rem;color:var(--ink);outline:none}.checkout-card input:focus,.checkout-card select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,107,56,.12)}.checkout-card small{display:block;color:var(--muted);font-size:.72rem}.checkout-card button{width:100%;border:0}.store-alert{background:#fff0ee;color:#8a1c13;border:1px solid #f1c7c2;border-radius:.7rem;padding:1rem;margin-bottom:1rem}
footer{background:var(--ink-deep);color:white;padding:4.5rem max(4.5vw, calc((100vw - 1310px)/2)) 1.8rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}.brand-light img{width:34px}.footer-brand p{color:#96acc4;font-size:.85rem;margin-top:1rem}.footer-links{display:flex;justify-content:flex-end;gap:7rem}.footer-links>div{display:flex;flex-direction:column;gap:.7rem;font-size:.78rem;color:#a9bed6}.footer-links strong{color:white;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;margin-bottom:.4rem}.footer-links a:hover{color:var(--lime)}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:1.6rem;display:flex;justify-content:space-between;color:#8299b3;font-size:.65rem}

.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease,transform .7s ease; }.reveal-delay{transition-delay:.12s}.reveal.is-visible{opacity:1;transform:none}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes float{50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.floating-note{animation:none}.reveal{opacity:1;transform:none;transition:none}}

@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto}.header-cta{display:none}.menu-button{display:block}.site-nav{display:none;position:absolute;top:72px;left:4vw;right:4vw;background:white;box-shadow:var(--shadow);padding:1.5rem;border-radius:.8rem;flex-direction:column;align-items:flex-start}.site-nav.is-open{display:flex}
  .hero{grid-template-columns:1fr;background:linear-gradient(var(--paper) 0 53%,#e4f0ff 53%);padding-top:4rem}.hero-copy{max-width:680px}.hero-proof{margin-top:3rem}.hero-visual{margin-top:4rem}.floating-note{right:10px}
  .feature-grid,.module-strip{grid-template-columns:1fr}.feature-large{grid-template-columns:1fr 1fr}.how,.store-hero,.store-grid{grid-template-columns:1fr;gap:4rem}.plan-grid,.release-notes-grid{grid-template-columns:1fr}.checkout-card{position:static}.release-panel{grid-template-columns:1fr}.rings{min-height:340px}.updates-grid{grid-auto-columns:70%}
}
@media(max-width:620px){
  .site-header{height:70px}.hero{padding:3rem 5vw 5rem;min-height:auto}.hero h1{font-size:3.35rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.hero-proof div{padding:0 .5rem 0 0;margin:0}.hero-proof strong{font-size:.7rem}.hero-proof span{font-size:.58rem}.app-layout{grid-template-columns:38px 1fr;min-height:340px}.schedule{padding:1rem}.metric-row div:nth-child(3){display:none}.metric-row{grid-template-columns:1fr 1fr}.job{grid-template-columns:30px 6px 1fr}.job b{display:none}.sun-orbit{display:none}
  .section,.how{padding:5.5rem 5vw}.store-hero{padding:4.5rem 5vw}.store-section{padding:3rem 5vw 5rem}.feature{padding:1.6rem;min-height:410px}.feature-large{grid-template-columns:1fr}.week-card{transform:rotate(2deg) translate(20px,10px);height:260px}.feature-field{padding-bottom:290px}.phone-card{width:80%;right:10%;}.release-section{padding-inline:5vw}.release-copy{padding:2rem}.version-line{align-items:flex-start;flex-direction:column}.rings{min-height:260px}.updates-head{align-items:flex-start;gap:1rem}.updates-head h2{font-size:2.5rem}.updates-grid{grid-auto-columns:88%}.update-controls{display:none}.cta-section{padding:0 5vw 5rem}.cta-card{padding:5rem 1.3rem}.cta-card h2{font-size:2.7rem}footer{grid-template-columns:1fr;padding:4rem 5vw 1.5rem}.footer-links{justify-content:flex-start;gap:5rem}.footer-bottom{flex-direction:column;gap:.6rem}
}