/* Scoped to the product homepage. Existing legal and support styles are untouched. */
body.home { background:#050708; }
body.home .site-header { max-width:1360px; padding-inline:32px; }
.df-current { --df-teal:#30d5c8; --df-muted:#b1bbbe; color:#f4f7f6; overflow:hidden; }
.df-current * { box-sizing:border-box; }
.df-current .df-wrap { width:min(1280px, calc(100% - 64px)); margin-inline:auto; }
.df-current h1,.df-current h2,.df-current h3,.df-current p,.df-current figure { margin:0; }
.df-current h1,.df-current h2 { letter-spacing:-.065em; line-height:.98; font-weight:600; }
.df-current h1 { font-size:clamp(76px,8.2vw,128px); }
.df-current h2 { font-size:clamp(46px,5.5vw,80px); }
.df-current h3 { font-size:clamp(23px,2.4vw,30px); letter-spacing:-.035em; line-height:1.15; font-weight:500; }
.df-current em { color:var(--df-teal); font-style:normal; }
.df-current p { line-height:1.65; }
.df-current a { text-decoration:none; }
.df-current a:focus-visible { outline:2px solid var(--df-teal); outline-offset:6px; }
.df-current .df-eyebrow { color:var(--df-teal); font:600 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.18em; text-transform:uppercase; margin-bottom:24px; }
.df-current .df-body,.df-current figcaption p,.df-current .df-tool-notes p,.df-current .df-watch p,.df-current .df-focus-copy p,.df-current .df-plans p,.df-current .df-download-grid p { color:var(--df-muted); font-size:16px; }
.df-current .df-small { font-size:13px!important; color:#96a4a9; line-height:1.65; }
.df-current .df-button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; padding:17px 22px; min-height:54px; border:1px solid var(--df-teal); border-radius:8px; background:var(--df-teal); color:#041615; font-size:14px; font-weight:600; transition:background .2s; }
.df-current .df-button:hover { background:#8de7df; }
.df-current .df-text-link { display:inline-flex; gap:14px; align-items:center; min-height:48px; font-size:14px; }
.df-current .df-text-link:hover { color:var(--df-teal); }
.df-current .df-actions { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin-top:30px; }
.df-current .df-hero { display:grid; grid-template-columns:.93fr 1.15fr; align-items:center; gap:36px; padding-block:92px 100px; min-height:780px; }
.df-current .df-intro { max-width:400px; margin-top:28px; font-size:24px; line-height:1.35; letter-spacing:-.025em; }
.df-current .df-hero-copy>.df-body { max-width:420px; margin-top:18px; }
.df-current .df-availability { color:#a8b5b8; margin-top:26px; font:11px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace; }
.df-current .df-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--df-teal); margin-right:6px; }
.df-current .df-availability-indent { padding-left:12px; }
.df-current .df-hero-art { position:relative; min-height:540px; display:flex; align-items:center; padding-right:66px; background:radial-gradient(ellipse, #12333270 0%, transparent 70%); }
.df-current .df-device { background:#000; border:1px solid #374649; box-shadow:0 25px 80px #0009,0 0 0 5px #0e1315; overflow:hidden; }
.df-current .df-device img { width:100%; height:auto; display:block; }
.df-current .df-landscape { width:100%; border-radius:22px; padding:8px; transform:rotate(-4deg); }
.df-current .df-phone { position:absolute; width:28%; right:10px; top:36%; border-radius:22px; padding:7px; transform:rotate(5deg); }
.df-current .df-art-caption { position:absolute; bottom:0; left:0; color:#99a8ac; font:11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.df-current .df-demo-band { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; border-top:1px solid #243033; border-bottom:1px solid #243033; padding-block:44px; }
.df-current .df-demo-band h2 { font-size:38px; letter-spacing:-.045em; margin-bottom:12px; }
.df-current .df-demo-band .df-eyebrow { margin-bottom:12px; }
.df-current .df-demo { position:relative; height:260px; overflow:hidden; }
.df-current .df-demo iframe { position:static; width:100%; height:100%; border:0; display:block; }
.df-current .df-section { padding-block:110px; scroll-margin-top:24px; }
.df-current .df-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin-bottom:50px; }
.df-current .df-section-intro { max-width:410px; font-size:18px; line-height:1.65; color:var(--df-muted); }
.df-current .df-phone-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.df-current .df-screen-image { border:1px solid #233133; padding:16px; border-radius:18px; background:linear-gradient(145deg,#121c1e,#080c0d); }
.df-current .df-screen-image img { width:100%; height:auto; border-radius:8px; display:block; }
.df-current figcaption { padding-top:24px; }
.df-current .df-tier { display:block; color:var(--df-teal); font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; letter-spacing:.1em; margin-bottom:12px; }
.df-current figcaption h3 { font-size:23px; margin-bottom:12px; }
.df-current figcaption p { font-size:14px; }
.df-current .df-tool-notes { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-top:64px; padding-top:36px; border-top:1px solid #243033; }
.df-current .df-tool-notes h3 { margin-bottom:16px; }
.df-current .df-devices { border-top:1px solid #243033; }
.df-current .df-wide-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.df-current .df-wide-card>img { display:block; width:100%; height:auto; aspect-ratio:1.4; object-fit:contain; background:#000; padding:15px; border:1px solid #2c393c; border-radius:20px; }
.df-current .df-watch { display:flex; gap:44px; align-items:center; margin-top:62px; border:1px solid #263539; border-radius:18px; padding:38px; background:#0b1113; }
.df-current .df-watch>img { width:116px; height:116px; border-radius:26px; flex:none; }
.df-current .df-watch .df-eyebrow { margin-bottom:12px; }
.df-current .df-watch h3 { margin-bottom:14px; }
.df-current .df-watch .df-small { margin-top:12px; }
.df-current .df-capture-note { margin-top:28px; }
.df-current .df-focus { background:linear-gradient(160deg,#0a191b,#080c0d 65%); border-block:1px solid #233236; }
.df-current .df-focus-grid { display:grid; grid-template-columns:.65fr 1fr; gap:100px; align-items:center; }
.df-current .df-sleep-screen { max-width:310px; margin-inline:auto; }
.df-current .df-sleep-screen img { width:100%; height:auto; display:block; padding:8px; border:1px solid #3a3030; border-radius:30px; background:#000; }
.df-current .df-sleep-screen figcaption { color:#bbaa9f; font-size:12px; text-align:center; }
.df-current .df-focus-copy article { padding-block:26px; border-bottom:1px solid #263236; }
.df-current .df-number { display:block; margin-bottom:14px; font:10px ui-monospace,SFMono-Regular,Menlo,monospace; color:#91bbb9; letter-spacing:.15em; }
.df-current .df-focus-copy h3 { margin-bottom:14px; }
.df-current .df-focus-copy>.df-small { margin-top:24px; }
.df-current .df-palette { display:flex; gap:10px; margin-top:22px; }
.df-current .df-palette i { width:18px; height:18px; border-radius:50%; background:var(--swatch); }
.df-current .df-plans { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:80px; }
.df-current .df-plans article { border:1px solid #314247; border-radius:14px; padding:28px; }
.df-current .df-plans h3 { margin-bottom:16px; font-size:24px; }
.df-current .df-plans+.df-small { margin-top:24px; }
.df-current .df-tv .df-button { margin-top:24px; }
.df-current .df-tv-main>img { width:100%; height:auto; border:1px solid #334247; border-radius:14px; display:block; }
.df-current .df-tv-main figcaption { color:#9bafb4; font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace; }
.df-current .df-tv-gallery { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:46px; }
.df-current .df-tv-gallery img { width:100%; height:auto; display:block; border:1px solid #2a363a; border-radius:10px; }
.df-current .df-tv-features { display:flex; flex-wrap:wrap; gap:12px; margin-block:42px 22px; }
.df-current .df-tv-features span { padding:9px 14px; border:1px solid #354548; border-radius:5px; color:#c6d5d6; font-size:12px; }
.df-current .df-download { background:#0c1517; border-top:1px solid #29383c; }
.df-current .df-download-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:54px; }
.df-current .df-download-grid h3 { margin-bottom:16px; }
.df-current .df-download-grid .df-button,.df-current .df-store-pending { margin-top:24px; }
.df-current .df-store-pending { display:inline-block; padding:16px 20px; border:1px solid #526668; border-radius:8px; color:#c1d1d3; font-size:14px; }
.df-current .df-download-grid .df-small { margin-top:12px; }
.df-current .df-android { margin-top:48px; color:#d7e2e3; font-size:16px; }
.df-current .df-android span { color:#91a7aa; font-size:12px; margin-left:14px; }
.df-current .df-footer-links { display:flex; flex-wrap:wrap; gap:28px; margin-top:46px; padding-top:30px; border-top:1px solid #29383c; font-size:13px; color:#becdd0; }
@media(min-width:1500px) { .df-current .df-hero { gap:80px; } }
@media(max-width:1050px) { .df-current .df-hero { min-height:unset; padding-block:70px; grid-template-columns:1fr 1fr; gap:24px; } .df-current .df-hero-art { min-height:420px; padding-right:40px; } .df-current .df-phone { width:32%; } .df-current .df-phone-grid { grid-template-columns:repeat(2,1fr); gap:40px 28px; } .df-current .df-screen-image { padding:24px; } .df-current .df-screen-image img { max-height:600px; object-fit:contain; } .df-current .df-focus-grid { gap:60px; } .df-current .df-plans article { padding:22px; } }
@media(max-width:760px) { body.home .site-header { padding-inline:20px; flex-wrap:wrap; gap:22px; } body.home .site-header nav { flex-wrap:wrap; gap:18px; } .df-current .df-wrap { width:calc(100% - 40px); } .df-current .df-hero { grid-template-columns:1fr; padding-block:54px 44px; gap:34px; } .df-current h1 { font-size:92px; } .df-current .df-hero-art { min-height:390px; padding:0 65px 30px 5px; } .df-current .df-phone { width:26%; right:14px; top:22%; } .df-current .df-intro { max-width:360px; } .df-current .df-section { padding-block:72px; } .df-current .df-section-head { flex-direction:column; align-items:flex-start; gap:28px; margin-bottom:36px; } .df-current .df-section-intro { font-size:17px; } .df-current .df-demo-band { gap:24px; grid-template-columns:1fr; padding-block:36px; } .df-current .df-demo { height:240px; } .df-current .df-phone-grid { gap:32px 18px; } .df-current .df-screen-image { padding:9px; border-radius:12px; } .df-current figcaption h3 { font-size:21px; } .df-current .df-tier { font-size:9px; letter-spacing:.05em; } .df-current .df-tool-notes,.df-current .df-wide-grid,.df-current .df-plans,.df-current .df-tv-gallery,.df-current .df-download-grid { grid-template-columns:1fr; gap:32px; } .df-current .df-focus-grid { grid-template-columns:1fr; gap:30px; } .df-current .df-sleep-screen { max-width:230px; } .df-current .df-watch { align-items:flex-start; gap:20px; padding:24px; } .df-current .df-watch>img { width:68px; height:68px; border-radius:16px; } .df-current .df-watch h3 { font-size:25px; } .df-current .df-watch .df-eyebrow { font-size:9px; } .df-current .df-plans { margin-top:48px; } .df-current .df-tv-main figcaption { font-size:10px; } }
@media(max-width:390px) { .df-current h1 { font-size:80px; } .df-current .df-hero-art { min-height:320px; } .df-current .df-phone-grid { grid-template-columns:1fr; } .df-current .df-screen-image img { max-height:620px; } .df-current .df-watch { flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .df-current * { transition:none!important; } }

.df-current .df-gallery-section { margin-top:56px; }
.df-current .df-gallery-heading { margin-bottom:28px; }
.df-current .df-gallery-heading h3 { font-size:32px; margin-bottom:16px; }
.df-current .df-gallery-group { border-top:1px solid #334448; }
.df-current .df-gallery-group:last-child { border-bottom:1px solid #334448; }
.df-current .df-gallery-group summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:24px 4px; font-size:22px; list-style:none; }
.df-current .df-gallery-group summary::-webkit-details-marker { display:none; }
.df-current .df-gallery-group summary:focus-visible { outline:2px solid var(--df-teal); outline-offset:3px; }
.df-current .df-gallery-count { font:11px ui-monospace,SFMono-Regular,Menlo,monospace; color:#a5bbbf; }
.df-current .df-gallery-count>span { display:inline-block; margin-left:16px; font-size:22px; color:var(--df-teal); }
.df-current .df-gallery-group[open] .df-gallery-count>span { transform:rotate(45deg); }
.df-current .df-gallery-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:28px 18px; padding:8px 0 34px; }
.df-current .df-gallery-grid a { display:flex; align-items:center; justify-content:center; height:330px; padding:10px; border:1px solid #2c3c40; border-radius:14px; background:#000; }
.df-current .df-gallery-grid img { max-width:100%; max-height:100%; width:auto; height:auto; display:block; }
.df-current .df-gallery-watch .df-gallery-grid a { height:250px; padding:8px; }
.df-current .df-gallery-grid figcaption { padding:12px 2px 0; }
.df-current .df-gallery-grid figcaption strong { display:block; font-weight:500; font-size:13px; line-height:1.4; }
.df-current .df-gallery-grid figcaption span { display:block; font-size:10px; color:#a2b6bb; margin-top:5px; line-height:1.5; }
@media(max-width:1050px) { .df-current .df-gallery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .df-current .df-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 14px; } .df-current .df-gallery-grid a { height:300px; } .df-current .df-gallery-watch .df-gallery-grid a { height:210px; } .df-current .df-gallery-group summary { font-size:21px; } .df-current .df-gallery-count { font-size:9px; } }
@media(max-width:390px) { .df-current .df-gallery-grid a { height:260px; } .df-current .df-gallery-watch .df-gallery-grid a { height:190px; } }