:root {
  --ink: #12162a;
  --muted: #667085;
  --paper: #f7f7fb;
  --white: #fff;
  --violet: #6f56ef;
  --violet-dark: #4e39cf;
  --cyan: #37cfbf;
  --coral: #ff7779;
  --gold: #ffc75b;
  --line: rgba(20, 25, 48, .1);
  --shadow: 0 32px 80px rgba(48, 39, 110, .16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 85% 8%, rgba(111, 86, 239, .12), transparent 28rem),
    radial-gradient(circle at 8% 42%, rgba(55, 207, 191, .08), transparent 26rem),
    var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; }
img { display: block; max-width: 100%; }
.section-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.noise {
  position: fixed; inset: 0; pointer-events: none; opacity: .025; z-index: 20;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}

.site-header {
  width: min(1240px, calc(100% - 40px));
  height: 82px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 10;
}
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; font-weight: 800; letter-spacing: -.03em; }
.brand img { width: 38px; height: 38px; border-radius: 11px; box-shadow: 0 8px 20px rgba(76, 56, 203, .2); }
.brand span { font-size: 18px; }
.site-header nav, .site-footer nav { display: flex; align-items: center; gap: 30px; }
.site-header nav a, .site-footer nav a { font-size: 13px; font-weight: 650; color: #555d71; text-decoration: none; transition: color .2s ease; }
.site-header nav a:hover, .site-footer nav a:hover { color: var(--violet); }
.nav-pill { padding: 11px 17px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255, 255, 255, .68); box-shadow: 0 8px 25px rgba(28, 27, 55, .06); }

.hero { min-height: 760px; padding: 68px 0 90px; display: grid; grid-template-columns: .87fr 1.13fr; align-items: center; gap: 40px; }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--violet); font-size: 11px; font-weight: 850; letter-spacing: .13em; }
.eyebrow span { width: 28px; height: 1px; background: currentColor; }
.hero h1, .section-heading h2, .always-copy h2, .launch h2, .legal-hero h1, .support-hero h1 {
  margin: 22px 0 20px;
  font-size: clamp(54px, 6.6vw, 92px);
  line-height: .95;
  letter-spacing: -.065em;
  font-weight: 820;
}
.hero h1 em, .section-heading h2 em { color: var(--violet); font-style: normal; }
.hero-copy > p { max-width: 550px; font-size: 19px; line-height: 1.65; color: var(--muted); }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 32px 0 25px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 15px; min-height: 52px; padding: 0 22px; border-radius: 16px; text-decoration: none; font-size: 14px; font-weight: 750; transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: linear-gradient(135deg, var(--violet), #378fb7); box-shadow: 0 15px 30px rgba(91, 72, 222, .27); }
.button-quiet { color: #4c5466; background: rgba(255, 255, 255, .72); border: 1px solid var(--line); }
.button-light { color: #252a3f; background: #fff; box-shadow: 0 12px 35px rgba(3, 3, 15, .2); }
.trust-row { list-style: none; display: flex; flex-wrap: wrap; gap: 20px; padding: 0; margin: 0; font-size: 12px; color: #656d80; font-weight: 650; }
.trust-row b { color: var(--cyan); }

.hero-visual { min-height: 660px; position: relative; display: grid; place-items: center; }
.orbit { position: absolute; border: 1px solid rgba(111, 86, 239, .12); border-radius: 50%; }
.orbit-one { width: 640px; height: 640px; }
.orbit-two { width: 485px; height: 485px; border-color: rgba(55, 207, 191, .14); }
.planet { position: absolute; display: grid; place-items: center; border-radius: 50%; font-weight: 800; z-index: 1; box-shadow: 0 15px 35px rgba(39, 34, 85, .15); }
.planet-one { width: 56px; height: 56px; background: var(--gold); top: 77px; right: 83px; transform: rotate(9deg); }
.planet-two { width: 45px; height: 45px; color: #fff; background: var(--coral); left: 38px; bottom: 130px; font-size: 13px; }
.phone { width: 307px; height: 625px; background: #f6f6fb; border: 9px solid #181a27; border-radius: 48px; position: relative; overflow: hidden; z-index: 2; box-shadow: 0 50px 100px rgba(33, 28, 78, .3), inset 0 0 0 1px rgba(255,255,255,.2); }
.phone::before { content: ""; position: absolute; top: 10px; left: 50%; translate: -50%; width: 88px; height: 25px; background: #151620; border-radius: 17px; z-index: 5; }
.phone-top { height: 52px; padding: 15px 18px 0; display: flex; justify-content: space-between; font-size: 9px; font-weight: 800; }
.phone-top i { width: 38px; height: 7px; margin-top: 2px; border-radius: 4px; background: linear-gradient(90deg, #1b1d2a 0 55%, transparent 55% 61%, #1b1d2a 61% 76%, transparent 76% 82%, #1b1d2a 82%); }
.app-greeting { display: flex; flex-direction: column; padding: 0 17px 12px; }
.app-greeting small { color: #7a8090; font-size: 9px; }
.app-greeting b { font-size: 17px; letter-spacing: -.04em; }
.app-hero { margin: 0 13px; height: 160px; position: relative; padding: 17px; color: #fff; border-radius: 23px; background: linear-gradient(135deg, #5740de, #765af2 58%, #299ab2); box-shadow: 0 14px 30px rgba(86, 64, 218, .28); overflow: hidden; }
.app-hero::before, .app-hero::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; }
.app-hero::before { width: 160px; height: 160px; right: -50px; top: -60px; }
.app-hero::after { width: 104px; height: 104px; right: -20px; top: -32px; }
.app-hero > small { display: block; font-size: 7px; letter-spacing: .11em; opacity: .75; }
.app-hero > strong { display: block; font-size: 23px; margin-top: 39px; letter-spacing: -.04em; }
.app-hero > span { display: block; font-size: 10px; margin-top: 2px; opacity: .72; }
.app-timer { position: absolute; right: 14px; bottom: 28px; padding: 8px 9px; border-radius: 11px; background: rgba(255,255,255,.13); display: flex; flex-direction: column; align-items: center; }
.app-timer b { font-size: 13px; font-variant-numeric: tabular-nums; }
.app-timer small { font-size: 6px; letter-spacing: .1em; }
.progress { position: absolute; bottom: 14px; left: 16px; right: 16px; height: 4px; background: rgba(255,255,255,.16); border-radius: 4px; }
.progress i { display: block; width: 39%; height: 100%; background: #fff; border-radius: inherit; }
.route-title { display: flex; justify-content: space-between; align-items: center; padding: 18px 17px 7px; }
.route-title b { font-size: 13px; }
.route-title span { font-size: 8px; color: #7b8293; }
.lesson { margin: 0 13px; padding: 9px 6px; display: flex; align-items: center; gap: 9px; border-bottom: 1px solid rgba(20,25,45,.06); }
.lesson > i { width: 33px; height: 33px; display: grid; place-items: center; color: #fff; font-size: 13px; border-radius: 11px; font-style: normal; }
.lesson .chem { background: #7257ef; } .lesson .math { background: #32aabc; } .lesson .history { background: #f18d54; }
.lesson p { display: flex; flex-direction: column; margin: 0; flex: 1; }
.lesson p b { font-size: 10px; }.lesson p small { color: #858b9a; font-size: 8px; margin-top: 2px; }.lesson time { font-size: 8px; font-weight: 700; color: #6e7482; }
.phone-tabs { position: absolute; left: 0; right: 0; bottom: 0; height: 65px; display: flex; justify-content: space-around; align-items: center; background: rgba(252,252,255,.95); border-top: 1px solid rgba(20,25,45,.06); }
.phone-tabs span { display: flex; flex-direction: column; align-items: center; color: #7d8494; font-size: 12px; }
.phone-tabs span:first-child { color: var(--violet); }.phone-tabs small { margin-top: 3px; font-size: 7px; font-weight: 650; }
.float-card { position: absolute; z-index: 3; background: rgba(21, 23, 39, .94); color: #fff; box-shadow: var(--shadow); backdrop-filter: blur(20px); }
.lock-card { width: 300px; top: 92px; right: -20px; padding: 13px; border-radius: 20px; transform: rotate(3deg); }
.lock-card > small { display: block; font-size: 7px; opacity: .48; margin-bottom: 9px; }.lock-card > div { display: flex; align-items: center; gap: 9px; }
.lock-card div > i { width: 34px; height: 34px; display: grid; place-items: center; background: var(--violet); border-radius: 11px; font-style: normal; }.lock-card p { margin: 0; display: flex; flex-direction: column; flex: 1; }.lock-card p b { font-size: 11px; }.lock-card p span { font-size: 8px; opacity: .55; }.lock-card time { font-size: 11px; font-weight: 800; font-variant-numeric: tabular-nums; }.lock-card footer { padding-top: 8px; margin-top: 8px; border-top: 1px solid rgba(255,255,255,.08); font-size: 7px; opacity: .5; text-align: right; }
.task-card { width: 245px; left: -17px; bottom: 95px; padding: 13px; border-radius: 18px; display: flex; align-items: center; gap: 10px; transform: rotate(-4deg); background: rgba(255,255,255,.93); color: var(--ink); }
.task-card > i { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: var(--coral); border-radius: 11px; font-style: normal; }.task-card p { display: flex; flex-direction: column; margin: 0; }.task-card p small { color: var(--coral); font-size: 6px; font-weight: 850; letter-spacing: .1em; }.task-card p b { font-size: 10px; margin: 2px 0; }.task-card p span { color: #858b99; font-size: 8px; }

.day-section, .features { padding: 130px 0; }
.section-heading { max-width: 760px; margin-bottom: 52px; }
.section-heading h2 { font-size: clamp(45px, 5.5vw, 70px); margin-bottom: 16px; }
.section-heading > p { max-width: 600px; font-size: 17px; line-height: 1.7; color: var(--muted); }
.section-heading.centered { text-align: center; margin-inline: auto; }.section-heading.centered .eyebrow { justify-content: center; }
.day-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.day-card { min-height: 510px; padding: 28px; border-radius: 34px; overflow: hidden; position: relative; box-shadow: 0 25px 65px rgba(26, 30, 55, .08); }
.day-card header { display: flex; align-items: center; justify-content: space-between; }.day-card header span { font-size: 12px; font-weight: 850; }.day-card header i { font-style: normal; font-size: 10px; font-weight: 700; padding: 7px 11px; border-radius: 99px; background: rgba(255,255,255,.48); }
.day-card h3 { margin: 35px 0 10px; font-size: 29px; letter-spacing: -.04em; }.day-card > p { color: #667085; font-size: 14px; line-height: 1.65; }.day-card aside { position: absolute; left: 22px; right: 22px; bottom: 22px; padding: 17px; background: rgba(255,255,255,.66); border: 1px solid rgba(255,255,255,.56); border-radius: 19px; display: flex; flex-direction: column; backdrop-filter: blur(12px); }.day-card aside b { font-size: 13px; }.day-card aside span { color: #697185; font-size: 10px; margin-top: 4px; }
.morning { background: linear-gradient(160deg, #fff7e1, #f4e8c3); }.sun { width: 155px; height: 155px; margin: 45px auto 10px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle, #fff9d6 0 27%, #ffdc73 28% 48%, rgba(255,204,77,.1) 49%); color: #fff; font-size: 42px; box-shadow: 0 0 55px rgba(255, 190, 42, .4); }
.school { background: linear-gradient(160deg, #ebe8ff, #d7d2fa); }.mini-live { margin-top: 70px; padding: 15px; background: #17192a; color: #fff; border-radius: 20px; display: flex; align-items: center; gap: 10px; box-shadow: 0 22px 45px rgba(30,28,68,.22); }.mini-live > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--violet); font-style: normal; }.mini-live p { display: flex; flex-direction: column; margin: 0; flex: 1; }.mini-live p small { color: #a999ff; font-size: 6px; letter-spacing: .1em; }.mini-live p b { font-size: 12px; }.mini-live p span { opacity: .5; font-size: 8px; }.mini-live time { font-size: 12px; font-weight: 800; }
.afternoon { color: #fff; background: linear-gradient(160deg, #1c2138, #101322); }.afternoon > p { color: rgba(255,255,255,.58); }.afternoon header i { background: rgba(255,255,255,.08); }.afternoon aside { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.08); }.afternoon aside span { color: rgba(255,255,255,.5); }.focus-ring { width: 154px; height: 154px; margin: 41px auto 0; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 13px solid rgba(255,255,255,.09); border-top-color: var(--cyan); border-right-color: var(--cyan); border-radius: 50%; transform: rotate(-25deg); }.focus-ring span, .focus-ring small { transform: rotate(25deg); }.focus-ring span { font-size: 44px; font-weight: 800; }.focus-ring small { font-size: 8px; letter-spacing: .18em; opacity: .5; }

.bento { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; }.bento article { position: relative; min-height: 390px; border-radius: 34px; overflow: hidden; padding: 34px; box-shadow: 0 25px 65px rgba(30,35,65,.08); }.bento small { font-size: 9px; font-weight: 850; letter-spacing: .12em; color: var(--violet); }.bento h3 { margin: 13px 0 12px; font-size: clamp(27px, 3vw, 39px); line-height: 1.08; letter-spacing: -.045em; }.bento p { max-width: 470px; color: var(--muted); line-height: 1.65; font-size: 14px; }
.bento-wide { grid-column: span 1; }.scan { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; background: #fff; }.scan-sheet { height: 280px; padding: 28px; position: relative; display: grid; grid-template-columns: 55px repeat(5, 1fr); gap: 7px; align-content: start; background: linear-gradient(160deg, #eff0f8, #fff); border: 1px solid var(--line); border-radius: 24px; transform: rotate(4deg) translate(35px, 8px); box-shadow: 0 25px 50px rgba(35,39,70,.12); }.scan-sheet i { height: 200px; border-radius: 9px; background: repeating-linear-gradient(to bottom, rgba(111,86,239,.18) 0 20px, transparent 20px 33px); }.scan-sheet i:nth-child(even) { background: repeating-linear-gradient(to bottom, rgba(55,207,191,.18) 0 20px, transparent 20px 33px); }.scan-sheet span { position: absolute; height: 4px; left: 14px; right: 14px; top: 138px; background: var(--coral); box-shadow: 0 0 18px var(--coral); animation: scanner 4s ease-in-out infinite; }
.widgets { background: linear-gradient(155deg, #e8f9f6, #cfeee9); }.widget-stack { position: absolute; left: 30px; right: 30px; bottom: 30px; display: grid; gap: 10px; }.widget-stack > span { display: flex; align-items: center; gap: 13px; padding: 17px; border-radius: 20px; background: rgba(255,255,255,.75); box-shadow: 0 15px 35px rgba(31,97,90,.1); }.widget-stack b { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: #2cafa2; }.widget-stack i { font-style: normal; font-size: 13px; font-weight: 750; }.widget-stack small { color: #74827e; font-weight: 500; letter-spacing: 0; }
.privacy { color: #fff; background: linear-gradient(155deg, #272b48, #111426); }.privacy small { color: #a999ff; }.privacy p { color: rgba(255,255,255,.58); position: absolute; left: 34px; right: 34px; bottom: 23px; }.shield { width: 120px; height: 120px; margin: 32px auto 0; display: grid; place-items: center; font-size: 55px; border-radius: 36% 36% 50% 50%; background: linear-gradient(145deg, var(--violet), #2da7b9); box-shadow: 0 20px 50px rgba(75,55,211,.38); }
.calm { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; background: linear-gradient(155deg, #fff3e2, #fbe6c7); }.constellation { height: 230px; position: relative; }.constellation svg { width: 100%; height: 100%; }.constellation path { fill: none; stroke: rgba(111,86,239,.35); stroke-width: 2; stroke-dasharray: 5 7; }.constellation i { position: absolute; width: 20px; height: 20px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 0 8px rgba(111,86,239,.09), 0 0 30px rgba(111,86,239,.35); z-index: 1; }.constellation i:nth-child(1){left:5%;top:70%}.constellation i:nth-child(2){left:27%;top:34%}.constellation i:nth-child(3){left:48%;top:55%}.constellation i:nth-child(4){left:70%;top:12%}.constellation i:nth-child(5){left:92%;top:37%;background:var(--cyan)}

.always-on { margin-top: 80px; min-height: 590px; padding: 70px 7%; display: grid; grid-template-columns: 1fr .85fr; align-items: center; gap: 70px; color: #fff; background: radial-gradient(circle at 78% 40%, rgba(111,86,239,.35), transparent 17rem), linear-gradient(145deg, #181b30, #090b13); border-radius: 48px; overflow: hidden; position: relative; }.always-copy .eyebrow { color: #a99bff; }.always-copy h2 { font-size: clamp(43px, 5vw, 68px); }.always-copy > p { max-width: 600px; color: rgba(255,255,255,.62); font-size: 17px; line-height: 1.7; }.always-copy > small { display: block; max-width: 600px; margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.09); color: rgba(255,255,255,.38); line-height: 1.6; }
.always-phone { height: 505px; max-width: 330px; margin: auto; padding: 48px 18px 20px; position: relative; border: 7px solid #4a4d58; border-radius: 45px; background: radial-gradient(circle at 50% 38%, #1d2246, #080a0f 65%); box-shadow: 0 45px 100px #000; text-align: center; }.always-phone::before { content:""; position:absolute; top:12px; left:50%; translate:-50%; width:82px; height:23px; background:#000; border-radius:15px; }.dim-time { margin-top: 30px; font-size: 66px; font-weight: 200; letter-spacing: -.06em; color: rgba(255,255,255,.62); }.dim-date { font-size: 12px; color: rgba(255,255,255,.42); }.dim-live { margin-top: 100px; padding: 13px; display: flex; align-items: center; gap: 9px; text-align: left; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.07); border-radius: 18px; }.dim-live > i { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 11px; background: rgba(111,86,239,.55); font-style: normal; }.dim-live p { display:flex; flex-direction:column; margin:0; flex:1; }.dim-live p small { color:#a99bff; font-size:6px; letter-spacing:.1em; }.dim-live p b{font-size:11px}.dim-live p span{font-size:7px;color:rgba(255,255,255,.36)}.dim-live time{font-size:11px;font-weight:800;color:rgba(255,255,255,.67)}.dim-widgets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.dim-widgets span{padding:12px;border-radius:15px;background:rgba(255,255,255,.055);font-size:17px;color:rgba(255,255,255,.55)}.dim-widgets small{font-size:7px;color:rgba(255,255,255,.34)}

.launch { margin-top: 130px; margin-bottom: 80px; padding: 55px; border-radius: 38px; color: #fff; background: linear-gradient(125deg, #5941dd, #7258ed 55%, #299bb1); display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 30px; box-shadow: 0 35px 80px rgba(79,60,203,.25); }.launch img { width: 100px; height: 100px; border-radius: 25px; box-shadow: 0 18px 40px rgba(17,14,60,.28); }.launch small { font-size: 9px; font-weight: 850; letter-spacing: .15em; opacity: .65; }.launch h2 { margin: 7px 0 0; font-size: clamp(31px,4vw,51px); }
.site-footer { min-height: 150px; padding: 40px 0 55px; display: grid; grid-template-columns: auto 1fr auto; gap: 26px; align-items: center; border-top: 1px solid var(--line); }.site-footer p { color: var(--muted); font-size: 12px; }.site-footer small { grid-column: 1 / -1; color: #9a9fab; font-size: 10px; }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }.reveal.is-visible { opacity: 1; transform: none; }
@keyframes scanner { 0%,100%{transform:translateY(-95px)}50%{transform:translateY(95px)} }

/* Privacy and support */
.legal-page, .support-page { background: #f8f8fc; }
.legal-shell { width: min(1080px, calc(100% - 48px)); margin: 0 auto 120px; }
.legal-hero { padding: 100px 0 70px; max-width: 900px; }.legal-hero h1 { font-size: clamp(54px, 7vw, 86px); }.legal-hero > p { max-width: 700px; color: var(--muted); font-size: 18px; line-height: 1.7; }.legal-meta { display:flex;gap:10px;margin-top:28px}.legal-meta span{padding:9px 13px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:10px;font-weight:750;color:#6e7484}
.privacy-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 65px; }.privacy-summary article { min-height: 220px; padding: 25px; border-radius: 25px; background: #fff; border: 1px solid var(--line); box-shadow: 0 18px 50px rgba(32,37,70,.05); }.privacy-summary b { display:grid;place-items:center;width:35px;height:35px;border-radius:12px;color:#fff;background:var(--violet);font-size:10px}.privacy-summary h2{margin:28px 0 9px;font-size:20px}.privacy-summary p{color:var(--muted);font-size:13px;line-height:1.6}
.legal-document { display: grid; grid-template-columns: 240px 1fr; gap: 70px; align-items: start; }.legal-toc { position: sticky; top: 30px; display:flex;flex-direction:column;padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line)}.legal-toc b{font-size:11px;margin-bottom:11px}.legal-toc a{padding:6px 0;color:#767c8c;text-decoration:none;font-size:10px;line-height:1.35}.legal-toc a:hover{color:var(--violet)}
.legal-copy { max-width: 720px; }.legal-copy section { scroll-margin-top: 40px; padding: 0 0 55px; margin-bottom: 55px; border-bottom: 1px solid var(--line); }.legal-copy section > span { display:grid;place-items:center;width:37px;height:37px;margin-bottom:20px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--violet),#329fac);font-size:10px;font-weight:850}.legal-copy h2{margin:0 0 23px;font-size:32px;letter-spacing:-.04em}.legal-copy h3{margin:28px 0 8px;font-size:16px}.legal-copy p,.legal-copy li{color:#596174;font-size:14px;line-height:1.8}.legal-copy a{color:var(--violet);font-weight:650}.legal-copy ul{padding-left:22px}.notice{margin:25px 0;padding:17px;border-left:4px solid var(--gold);border-radius:0 14px 14px 0;background:#fff8e8;color:#6e5a2d;font-size:12px;line-height:1.65}.notice strong{display:block;margin-bottom:3px}
.support-shell{width:min(1000px,calc(100% - 48px));margin:80px auto 130px}.support-hero{text-align:center;max-width:800px;margin:0 auto 75px}.support-hero>img{width:90px;height:90px;margin:0 auto 30px;border-radius:24px;box-shadow:0 20px 45px rgba(76,58,205,.25)}.support-hero .eyebrow{justify-content:center}.support-hero h1{font-size:clamp(55px,7vw,82px)}.support-hero>p{max-width:650px;margin:0 auto 28px;color:var(--muted);font-size:16px;line-height:1.7}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.support-grid article{padding:30px;border-radius:27px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(32,37,70,.05)}.support-grid b{color:var(--violet);font-size:10px}.support-grid h2{margin:22px 0 8px;font-size:23px}.support-grid p{color:var(--muted);font-size:13px;line-height:1.65}

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; padding-top: 70px; }.hero-copy { text-align:center }.hero-copy .eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-copy>p{margin-inline:auto}.hero-visual{margin-top:30px}.day-grid{grid-template-columns:1fr}.day-card{min-height:420px}.bento{grid-template-columns:1fr}.scan,.calm{grid-template-columns:1fr}.scan-sheet{transform:rotate(2deg);margin-top:20px}.always-on{grid-template-columns:1fr}.always-copy{text-align:center}.always-copy .eyebrow{justify-content:center}.always-copy>p,.always-copy>small{margin-inline:auto}.launch{grid-template-columns:auto 1fr}.launch .button{grid-column:1/-1}.legal-document{grid-template-columns:1fr}.legal-toc{position:static;display:none}
}

@media (max-width: 680px) {
  .section-shell,.legal-shell,.support-shell{width:min(100% - 28px,1180px)}.site-header{width:calc(100% - 28px);height:70px}.site-header nav a:not(.nav-pill){display:none}.brand span{font-size:16px}.hero{padding-top:45px}.hero h1{font-size:53px}.hero-copy>p{font-size:16px}.trust-row{gap:10px 16px}.hero-visual{min-height:610px;transform:scale(.88);margin-inline:-25px}.orbit-one{width:520px;height:520px}.orbit-two{width:420px;height:420px}.lock-card{right:-30px}.task-card{left:-20px}.day-section,.features{padding:90px 0}.section-heading h2{font-size:45px}.bento article{padding:26px;min-height:360px}.scan{display:block}.scan-sheet{height:230px}.calm{display:block}.constellation{height:170px}.always-on{width:calc(100% - 20px);padding:55px 18px;border-radius:35px}.always-copy h2{font-size:42px}.launch{padding:35px 25px;grid-template-columns:1fr;text-align:center}.launch img{margin:auto}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer .brand,.site-footer nav{justify-content:center}.site-footer nav{gap:18px;flex-wrap:wrap}.privacy-summary{grid-template-columns:1fr}.privacy-summary article{min-height:0}.legal-hero{padding-top:65px}.legal-hero h1{font-size:50px}.legal-meta{flex-wrap:wrap}.legal-copy h2{font-size:28px}.support-grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}