:root {
  --ink: #18314d;
  --ink-soft: #516c84;
  --blue: #187fdb;
  --blue-deep: #1259aa;
  --cyan: #e9f8ff;
  --green: #36ae70;
  --mint: #eaf8ef;
  --orange: #f39a45;
  --peach: #fff3e7;
  --purple: #8074d6;
  --lavender: #f1efff;
  --paper: #fffdf8;
  --line: #dfebf2;
  --white: #ffffff;
  --shadow: 0 20px 55px rgba(32, 93, 133, .13);
  --radius-lg: 30px;
  --radius-md: 20px;
  --max: 1160px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; line-height: 1.65; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.container { width: min(var(--max), calc(100% - 48px)); margin: 0 auto; }
.narrow { max-width: 780px; }
.section { padding: 104px 0; }
.section-soft { background: #f4fbfe; }
.section-dark { color: var(--white); background: #163f68; overflow: hidden; }
.section-heading { max-width: 650px; margin-bottom: 46px; }
.center-heading { margin-left: auto; margin-right: auto; text-align: center; }
.section-heading h2, .grades-copy h2, .trust-section h2, .download-cta h2 { margin: 10px 0 14px; font-size: clamp(2rem, 3.5vw, 3.1rem); line-height: 1.2; letter-spacing: -.045em; }
.section-heading p, .grades-copy p { margin: 0; color: var(--ink-soft); font-size: 1.08rem; }
.section-dark .grades-copy p { color: #bad1e0; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--blue); font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow-dot { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(243, 154, 69, .14); }
.eyebrow-light { color: #8ed9ff; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1, h2, h3 { font-weight: 800; }

.site-header { position: sticky; z-index: 10; top: 0; border-bottom: 1px solid rgba(223, 235, 242, .75); background: rgba(255, 253, 248, .86); backdrop-filter: blur(18px); }
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 900; }
.brand img { width: 42px; height: 42px; object-fit: cover; border-radius: 13px; box-shadow: 0 7px 18px rgba(24, 127, 219, .22); }
.brand-name { font-size: 1.15rem; letter-spacing: .05em; }
.site-nav { display: flex; align-items: center; gap: 26px; color: var(--ink-soft); font-size: .92rem; font-weight: 700; }
.site-nav a { transition: color .2s ease, transform .2s ease; }
.site-nav a:hover, .site-nav a.is-active { color: var(--blue); }
.site-nav a:hover { transform: translateY(-1px); }
.site-nav .nav-download { display: inline-flex; align-items: center; gap: 7px; padding: 10px 17px; color: var(--white); border-radius: 999px; background: var(--blue); box-shadow: 0 8px 18px rgba(24, 127, 219, .22); }
.site-nav .nav-download:hover { color: var(--white); background: var(--blue-deep); transform: translateY(-2px); }
.menu-toggle { display: none; padding: 8px 12px; color: var(--ink); border: 1px solid var(--line); border-radius: 999px; background: var(--white); cursor: pointer; }

.hero { position: relative; min-height: 700px; display: flex; align-items: center; padding-top: 94px; padding-bottom: 106px; background: radial-gradient(circle at 85% 23%, rgba(122, 218, 246, .25), transparent 24%), linear-gradient(180deg, #f8fdff 0%, var(--paper) 100%); overflow: hidden; }
.hero::after { position: absolute; content: ""; width: 430px; height: 430px; right: -220px; bottom: -245px; border: 1px solid rgba(24, 127, 219, .12); border-radius: 50%; box-shadow: 0 0 0 30px rgba(24, 127, 219, .035), 0 0 0 60px rgba(24, 127, 219, .025); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .95fr) minmax(390px, .85fr); align-items: center; gap: 50px; }
.hero-copy h1 { max-width: 620px; margin: 22px 0 22px; font-size: clamp(2.75rem, 5.4vw, 5.1rem); line-height: 1.08; letter-spacing: -.075em; }
h1 em, h2 em { color: var(--blue); font-style: normal; }
.hero-lead { max-width: 535px; margin: 0; color: var(--ink-soft); font-size: 1.2rem; }
.hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 27px 0; }
.hero-tags span { padding: 6px 13px; color: #2a668d; border: 1px solid #cbe7f3; border-radius: 999px; background: #f1fbff; font-size: .84rem; font-weight: 800; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; align-items: center; }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 11px; min-height: 49px; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--white); background: var(--blue); box-shadow: 0 12px 24px rgba(24, 127, 219, .25); }
.button-primary:hover { color: var(--white); background: var(--blue-deep); box-shadow: 0 16px 28px rgba(24, 127, 219, .3); }
.button-quiet { color: var(--ink); border-color: var(--line); background: rgba(255, 255, 255, .7); }
.button-quiet:hover { border-color: #b8ddec; background: var(--white); }
.button-white { color: var(--blue-deep); background: var(--white); box-shadow: 0 12px 28px rgba(0, 35, 74, .2); }
.button-white:hover { color: var(--blue-deep); background: #f1fbff; }
.button-wide { width: 100%; }
.hero-meta { display: flex; gap: 10px; align-items: center; margin-top: 22px; color: #7791a4; font-size: .85rem; }
.hero-meta strong { color: var(--ink); }
.hero-visual { position: relative; min-height: 555px; display: grid; place-items: center; }
.sun-orb { position: absolute; width: 395px; height: 395px; border-radius: 50%; background: linear-gradient(145deg, #bdf4ff, #dffaff 58%, #fff3c5); filter: blur(1px); }
.hero-card { position: relative; z-index: 1; width: min(395px, 90%); aspect-ratio: 1 / 1.07; padding: 18px; overflow: hidden; border: 9px solid rgba(255, 255, 255, .85); border-radius: 44px; background: linear-gradient(145deg, #31bce5, #5e9fee 54%, #31b86f); box-shadow: 0 30px 50px rgba(21, 94, 154, .24), 0 0 0 1px rgba(255, 255, 255, .7); transform: rotate(3deg); }
.hero-card img { width: 100%; height: 100%; object-fit: cover; border-radius: 30px; }
.card-shine { position: absolute; z-index: 2; width: 130%; height: 40%; top: -12%; left: -14%; border-radius: 50%; background: rgba(255,255,255,.22); transform: rotate(-15deg); pointer-events: none; }
.visual-note { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 11px 15px; color: var(--ink); border: 1px solid rgba(255,255,255,.8); border-radius: 999px; background: rgba(255, 255, 255, .88); box-shadow: 0 12px 26px rgba(37, 109, 148, .15); font-size: .82rem; font-weight: 800; }
.visual-note span { display: grid; width: 25px; height: 25px; place-items: center; color: var(--white); border-radius: 50%; background: var(--green); }
.note-one { top: 23%; left: 3%; }
.note-two { right: 0; bottom: 20%; }
.hero-float { position: absolute; z-index: 2; display: grid; place-items: center; border-radius: 50%; font-weight: 900; }
.float-plus { width: 64px; height: 64px; top: 8%; right: 8%; color: #fff; background: var(--orange); font-size: 2rem; transform: rotate(12deg); box-shadow: 0 12px 18px rgba(243,154,69,.24); }
.float-star { width: 50px; height: 50px; bottom: 6%; left: 7%; color: var(--blue); background: #fff; font-size: 1.5rem; box-shadow: 0 12px 18px rgba(24,127,219,.16); }

.loop-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.loop-card { position: relative; min-height: 258px; padding: 25px; overflow: hidden; border: 1px solid transparent; border-radius: var(--radius-md); }
.loop-card::after { position: absolute; content: ""; right: -38px; bottom: -55px; width: 150px; height: 150px; border: 18px solid rgba(255,255,255,.45); border-radius: 50%; }
.loop-blue { background: #e8f5ff; border-color: #d4ebfa; }.loop-green { background: #eaf8ef; border-color: #d6f0df; }.loop-orange { background: #fff3e6; border-color: #fbe4ca; }.loop-purple { background: #f1efff; border-color: #e2defb; }
.step-number { color: #7096ad; font-size: .78rem; font-weight: 900; letter-spacing: .14em; }
.step-icon { margin: 23px 0 15px; color: var(--blue); font-size: 2rem; font-weight: 900; }.loop-green .step-icon { color: var(--green); }.loop-orange .step-icon { color: var(--orange); }.loop-purple .step-icon { color: var(--purple); }
.loop-card h3 { margin: 0 0 8px; font-size: 1.25rem; }.loop-card p { max-width: 190px; margin: 0; color: var(--ink-soft); font-size: .93rem; }.step-arrow { position: absolute; right: 22px; top: 28px; color: #80a9bd; font-size: 1.4rem; }

.feature-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 17px; }.feature-card { min-height: 240px; padding: 28px; overflow: hidden; border: 1px solid transparent; border-radius: var(--radius-md); }.feature-large { grid-row: span 2; min-height: 497px; }.feature-sky { background: var(--cyan); border-color: #d4eff8; }.feature-mint { background: var(--mint); border-color: #d5f0df; }.feature-peach { background: var(--peach); border-color: #fbe7d3; }.feature-lavender { background: var(--lavender); border-color: #e3e0fb; }.feature-icon { display: grid; width: 43px; height: 43px; place-items: center; color: var(--blue); border-radius: 14px; background: rgba(255,255,255,.8); font-size: 1.3rem; font-weight: 900; }.feature-mint .feature-icon { color: var(--green); }.feature-peach .feature-icon { color: var(--orange); }.feature-lavender .feature-icon { color: var(--purple); }.feature-card h3 { margin: 23px 0 8px; font-size: 1.28rem; }.feature-card p { max-width: 290px; margin: 0; color: var(--ink-soft); font-size: .93rem; }.feature-graphic { margin-top: 36px; }.offline-graphic { position: relative; height: 125px; padding: 20px; overflow: hidden; border-radius: 18px; background: linear-gradient(135deg, #79dff2, #468bdc); box-shadow: 0 13px 24px rgba(24, 127, 219, .15); }.offline-graphic span { position: relative; z-index: 1; color: #fff; font-size: .72rem; font-weight: 900; letter-spacing: .16em; }.offline-graphic i { position: absolute; display: block; width: 94px; height: 94px; border: 12px solid rgba(255,255,255,.17); border-radius: 50%; }.offline-graphic i:nth-child(2) { right: 28px; top: 17px; }.offline-graphic i:nth-child(3) { right: -16px; top: 55px; }.offline-graphic i:nth-child(4) { left: 75px; bottom: -57px; }.mini-chart { display: flex; align-items: end; gap: 8px; height: 80px; margin-top: 30px; padding: 12px 15px; border-radius: 14px; background: rgba(255,255,255,.72); }.mini-chart span { width: 18%; border-radius: 5px 5px 2px 2px; background: var(--green); }.mini-chart span:nth-child(1) { height: 33%; opacity: .35; }.mini-chart span:nth-child(2) { height: 48%; opacity: .5; }.mini-chart span:nth-child(3) { height: 44%; opacity: .62; }.mini-chart span:nth-child(4) { height: 73%; opacity: .8; }.mini-chart span:nth-child(5) { height: 92%; }.mistake-lines { display: grid; gap: 10px; margin-top: 28px; }.mistake-lines i { display: block; height: 9px; border-radius: 99px; background: rgba(243,154,69,.25); }.mistake-lines i:nth-child(2) { width: 75%; background: rgba(243,154,69,.48); }.mistake-lines i:nth-child(3) { width: 52%; background: rgba(243,154,69,.75); }.ai-pill { display: inline-flex; margin-top: 28px; padding: 7px 11px; color: var(--purple); border: 1px solid rgba(128,116,214,.25); border-radius: 999px; background: rgba(255,255,255,.65); font-size: .68rem; font-weight: 900; letter-spacing: .14em; }

.grades-layout { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 80px; }.grades-copy { max-width: 465px; }.text-link { display: inline-flex; gap: 8px; margin-top: 30px; font-weight: 800; }.text-link-light { color: #fff; }.text-link:hover { text-decoration: underline; }.grade-list { display: grid; gap: 15px; }.grade-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; padding: 21px 24px; border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius-md); background: rgba(255,255,255,.075); }.grade-badge { display: grid; width: 58px; height: 58px; place-items: center; color: #1b6598; border-radius: 17px; background: #b8ebff; font-size: 1.12rem; font-weight: 900; }.grade-badge-green { color: #23734d; background: #b8efcc; }.grade-badge-orange { color: #935d24; background: #ffd49f; }.grade-card h3 { margin: 0 0 3px; font-size: 1.15rem; }.grade-card p { margin: 0; color: #b9d1df; font-size: .9rem; }.grade-symbol { color: #6bb8d8; font-size: 2rem; font-weight: 900; }

.experience-section { background: #fff; }.phone-showcase { display: grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 24px; max-width: 960px; margin: 0 auto; }.phone-card { position: relative; min-height: 390px; padding: 22px; overflow: hidden; border: 8px solid #f2f8fb; border-radius: 32px; box-shadow: var(--shadow); }.phone-card::before { position: absolute; content: ""; width: 85px; height: 7px; top: 8px; left: calc(50% - 42px); border-radius: 8px; background: rgba(24,49,77,.2); }.phone-card-blue { background: linear-gradient(180deg, #edfaff, #fff); transform: rotate(-2deg); }.phone-card-green { background: linear-gradient(180deg, #edfff5, #fff); }.phone-card-orange { background: linear-gradient(180deg, #fff6eb, #fff); transform: rotate(2deg); }.phone-top { display: flex; justify-content: space-between; margin-top: 12px; color: var(--ink-soft); font-size: .77rem; font-weight: 800; }.phone-top b { color: var(--blue); }.phone-question { margin: 45px 0 24px; font-size: 1.15rem; line-height: 1.65; }.answer-box { padding: 16px; border: 2px solid #a9dcef; border-radius: 14px; background: #fff; color: var(--blue); font-size: 1.6rem; font-weight: 900; text-align: right; }.phone-button { margin-top: 20px; padding: 12px; color: #fff; border-radius: 12px; background: var(--blue); font-size: .83rem; font-weight: 800; text-align: center; }.phone-button-green { background: var(--green); }.phone-card small { position: absolute; right: 21px; bottom: 15px; color: #91a9b8; font-size: .68rem; }.feedback-check { display: grid; width: 84px; height: 84px; margin: 55px auto 15px; place-items: center; color: #fff; border-radius: 50%; background: var(--green); box-shadow: 0 13px 25px rgba(54,174,112,.25); font-size: 3rem; }.phone-card-green h3 { margin: 0; text-align: center; font-size: 1.4rem; }.phone-card-green p { margin: 13px auto 22px; color: var(--ink-soft); text-align: center; }.report-score { display: flex; align-items: baseline; gap: 8px; margin: 43px 0 12px; color: var(--orange); font-size: 4.25rem; font-weight: 900; line-height: 1; }.report-score small { color: var(--ink-soft); font-size: .76rem; font-weight: 800; }.report-bars { display: flex; align-items: end; gap: 8px; height: 124px; padding: 10px 14px 0; border-bottom: 1px solid #f0d9ba; }.report-bars i { flex: 1; border-radius: 7px 7px 0 0; background: linear-gradient(#ffb45c, #f28d43); }.report-caption { margin-top: 15px; color: var(--ink-soft); font-size: .85rem; font-weight: 800; }

.trust-section { padding: 83px 0; background: #f9fcfd; }.trust-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: center; }.trust-grid h2 { max-width: 390px; }.trust-items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }.trust-items > div { display: flex; gap: 14px; align-items: flex-start; }.trust-items span { display: grid; flex: 0 0 39px; width: 39px; height: 39px; place-items: center; color: var(--blue); border-radius: 12px; background: var(--cyan); font-weight: 900; }.trust-items > div:nth-child(2) span { color: var(--green); background: var(--mint); }.trust-items > div:nth-child(3) span { color: var(--orange); background: var(--peach); }.trust-items > div:nth-child(4) span { color: var(--purple); background: var(--lavender); }.trust-items p { margin: 0; color: var(--ink-soft); font-size: .9rem; line-height: 1.45; }.trust-items strong { color: var(--ink); }
.download-cta-section { padding: 79px 0; background: linear-gradient(135deg, #167dcf, #1557aa); color: #fff; }.download-cta { display: flex; justify-content: space-between; align-items: center; gap: 40px; }.download-cta p { margin: 0; color: #c7e7f9; }.cta-action { min-width: 250px; text-align: center; }.cta-action .button { min-width: 230px; }.cta-action p { margin-top: 15px; font-size: .82rem; }

.site-footer { padding: 44px 0 33px; color: #6d8798; background: #eff7fa; }.footer-wrap { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 30px; }.footer-brand { display: flex; align-items: center; gap: 13px; }.footer-brand img { width: 50px; height: 50px; object-fit: cover; border-radius: 15px; }.footer-brand div { display: grid; gap: 2px; }.footer-brand strong { color: var(--ink); font-size: 1rem; }.footer-brand span { font-size: .79rem; }.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 15px 23px; font-size: .82rem; font-weight: 700; }.footer-links a:hover { color: var(--blue); }.copyright { grid-column: 1 / -1; margin: 0; padding-top: 23px; border-top: 1px solid #d9eaf0; font-size: .75rem; }

.page-hero { padding: 95px 0 88px; background: radial-gradient(circle at 82% 36%, rgba(125, 222, 246, .24), transparent 25%), #f3fbfe; }.page-hero h1 { margin: 19px 0 15px; font-size: clamp(2.45rem, 5vw, 4.35rem); line-height: 1.12; letter-spacing: -.07em; }.page-hero p { max-width: 660px; margin: 0; color: var(--ink-soft); font-size: 1.1rem; }
.download-panel { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; max-width: 900px; }.download-panel-art { display: grid; place-items: center; min-height: 430px; border-radius: var(--radius-lg); background: linear-gradient(145deg, #dff9ff, #edf7ff 45%, #eaf9ed); }.download-panel-art img { width: 78%; max-width: 330px; border-radius: 30px; box-shadow: var(--shadow); }.download-panel-copy h2 { margin: 5px 0 6px; font-size: 2.4rem; }.release-kicker { color: var(--blue); font-size: .8rem; font-weight: 900; letter-spacing: .12em; }.release-intro { color: var(--ink-soft); }.release-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 25px 0; }.release-facts div { padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: #fbfeff; }.release-facts span, .release-facts strong { display: block; }.release-facts span { color: #7e98a9; font-size: .7rem; }.release-facts strong { margin-top: 3px; font-size: .86rem; }.checksum { padding: 12px 0; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: .78rem; }.checksum summary { cursor: pointer; font-weight: 800; }.checksum code { display: block; margin-top: 9px; overflow-wrap: anywhere; color: var(--blue-deep); }
.two-column { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; }.info-list { display: grid; gap: 0; }.info-list p { display: grid; grid-template-columns: 38px 1fr; gap: 15px; margin: 0; padding: 18px 0; border-bottom: 1px solid #d8ebf2; color: var(--ink-soft); }.info-list span { color: var(--blue); font-weight: 900; }
.release-list { max-width: 850px; }.release-card { margin-bottom: 18px; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-md); background: #fff; box-shadow: 0 10px 28px rgba(35,89,122,.06); }.release-current { border-color: #acdff0; box-shadow: 0 16px 34px rgba(24,127,219,.1); }.release-header { display: flex; justify-content: space-between; align-items: start; gap: 20px; }.release-label { display: block; color: var(--blue); font-size: .75rem; font-weight: 900; letter-spacing: .1em; }.release-card h2 { margin: 4px 0 0; font-size: 1.8rem; }.release-date { padding: 6px 10px; color: #6f8999; border-radius: 999px; background: #f0f7fa; font-size: .78rem; }.release-body { margin-top: 20px; color: var(--ink-soft); }.release-body p { margin: 0 0 10px; }.release-body ul { margin: 0; padding-left: 20px; }
.legal-layout { display: grid; grid-template-columns: 210px 1fr; gap: 70px; align-items: start; }.legal-index { position: sticky; top: 110px; display: grid; gap: 8px; padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: #f4fbfe; }.legal-index a { padding: 7px 10px; color: var(--ink-soft); font-size: .86rem; font-weight: 700; }.legal-index a:hover { color: var(--blue); background: #e4f5fb; border-radius: 8px; }.legal-content { max-width: 740px; }.legal-content-wide { max-width: 850px; margin: 0 auto; }.legal-content section { scroll-margin-top: 110px; padding-bottom: 29px; margin-bottom: 29px; border-bottom: 1px solid var(--line); }.legal-content section:last-child { border-bottom: 0; }.legal-content h2 { margin: 0 0 11px; font-size: 1.35rem; }.legal-content p { margin: 0 0 11px; color: var(--ink-soft); }.legal-content p:last-child { margin-bottom: 0; }
.feedback-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }.feedback-card { min-height: 260px; padding: 27px; border: 1px solid #d4ebfa; border-radius: var(--radius-md); background: var(--cyan); }.feedback-card-green { border-color: #d5f0df; background: var(--mint); }.feedback-card-orange { border-color: #fbe5cf; background: var(--peach); }.feedback-icon { display: grid; width: 46px; height: 46px; place-items: center; color: var(--blue); border-radius: 14px; background: rgba(255,255,255,.85); font-size: 1.4rem; font-weight: 900; }.feedback-card-green .feedback-icon { color: var(--green); }.feedback-card-orange .feedback-icon { color: var(--orange); }.feedback-card h2 { margin: 24px 0 7px; font-size: 1.3rem; }.feedback-card p { min-height: 55px; margin: 0 0 17px; color: var(--ink-soft); font-size: .9rem; }.feedback-placeholder { color: #7590a1; font-size: .76rem; font-weight: 800; }.notice-box { max-width: 800px; padding: 24px 28px; border: 1px solid #d6eaf1; border-radius: var(--radius-md); background: #fff; }.notice-box strong { color: var(--ink); }.notice-box p { margin: 5px 0 0; color: var(--ink-soft); font-size: .9rem; }

@media (max-width: 920px) {
  .hero-grid, .grades-layout, .trust-grid, .download-panel, .two-column { grid-template-columns: 1fr; }
  .hero-copy { max-width: 720px; margin: 0 auto; text-align: center; }.hero-copy h1, .hero-lead { margin-left: auto; margin-right: auto; }.hero-tags, .hero-actions, .hero-meta { justify-content: center; }.hero-visual { min-height: 490px; }.grades-copy { max-width: 700px; }.loop-grid { grid-template-columns: repeat(2, 1fr); }.feature-grid { grid-template-columns: 1fr 1fr; }.feature-large { grid-row: auto; min-height: 350px; grid-column: 1 / -1; }.download-panel { gap: 38px; max-width: 650px; }.download-panel-art { min-height: 300px; }.two-column { gap: 30px; }.trust-grid { gap: 35px; }.trust-grid h2 { max-width: 700px; }
}
@media (max-width: 680px) {
  .container { width: min(var(--max), calc(100% - 32px)); }.section { padding: 73px 0; }.nav-wrap { min-height: 68px; }.brand img { width: 37px; height: 37px; border-radius: 11px; }.brand-name { font-size: 1rem; }.menu-toggle { display: block; }.site-nav { position: absolute; display: none; top: calc(100% + 1px); left: 16px; right: 16px; padding: 14px; align-items: stretch; flex-direction: column; gap: 2px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,253,248,.97); box-shadow: var(--shadow); }.site-nav.is-open { display: flex; }.site-nav a { padding: 10px 12px; }.site-nav .nav-download { justify-content: center; margin-top: 5px; }.hero { min-height: auto; padding: 72px 0 60px; }.hero-copy h1 { font-size: clamp(2.5rem, 12vw, 4rem); }.hero-lead { font-size: 1.03rem; }.hero-meta { flex-wrap: wrap; font-size: .78rem; }.hero-visual { min-height: 390px; margin-top: 20px; }.sun-orb { width: 300px; height: 300px; }.hero-card { width: min(300px, 82vw); border-width: 7px; border-radius: 32px; }.hero-card img { border-radius: 23px; }.visual-note { padding: 8px 10px; font-size: .7rem; }.visual-note span { width: 20px; height: 20px; }.note-one { left: 0; top: 23%; }.note-two { right: 0; bottom: 17%; }.float-plus { width: 45px; height: 45px; right: 5%; font-size: 1.4rem; }.float-star { width: 39px; height: 39px; left: 5%; font-size: 1.1rem; }.section-heading h2, .grades-copy h2, .trust-section h2, .download-cta h2 { font-size: 2.15rem; }.loop-grid, .feature-grid, .feedback-grid { grid-template-columns: 1fr; }.loop-card { min-height: 230px; }.feature-large { grid-column: auto; min-height: 330px; }.grades-layout { gap: 37px; }.grade-card { grid-template-columns: auto 1fr; gap: 14px; padding: 17px; }.grade-symbol { display: none; }.phone-showcase { grid-template-columns: 1fr; max-width: 300px; gap: 28px; }.phone-card, .phone-card-blue, .phone-card-orange { transform: none; }.trust-items { grid-template-columns: 1fr; }.download-cta { display: grid; gap: 28px; }.cta-action { justify-self: start; text-align: left; }.footer-wrap { grid-template-columns: 1fr; }.footer-links { justify-content: flex-start; }.copyright { grid-column: auto; }.page-hero { padding: 70px 0 63px; }.page-hero h1 { font-size: 2.8rem; }.release-facts { grid-template-columns: 1fr; }.legal-layout { grid-template-columns: 1fr; gap: 30px; }.legal-index { position: static; display: flex; flex-wrap: wrap; gap: 2px; }.legal-index a { padding: 6px 8px; }.download-panel-copy h2 { font-size: 2rem; }
}