@charset "UTF-8";
:root { color-scheme:light; --page:#fff4bd; --surface:#fff9e4; --ink:#241c08; --muted:#685b36; --yellow:#ffcc22; --gold:#886000; --day:#fffcf0; --day-ink:#241c08; --line:rgba(103,77,8,.19); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-synthesis:none; -webkit-font-smoothing:antialiased; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:32px; }
body { margin:0; background:radial-gradient(ellipse at 88% 7%,#ffe17c88,transparent 38%),var(--page); color:var(--ink); }
a { color:inherit; text-underline-offset:5px; }
a:hover { text-decoration-thickness:2px; }
button,summary,a { -webkit-tap-highlight-color:transparent; }
a:focus-visible,summary:focus-visible { outline:3px solid var(--gold); outline-offset:7px; border-radius:4px; }
img { display:block; width:100%; height:auto; }
figure { margin:0; }
p { line-height:1.7; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { text-wrap:balance; }
h1 { font-size:clamp(3.7rem,6.7vw,7.2rem); letter-spacing:-.065em; line-height:1.02; font-weight:750; margin-bottom:30px; }
h2 { font-size:clamp(2.4rem,4.1vw,4.3rem); line-height:1.08; letter-spacing:-.05em; font-weight:700; }
h3 { font-size:clamp(2rem,3.5vw,3.65rem); line-height:1.1; letter-spacing:-.045em; font-weight:700; }
.wrap { width:min(1200px,calc(100% - 96px)); margin-inline:auto; }
.skip-link { position:absolute; top:10px; left:16px; transform:translateY(-200%); z-index:10; padding:12px 20px; background:var(--yellow); color:var(--ink); }
.skip-link:focus { transform:none; }
.site-header { height:104px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:27px; font-weight:800; letter-spacing:-1px; text-decoration:none; }
.brand img { width:38px; height:38px; border-radius:10px; }
.brand em { font-style:normal; font-weight:500; }
.site-header nav { display:flex; align-items:center; gap:32px; font-size:14px; font-weight:550; }
.site-header nav>a { text-decoration:none; color:var(--muted); }
.site-header nav>a:hover { color:var(--ink); }
.language-picker { position:relative; }
.language-picker summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:8px; padding:10px 0 10px 10px; }
.language-picker summary::-webkit-details-marker { display:none; }
.language-menu { position:absolute; top:45px; right:0; width:190px; background:#fffdf2; border:1px solid var(--line); padding:9px; border-radius:14px; box-shadow:0 20px 60px #71500e22; }
.language-menu a { display:block; padding:10px 12px; border-radius:6px; text-decoration:none; }
.language-menu a:hover,.language-menu a[aria-current] { background:#ffdc6666; color:var(--ink); }
.hero { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:50px; padding-top:74px; padding-bottom:116px; min-height:810px; }
.hero-copy { position:relative; z-index:1; }
.eyebrow { font-size:11px; letter-spacing:.17em; font-weight:750; line-height:1.6; color:var(--gold); margin-bottom:23px; }
.hero .eyebrow { margin-bottom:27px; }
.intro { color:var(--muted); font-size:19px; max-width:460px; line-height:1.65; margin-bottom:28px; }
.platforms { font-size:12px; font-weight:650; letter-spacing:.025em; margin-bottom:29px; color:#53431c; }
.hero-actions { display:flex; flex-direction:column; align-items:flex-start; gap:21px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:25px; padding:16px 23px; min-height:53px; border-radius:9px; font-size:14px; line-height:1.4; font-weight:700; text-decoration:none; }
.button.primary { background:var(--yellow); color:var(--ink); box-shadow:0 4px 0 #d9a30d33; transition:background .2s,transform .2s; }
.button.primary:hover { background:#ffd743; transform:translateY(-2px); }
.availability { display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:650; background:#ffcc2270; border:1px solid #b5800033; border-radius:9px; padding:15px 18px; margin:0; }
.availability>span { width:7px; height:7px; border-radius:50%; background:#805900; box-shadow:0 0 0 4px #ffcc2266; flex-shrink:0; }
.text-link { font-size:13px; font-weight:650; text-decoration:none; display:inline-flex; gap:21px; }
.free { color:var(--muted); font-size:12px; margin-top:29px; margin-bottom:0; max-width:410px; }
.hero-image { display:flex; flex-direction:column; align-items:center; position:relative; isolation:isolate; }
.phone { border:6px solid #3b3321; border-radius:40px; overflow:hidden; background:#fffaf1; box-shadow:0 34px 65px #7a530b30,0 0 0 1px #a07a2822; width:257px; max-width:100%; }
.hero-phone { width:278px; position:relative; z-index:1; transform:rotate(5deg); }
.hero-image figcaption { margin-top:32px; color:var(--muted); font-size:11px; letter-spacing:.02em; }
.solar-orbit { position:absolute; width:480px; height:480px; max-width:105%; border:1px solid #b2840938; border-radius:50%; top:45px; z-index:-1; background:radial-gradient(circle at 65% 30%,#ffde6466,#ffcc2220 70%); box-shadow:0 0 0 60px #ffcc2210,0 0 0 120px #ffcc2206; }
.solar-orbit::after { content:""; position:absolute; height:1px; background:linear-gradient(90deg,transparent,#ac7c0055,transparent); width:130%; left:-15%; top:58%; transform:rotate(-18deg); }
.orbit-sun { position:absolute; width:52px; height:52px; border-radius:50%; background:var(--yellow); border:1px solid #eebc13; top:19px; right:45px; box-shadow:0 0 0 8px #ffcf3420,0 0 70px #ffcc2255; }
.daylight { color-scheme:light; background:var(--day); color:var(--day-ink); border:1px solid #cba32925; border-inline:0; border-radius:36px 36px 0 0; overflow:hidden; }
.feature-section { padding-top:108px; padding-bottom:20px; }
.section-heading { max-width:720px; margin:0 auto; text-align:center; }
.section-heading h2 { margin-bottom:25px; }
.section-heading>p:last-child { color:var(--muted); font-size:17px; max-width:650px; margin:0 auto; }
.daylight .eyebrow { color:var(--gold); }
.daylight .section-heading>p:last-child { color:var(--muted); }
.feature-row { min-height:650px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:130px; padding:85px 65px; }
.feature-row.reverse .feature-copy { order:2; }
.feature-row.reverse .feature-image { order:1; }
.feature-copy>p:last-child { color:var(--muted); font-size:17px; line-height:1.75; margin:0; }
.feature-copy h3 { margin-bottom:24px; }
.feature-image { display:flex; justify-content:center; position:relative; }
.feature-image::before { content:""; background:var(--yellow); position:absolute; width:320px; height:320px; top:90px; border-radius:50%; opacity:.32; }
.feature-image .phone { position:relative; width:247px; box-shadow:0 25px 55px #84601425; border-color:#3b3321; }
.feature-row:nth-of-type(2) .feature-image::before { background:#ffcf38; opacity:.25; border-radius:45px; transform:rotate(16deg); }
.feature-row:nth-of-type(3) .feature-image::before { background:#ffe681; opacity:.65; }
.mac-section { padding-top:112px; padding-bottom:90px; }
.mac-section .section-heading { max-width:800px; }
.mac-image { margin-top:60px; padding:10px; background:linear-gradient(135deg,#ffe17b,#fff9dd); border:1px solid #ae841a44; border-radius:18px; box-shadow:0 30px 70px #84601425; }
.mac-image img { border-radius:9px; }
.requirements { font-size:11px; color:var(--muted); text-align:center; margin-top:26px; }
.mac-download { text-align:center; margin-top:28px; }
.extras { padding:60px 0 100px; }
.extras>h2 { max-width:600px; margin-bottom:60px; }
.extras-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:35px; }
.extras-grid article { border-top:1px solid var(--line); padding-top:23px; }
.feature-number { color:var(--gold); font-size:10px; letter-spacing:.1em; }
.extras-grid h3 { font-size:20px; letter-spacing:-.025em; line-height:1.3; margin-top:24px; margin-bottom:14px; }
.extras-grid p { color:var(--muted); font-size:14px; line-height:1.8; }
.preview { display:block; max-width:340px; width:100%; height:auto; margin:60px auto 0; border:1px solid var(--line); border-radius:24px; }
.faq { padding:50px 0 100px; display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.faq h2 { max-width:380px; }
.faq details { border-top:1px solid var(--line); }
.faq details:last-child { border-bottom:1px solid var(--line); }
.faq summary { display:flex; justify-content:space-between; gap:20px; list-style:none; padding:24px 0; cursor:pointer; font-size:15px; font-weight:600; line-height:1.5; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary>span { color:var(--gold); font-weight:400; font-size:20px; }
.faq details[open] summary>span { transform:rotate(45deg); }
.faq details p { color:var(--muted); font-size:14px; margin-bottom:27px; padding-right:30px; }
.closing { border-top:1px solid var(--line); padding-top:88px; padding-bottom:90px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.closing>img { width:72px; height:72px; border-radius:20px; margin-bottom:27px; box-shadow:0 12px 35px #c28b1528; }
.closing h2 { max-width:720px; margin-bottom:31px; }
.closing>p:last-child { color:var(--muted); font-size:12px; margin-top:26px; }
.site-footer { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); padding:45px 0 35px; }
.site-footer .brand { font-size:22px; }
.site-footer>div p { font-size:11px; color:var(--muted); margin:14px 0 0; }
.site-footer>div p a { text-decoration:none; }
.site-footer nav { display:flex; justify-content:flex-end; align-items:flex-start; gap:28px; padding-top:7px; font-size:12px; color:var(--muted); }
.site-footer nav a { text-decoration:none; }
.trademarks { font-size:10px; line-height:1.8; color:#756643; grid-column:1 / -1; margin:30px 0 0; max-width:870px; }
.document { max-width:860px; padding-top:65px; padding-bottom:110px; }
.document .back { display:inline-block; color:var(--muted); font-size:12px; text-decoration:none; margin-bottom:70px; }
.document h1 { font-size:clamp(3rem,5.5vw,5.4rem); margin-bottom:25px; }
.document .eyebrow { margin-bottom:22px; }
.document-lead { color:#594a27; font-size:20px; margin-bottom:42px; }
.updated { color:var(--muted); font-size:12px; margin-bottom:35px; }
.prose { border-top:1px solid var(--line); margin-top:55px; padding-top:12px; }
.prose section { margin-top:44px; }
.prose h2 { font-size:24px; letter-spacing:-.025em; line-height:1.3; margin-bottom:14px; }
.prose p,.provider-links { color:var(--muted); font-size:16px; line-height:1.85; }
.provider-links { list-style:none; padding:0; display:grid; gap:8px; }
.notice { padding:22px; background:var(--surface); border-radius:12px; margin-top:45px; }
@media(min-width:1500px) { .hero { padding-top:100px; padding-bottom:140px; } }
@media(max-width:1050px) { .wrap { width:calc(100% - 64px); } .hero { gap:25px; min-height:760px; padding-top:65px; padding-bottom:95px; } .hero-phone { width:245px; } .hero h1 { font-size:clamp(3.5rem,7vw,5rem); } .solar-orbit { width:370px; height:370px; } .orbit-sun { width:40px; height:40px; right:30px; } .feature-row { gap:60px; padding-inline:30px; } .extras-grid { grid-template-columns:repeat(2,1fr); gap:35px 55px; } .faq { gap:55px; } }
@media(max-width:720px) { .wrap { width:calc(100% - 40px); } .site-header { height:83px; } .brand { font-size:24px; gap:9px; } .brand img { width:33px; height:33px; border-radius:9px; } .site-header nav { gap:14px; font-size:12px; } .desktop-link { display:none; } .hero { display:flex; flex-direction:column; gap:65px; padding-top:54px; padding-bottom:70px; min-height:0; } .hero-copy { align-self:stretch; } .hero h1 { font-size:clamp(3.5rem,12vw,5rem); max-width:570px; } .intro { font-size:17px; max-width:500px; } .eyebrow { font-size:10px; } .platforms { font-size:11px; } .hero-actions { gap:22px; } .free { margin-top:25px; font-size:11px; } .hero-image { width:100%; } .hero-phone { width:253px; } .solar-orbit { width:340px; height:340px; max-width:100%; top:66px; } .orbit-sun { right:15px; } .hero-image figcaption { margin-top:30px; } .daylight { border-radius:23px 23px 0 0; } .feature-section { padding-top:70px; padding-bottom:20px; } .section-heading>p:last-child { font-size:16px; } h2 { font-size:clamp(2.1rem,8vw,3rem); } .feature-row,.feature-row.reverse { display:flex; flex-direction:column; gap:43px; padding:65px 5px 35px; min-height:0; } .feature-row .feature-copy,.feature-row .feature-image,.feature-row.reverse .feature-copy,.feature-row.reverse .feature-image { order:initial; } .feature-copy { align-self:stretch; } .feature-copy h3 { font-size:2.4rem; max-width:440px; } .feature-copy>p:last-child { font-size:16px; } .feature-image { width:100%; } .feature-image .phone { width:230px; } .feature-image::before { width:290px; height:290px; } .mac-section { padding-top:70px; padding-bottom:50px; } .mac-image { padding:5px; margin-top:35px; border-radius:10px; } .mac-image img { border-radius:5px; } .requirements { font-size:10px; } .extras { padding-top:35px; padding-bottom:55px; } .extras>h2 { margin-bottom:35px; } .extras-grid { gap:20px 25px; } .extras-grid h3 { font-size:18px; } .extras-grid p { font-size:13px; } .faq { display:block; padding-top:25px; padding-bottom:65px; } .faq h2 { max-width:500px; margin-bottom:35px; } .faq summary { font-size:14px; padding:22px 0; } .closing { padding-top:60px; padding-bottom:55px; } .closing h2 { margin-bottom:25px; } .site-footer { padding-top:35px; gap:25px 0; } .site-footer nav { flex-direction:column; align-items:flex-end; gap:18px; } .trademarks { margin-top:0; } .document { padding-top:35px; padding-bottom:65px; } .document .back { margin-bottom:45px; } .document h1 { font-size:2.85rem; } .document-lead { font-size:17px; } .prose h2 { font-size:22px; } .prose p,.provider-links { font-size:15px; } }
@media(max-width:720px) { .solar-orbit::after { width:100%; left:0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }