/* SmartDeviceZone — original, Apple-inspired design system.
   No Apple-owned CSS, marks, photographs or trade dress assets are included.
   Visual principles: generous negative space, refined typography, bento layouts,
   restrained monochrome, clean product stages and unambiguous shopping CTAs. */
:root {
  color-scheme:light;
  --sd-bg:#ffffff; --sd-paper:#ffffff; --sd-soft:#f5f5f7;
  --sd-dark:#111114; --sd-ink:#1d1d1f; --sd-muted:#68686d;
  --sd-cyan:#0066cc; --sd-accent:#0077ed; --sd-line:#dedee3;
  --sd-shadow:0 20px 65px rgba(0,0,0,.075); --sd-radius:22px;
  --sd-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --sd-content:1160px; --sd-wide:1440px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--sd-bg);color:var(--sd-ink);font:400 16px/1.55 var(--sd-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{overflow:clip}a{color:inherit;text-decoration:none}a:hover{color:var(--sd-cyan)}
img{display:block;max-width:100%;height:auto}button,input{font:inherit}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:650;letter-spacing:-.055em;line-height:1.07}h1{font-size:clamp(3.4rem,7.8vw,7rem)}h2{font-size:clamp(2.15rem,4.5vw,4.65rem)}h3{font-size:clamp(1.3rem,2vw,2rem)}p{margin-bottom:1.1rem}
.shell{width:min(calc(100% - 52px),var(--sd-content));margin-inline:auto}
.skip-link{position:absolute;left:12px;top:-100px;padding:10px 16px;background:#fff;color:#111;z-index:1000}.skip-link:focus{top:12px}
a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #0077ed;outline-offset:4px;border-radius:3px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(21,21,23,.94);color:#f5f5f7;backdrop-filter:saturate(170%) blur(18px);-webkit-backdrop-filter:saturate(170%) blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.site-nav{width:min(calc(100% - 40px),var(--sd-content));margin:auto;min-height:52px;display:flex;align-items:center;gap:27px;justify-content:space-between}
.site-logo{display:inline-flex;align-items:center;white-space:nowrap;color:#fff;font-size:1.12rem;font-weight:720;letter-spacing:-.055em}
.site-logo:hover{color:#fff}.logo-dot{color:#7dc8ff}
.site-nav-links{display:flex;justify-content:flex-end;gap:clamp(4px,1.15vw,18px);align-items:center;flex-wrap:wrap}
.site-nav-links a{font-size:.71rem;line-height:1.2;font-weight:460;white-space:nowrap;color:#d7d7dc;padding:11px 4px;transition:color .18s ease}
.site-nav-links a:hover,.site-nav-links a[aria-current="page"]{color:#fff}
.site-nav-links a[aria-current="page"]{text-decoration:underline;text-decoration-color:#8fc8ff;text-underline-offset:6px}
.page-header{position:relative;isolation:isolate;min-height:420px;padding:88px 0 100px;text-align:center;display:flex;align-items:center;overflow:hidden;background:linear-gradient(150deg,#15171f 2%,#07090f 56%,#1c202b 100%);color:white}
.page-header::before{content:"";position:absolute;inset:auto -12% -260px;z-index:-1;height:440px;background:radial-gradient(ellipse,rgba(67,115,201,.24),transparent 68%)}
.page-header-inner{position:relative;z-index:1;width:min(100%,var(--sd-content));margin:auto}
.page-header h1{margin:0 auto 22px;max-width:1000px;color:#fff;font-size:clamp(3.3rem,6.9vw,6.8rem);font-weight:700;letter-spacing:-.07em;line-height:1.01;text-wrap:balance}
.page-header p{margin-inline:auto;max-width:810px;color:#d6d6de;font-size:clamp(1rem,1.75vw,1.4rem);font-weight:400;line-height:1.42;text-wrap:pretty}
.page-header small{display:block;color:#a7a9b5;margin:18px auto 0;max-width:870px;font-size:.84rem;line-height:1.5}
.eyebrow{display:inline-block;font-size:.77rem;letter-spacing:.055em;font-weight:690;color:var(--sd-cyan);line-height:1.4}
.page-header .eyebrow{color:#a5cfff;margin-bottom:16px}
.home-hero{min-height:660px;padding:86px 0 25px;align-items:flex-start}
.home-hero h1{max-width:850px;font-size:clamp(3.9rem,9vw,8.6rem)}
.home-hero .page-header-inner{display:flex;flex-direction:column;align-items:center}
.home-hero .hero-actions{margin:19px auto 0;display:flex;align-items:center;gap:25px;justify-content:center;flex-wrap:wrap}
.hero-actions .amz-button{font-size:.95rem}
.hero-actions .text-link{color:#a8d2ff;font-weight:520}
.hero-actions .text-link::after{content:" ›"}
.home-hero .device-stage{width:min(850px,96vw);height:235px;margin-top:52px;position:relative;pointer-events:none;filter:drop-shadow(0 27px 28px rgba(0,0,0,.37))}
.device-stage .device-laptop{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:min(520px,70vw);height:213px;border:7px solid #494c58;border-radius:16px 16px 6px 6px;background:linear-gradient(145deg,#17223f 5%,#4475ae 52%,#a8bace 100%);box-shadow:inset 0 0 0 3px #10131a}
.device-stage .device-laptop::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-13px;height:13px;border-radius:3px 3px 25px 25px;background:linear-gradient(#8f939f,#4d515b)}
.device-stage .device-phone{position:absolute;right:14%;bottom:9px;height:188px;width:90px;border-radius:22px;border:6px solid #353944;background:linear-gradient(150deg,#a3aaca,#262947 60%,#0e1727);box-shadow:inset 0 0 0 2px #101115,0 8px 24px rgba(0,0,0,.3)}
.device-stage .device-phone::after{content:"";position:absolute;top:5px;left:27px;width:25px;height:7px;border-radius:0 0 7px 7px;background:#171921}
.device-stage .device-watch{position:absolute;left:15%;bottom:23px;width:94px;height:112px;border-radius:30px;border:12px solid #6f737f;background:radial-gradient(circle at 50% 48%,#6e9ec7,#263e57 70%);box-shadow:0 10px 30px #0006}
.device-stage .device-watch::before,.device-stage .device-watch::after{content:"";position:absolute;left:19px;width:30px;height:21px;background:#777b88}.device-stage .device-watch::before{top:-33px;border-radius:6px 6px 0 0}.device-stage .device-watch::after{bottom:-33px;border-radius:0 0 6px 6px}
.page-header.guide-hero{min-height:540px;padding:76px 0 80px;text-align:left}
.guide-hero .page-header-inner{width:min(calc(100% - 52px),var(--sd-content));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:52px}
.guide-hero .hero-copy h1{font-size:clamp(3.15rem,5.4vw,5.7rem);text-align:left;letter-spacing:-.067em;margin:0 0 24px;overflow-wrap:normal}
.guide-hero .hero-copy p{margin:0;max-width:600px;font-size:clamp(1rem,1.48vw,1.23rem);color:#cbcbd4;text-align:left}
.guide-hero .hero-copy small{margin:18px 0 0;text-align:left}
.hero-stage{min-width:0;position:relative;background:linear-gradient(135deg,#333b49,#1b2231);border:1px solid #5c5c6660;border-radius:30px;padding:18px;box-shadow:0 28px 70px rgba(0,0,0,.25)}
.hero-stage:has(img[src$=".svg"])::after{content:"ILLUSTRATIVE IMAGE · NOT PRODUCT PHOTOGRAPHY";position:absolute;bottom:23px;left:26px;right:26px;text-align:center;color:#585960;font-size:.58rem;letter-spacing:.12em;pointer-events:none}
.hero-stage img{width:100%;height:auto;aspect-ratio:9/7;object-fit:contain;border-radius:22px;background:#f5f5f7}
.section{padding:100px 0}.section-intro{max-width:850px;color:var(--sd-muted);font-size:1.02rem}
.amz-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;max-width:100%;min-height:44px;padding:12px 24px;border-radius:100px;background:var(--sd-accent);border:1px solid var(--sd-accent);color:white;font-size:.85rem;font-weight:550;line-height:1.2;transition:background .2s,border-color .2s,transform .2s}
.amz-button:hover{color:white;background:#0058b8;border-color:#0058b8;transform:translateY(-1px)}
.amz-button--light{background:#fff;color:#16171b;border-color:#fff}.amz-button--light:hover{background:#e9e9ef;border-color:#e9e9ef;color:#16171b}
.text-link{color:var(--sd-cyan);font-weight:550;font-size:.94rem}
.footer{background:#f5f5f7;color:#67676d;padding:54px 0 33px;border-top:1px solid #e4e4e8;font-size:.78rem;line-height:1.65}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1.3fr;gap:65px}.footer-grid>div{min-width:0}.footer-grid strong{display:block;color:#27272c;font-weight:660;margin-bottom:15px}.footer-brand{font-size:1.16rem!important;letter-spacing:-.04em}.footer a{color:#4a4a50;text-decoration:underline;text-decoration-color:#a0a0a5;text-underline-offset:3px}.footer a:hover{color:var(--sd-cyan)}
@media(max-width:980px){.site-nav{flex-wrap:wrap;padding:13px 0;gap:8px}.site-nav-links{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:18px;scrollbar-width:thin}.site-nav-links a{padding:6px 0}.guide-hero .page-header-inner{gap:26px}.home-hero{min-height:630px}}
@media(max-width:720px){.shell{width:min(calc(100% - 34px),var(--sd-content))}.page-header{padding:66px 0 70px;min-height:360px}.page-header h1{font-size:clamp(2.75rem,10vw,4.7rem)}.home-hero{min-height:595px;padding-top:64px}.home-hero h1{font-size:clamp(3.1rem,13vw,5.4rem)}.home-hero .device-stage{margin-top:54px;transform:scale(.84);transform-origin:top center}.guide-hero .page-header-inner{width:min(calc(100% - 34px),var(--sd-content));grid-template-columns:1fr;gap:35px}.guide-hero{padding:54px 0 60px!important}.guide-hero .hero-copy h1{font-size:clamp(2.75rem,10vw,4.7rem)}.hero-stage{max-width:530px;margin:auto}.section{padding:65px 0}.footer-grid{grid-template-columns:1fr;gap:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}