:root{color-scheme:dark;--ink:#151714;--paper:#f2f1ed;--muted:#92968f;--line:#ffffff24;--accent:#bed2b3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#101110;color:#f3f4ef;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:550;letter-spacing:-.055em}h2{font-size:clamp(44px,5.6vw,82px);line-height:1.03}p{line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7c9e79;outline-offset:7px}img{display:block;max-width:100%}.brand-mark{display:block;aspect-ratio:1;object-fit:contain;border-radius:50%;clip-path:circle(49.7%);flex-shrink:0}.nav{height:70px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#101110e8;border-bottom:1px solid #ffffff12;backdrop-filter:blur(24px)}.brand{font-size:25px;font-weight:600;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.nav nav{display:flex;gap:32px;font-size:12px;color:#b5b8b1}.nav a:hover{color:#fff}.nav-cta{font-size:12px;display:flex;gap:25px;padding:9px 0;border-bottom:1px solid #72786d}.hero{padding:72px max(6%,calc((100vw - 1250px)/2)) 30px;overflow:hidden;background:#101110}.hero-heading{display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;z-index:2}.wordmark{font-size:clamp(115px,17vw,250px);font-weight:550;line-height:1.1;letter-spacing:-.075em;margin-left:-.025em}.wordmark span{color:#b4c5a5}.hero-intro{padding:10px 0 0;min-width:270px}.hero h1{font-size:30px;line-height:1.15;letter-spacing:-.035em}.hero-intro>p{font-size:15px;color:#9da399;line-height:1.55;margin:18px 0 20px}.inline-link{display:inline-flex;align-items:center;gap:30px;font-size:13px;border-bottom:1px solid #8b948178;padding:0 0 8px}.hero-stage{position:relative;height:clamp(440px,56vw,820px);margin:65px 0 20px;isolation:isolate}.stage-light{position:absolute;inset:0 -20%;background:radial-gradient(ellipse at 50% 70%,#677e5552,transparent 65%);z-index:-1}.hero .hero-ipad{position:absolute!important;width:78%;left:1%;top:0;transform:rotate(-3deg)}.hero .hero-phone{position:absolute!important;width:22%;right:1%;top:6%;transform:rotate(8deg);z-index:2}.hero-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff21;padding-top:24px;font-size:11px;color:#9da497}.light-section{background:var(--paper);color:var(--ink)}.overview,.everyday,.connections,.plus,.faq{padding:110px max(6%,calc((100vw - 1200px)/2))}.section-top{display:grid;grid-template-columns:1.2fr 1fr;gap:25px 70px;align-items:end}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:650;color:#8e9b88;margin-bottom:25px}.light-section .eyebrow{color:#65705d}.section-top .eyebrow{grid-column:1/-1;margin-bottom:0}.intro-copy{font-size:19px;line-height:1.65;color:#6e7369;max-width:460px}.detail-devices{position:relative;display:flex;align-items:center;justify-content:center;gap:5%;margin:80px auto 65px;max-width:1000px;padding:10px 0 45px}.detail-devices .detail-one,.detail-devices .detail-three{width:25%}.detail-one{transform:rotate(-8deg) translateY(22px)}.detail-devices .detail-two{width:36%;transform:translateY(-12px);z-index:2}.detail-three{transform:rotate(8deg) translateY(22px)}.detail-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;padding-top:40px;border-top:1px solid #171d1722}.detail-notes h3{font-size:22px;letter-spacing:-.03em}.detail-notes p{margin-top:15px;font-size:15px;color:#73766e}.home-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding:60px max(9%,calc((100vw - 1100px)/2)) 120px}.home-copy h2{font-size:clamp(45px,5vw,73px)}.home-copy>p:not(.eyebrow){font-size:18px;max-width:440px;margin-top:28px;color:#70766c}.home-copy .quiet{font-size:14px!important}.small-rule{width:50px;height:1px;background:#b6bbb0;margin-top:34px}.home-device{max-width:300px;justify-self:center;transform:rotate(5deg)}.device-caption{display:block;font-size:11px;color:#777f70;margin-top:25px;text-align:center;transform:rotate(-5deg)}.intelligence{padding:110px max(8%,calc((100vw - 1150px)/2)) 65px;background:#171a17}.ai-heading{text-align:center;max-width:900px;margin:auto}.ai-heading>p:not(.eyebrow){font-size:19px;color:#9da797;max-width:540px;margin:30px auto 0}.ai-content{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin:85px 0 60px}.ai-device{width:330px;justify-self:center;transform:rotate(-5deg);filter:drop-shadow(0 0 90px #b8a16712)}.magic-mark{display:flex;gap:20px;align-items:center;font-size:13px;color:#b9c6ae}.ai-lead{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:26px 0 32px}.ai-explanation dl{margin:0}.ai-explanation dl>div{padding:19px 0;border-top:1px solid #ffffff1a}.ai-explanation dt{font-size:16px;font-weight:550}.ai-explanation dd{margin:8px 0 0;font-size:14px;color:#9ba594;line-height:1.6}.fine{font-size:11px;color:#92998a;line-height:1.7;margin-top:30px;max-width:950px}.light-section .fine{color:#787f71}.television{padding:105px max(5%,calc((100vw - 1300px)/2)) 85px;background:#090a09;overflow:hidden}.tv-heading{text-align:center}.tv-heading>p:not(.eyebrow){font-size:18px;color:#969d90;margin:25px auto 0}.tv-stage{position:relative;margin:65px auto 0;max-width:1150px;padding-bottom:75px}.tv-stage>.device{width:100%}.tv-console{display:flex;align-items:end;gap:32px;position:absolute;right:5%;bottom:0;z-index:2}.tv-box{width:88px;height:70px;display:grid;place-items:center;background:linear-gradient(150deg,#363936,#171917 60%);border-radius:20px;box-shadow:inset 0 1px 2px #656b5f,2px 12px 0 #111310,0 20px 24px #000;transform:skewY(-8deg)}.tv-box span{color:#050605;font-size:27px;font-weight:600}.remote{width:34px;height:151px;background:linear-gradient(90deg,#727a73,#d0d5cd 22%,#afb6ac 70%,#4e574c);border:1px solid #60695d;box-shadow:2px 10px 17px #000;border-radius:9px;transform:rotate(15deg);padding:8px 4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;align-content:start}.remote i{grid-column:1/-1;width:25px;height:25px;border-radius:50%;border:5px solid #afb5ad;outline:1px solid #657160;background:#b7bdb5;margin:2px auto 9px}.remote b{background:#333b32;border-radius:5px;font-size:8px;text-align:center;line-height:15px;font-weight:400}.tv-caption{display:flex;justify-content:space-between;align-items:end;margin-top:30px;gap:30px}.tv-caption p{font-size:13px;color:#8e9888}.everyday .section-top{margin-bottom:45px}.daily-tabs{display:flex;gap:30px;border-bottom:1px solid #1e241e25;margin:50px 0}.daily-tabs button{border:0;border-bottom:2px solid transparent;padding:0 0 16px;background:none;color:#818879;font-size:14px}.daily-tabs button.active{color:#19251b;border-bottom-color:#19251b}.daily-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:15px 70px 20px;min-height:680px}.daily-image{width:265px;justify-self:center}.daily-copy>span{font-size:10px;letter-spacing:.12em;color:#7c8772}.daily-copy h3{font-size:43px;line-height:1.05;margin:24px 0}.daily-copy>p:not(.fine){font-size:18px;color:#717a69}.connections{padding-top:0}.connections>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:25px 70px;align-items:end}.connections .eyebrow{grid-column:1/-1;margin-bottom:0}.connection-list{margin-top:60px;border-top:1px solid #27342133}.connection-list article{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;padding:32px 0;border-bottom:1px solid #27342124}.connection-list h3{font-size:34px}.connection-list article p{font-size:17px;max-width:640px;color:#616b58}.connection-list article span{font-size:11px;color:#8b9282;display:block;margin-top:12px}.gallery-section{padding:105px max(6%,calc((100vw - 1250px)/2)) 85px;overflow:hidden}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.gallery-heading>p{font-size:17px;color:#959e8b}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:55px}.tabs{display:flex;gap:6px}.tabs button{background:none;border:1px solid transparent;border-radius:25px;padding:10px 19px;font-size:13px;color:#9da694}.tabs button.active{border-color:#626d57;color:#e8eede;background:#ffffff06}.gallery-arrows{display:flex;gap:10px}.gallery-arrows button{width:38px;height:38px;display:grid;place-items:center;background:none;border:1px solid #5d6652;border-radius:50%;font-size:19px}.gallery{display:flex;gap:45px;overflow:auto;scroll-snap-type:x mandatory;margin-right:calc(-1 * max(6vw,calc((100vw - 1250px)/2)));padding:45px 35px 50px 10px;scrollbar-width:thin;scrollbar-color:#4a5441 transparent}.gallery figure{flex:0 0 auto;scroll-snap-align:start}.gallery .device{height:440px;width:auto;max-width:none}.gallery .hardware{height:100%;width:auto}.gallery .screen{height:100%;width:auto}.gallery img{height:100%;width:auto;max-width:none}.gallery figcaption{font-size:11px;color:#a6ae9a;margin-top:27px}.plus-header{text-align:center}.plus-header img{margin:0 auto 28px}.plus-header h2{font-size:clamp(40px,4.5vw,64px)}.plus-header h2>span{color:#69825e}.plans{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin:65px 0 35px}.plans article{border-top:1px solid #3d493230;padding-top:30px}.plan-name{font-size:30px;font-weight:550;letter-spacing:-1px}.plans h3{font-size:20px;margin-top:15px;letter-spacing:-.025em}.plan-price{font-size:13px;color:#748468;margin:25px 0}.plans ul{list-style:none;margin:0;padding:0}.plans li{padding:13px 0;font-size:14px;color:#6d7566;border-top:1px solid #3d493219}.plans li:before{content:'✓';margin-right:12px;color:#799166}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding-top:15px}.faq h2{font-size:48px}.questions details{border-bottom:1px solid #33422b28}summary{list-style:none;display:flex;justify-content:space-between;gap:30px;padding:23px 0;cursor:pointer;font-size:16px;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{color:#79876c;font-size:23px}details[open] summary span{transform:rotate(45deg)}details>p{color:#747d6b;padding:0 25px 25px 0;font-size:14px}.closing{padding:95px max(7%,calc((100vw - 1200px)/2)) 110px;display:grid;grid-template-columns:1.2fr 1fr;gap:25px 70px;align-items:end}.closing .eyebrow{grid-column:1/-1;margin:0}.closing h2{font-size:clamp(65px,9vw,130px)}.closing>div>p{color:#9ca590;font-size:16px}.contact-link{display:flex;justify-content:space-between;font-size:22px;letter-spacing:-.03em;border-bottom:1px solid #6b785c;padding:25px 0 15px;max-width:350px;margin-top:20px}footer{padding:30px max(6%,calc((100vw - 1250px)/2));border-top:1px solid #ffffff14;background:#0b0d0a}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top>span{font-size:11px;color:#7d8971}.footer-top nav{display:flex;gap:25px;font-size:12px;color:#a0aa95}footer>p{font-size:10px;color:#6f7965;line-height:1.7;margin-top:25px}.skip{position:fixed;z-index:50;top:-80px;left:10px;background:#fff;color:#111;padding:15px}.skip:focus{top:10px}
/* Hardware surrounds the actual, uncropped screenshots. Camera cutouts on iPhone are already captured by iOS. */
.device{position:relative;display:block;padding:0;border:0;background:none;isolation:isolate;width:100%;border-radius:44px;flex-shrink:0;text-align:initial}.hardware{position:relative;display:block;width:100%;padding:8px;background:linear-gradient(110deg,#e2e3df 0%,#8b8f85 2%,#dadcd4 4%,#4d514a 6%,#777e70 95%,#e3e6dc 98%,#686d62);border:1px solid #707568;border-radius:inherit;box-shadow:inset 0 0 0 1px #f5f7ed,0 2px 1px #000,0 24px 40px -15px #0007;overflow:hidden}.screen{display:block;overflow:hidden;border:3px solid #060706;border-radius:36px;background:#050605;position:relative}.screen img{display:block;width:100%;height:auto}.hardware-buttons{position:absolute;right:-3px;top:23%;width:3px;height:11%;border-radius:0 3px 3px 0;background:linear-gradient(#c7cabd,#606959,#b9bfae);z-index:-1}.hardware-buttons:before,.hardware-buttons:after{content:'';position:absolute;right:calc(100% + var(--device-width,0px));background:#909987;width:3px;border-radius:3px 0 0 3px}.iphone:before{content:'';position:absolute;left:-3px;top:18%;width:3px;height:5%;border-radius:3px 0 0 3px;background:linear-gradient(#d2d6c8,#747e6c);box-shadow:0 45px #929e85,0 80px #929e85;z-index:-1}.iphone .hardware{padding:6px}.iphone .screen{border-width:3px;border-radius:36px}.ipad{border-radius:27px}.ipad .hardware{padding:14px;background:linear-gradient(120deg,#b9bcb6,#535950 20%,#d3d8cf 49%,#4e5749);box-shadow:inset 0 0 0 2px #acb4a4,0 2px 2px #000,0 27px 45px -10px #0007}.ipad .screen{border-radius:15px;border:2px solid #050705}.ipad .hardware-camera{position:absolute;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#193b4a,#010302 65%);box-shadow:0 0 0 2px #252e23}.duo{border-radius:30px}.duo .hardware{padding:7px;background:linear-gradient(95deg,#ccd3c5,#5d6856 2%,#a5b19c 48%,#5e6958 50%,#c2cbb8 52%,#59674e 98%,#b8c7aa);box-shadow:inset 0 0 0 1px #e3ebd8,0 1px 2px #000,0 25px 45px -10px #0006}.duo .screen{border-radius:23px;border-width:3px}.duo:after{content:'';position:absolute;left:calc(50% - 10px);width:20px;height:4px;bottom:-3px;background:linear-gradient(90deg,#444e3c,#bdc9ae,#444e3c);border-radius:0 0 3px 3px;z-index:-1}.tv{border-radius:5px;padding-bottom:0}.tv .hardware{padding:7px;background:linear-gradient(130deg,#697164,#11160d 12%,#191f15 70%,#515e43);border:1px solid #7d8971;border-radius:5px;box-shadow:inset 0 0 0 1px #181e13,0 26px 80px #000}.tv .screen{border:0;border-radius:1px}.tv .hardware-buttons{display:none}.tv-stage .tv:after{content:'';position:absolute;bottom:-42px;left:34%;width:32%;height:42px;background:linear-gradient(90deg,#2b3126,#757e6a 50%,#242b1e);clip-path:polygon(43% 0,57% 0,64% 75%,100% 90%,100% 100%,0 100%,0 90%,36% 75%);z-index:-1}.device:hover .hardware{filter:brightness(1.035)}dialog{max-width:96vw;max-height:97svh;border:0;border-radius:18px;background:#151a13;color:#eef2e8;padding:65px 40px 20px;overflow:auto}dialog::backdrop{background:#060805e8;backdrop-filter:blur(15px)}#lightbox-device .device{pointer-events:none;width:max-content;max-width:85vw;height:auto}#lightbox-device .hardware{height:auto;width:auto}#lightbox-device .screen img{width:auto;height:auto;max-height:74svh;max-width:80vw}#lightbox-device .hardware-buttons{display:none}dialog>p{text-align:center;font-size:12px;color:#a3ad98;margin-top:18px}.close{position:absolute;top:17px;right:20px;border:1px solid #ffffff26;background:none;border-radius:25px;padding:8px 16px;font-size:12px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero-stage{height:820px}.hero .hero-ipad{width:78%}.hero .hero-phone{width:22%}}
@media(max-width:1100px){.hero{padding-top:50px}.hero-stage{margin-top:45px}.hero-heading{gap:30px}.hero h1{font-size:25px}.hero-intro{min-width:230px}.overview,.everyday,.connections,.plus,.faq{padding:85px 6%}.home-section{padding:30px 9% 90px;gap:65px}.connections{padding-top:10px}.section-top{gap:25px 40px}.ai-content{gap:60px}.ai-device{width:280px}.daily-stage{padding:10px 20px;gap:60px}.daily-image{width:245px}.gallery .device{height:390px}.plans{gap:60px}.faq{gap:50px;padding-top:0}.hero-footer{font-size:10px}.detail-notes{gap:30px}.tv-stage{padding-bottom:65px}.hero-phone .screen{border-radius:25px}.hero .hero-phone{border-radius:33px}.hero-ipad .hardware{padding:11px}}
@media(max-width:760px){html{scroll-padding-top:75px}.nav{height:62px;padding:0 22px}.nav nav{display:none}.brand{font-size:22px}.nav-cta{font-size:11px;gap:20px}.hero{padding:42px 24px 25px}.hero-heading{display:block}.wordmark{font-size:clamp(115px,31vw,190px);line-height:1;letter-spacing:-.08em}.hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:26px;align-items:center;min-width:0}.hero h1{font-size:24px}.hero-intro>p{font-size:12px;margin:0;color:#9ba88e}.hero-intro .inline-link{font-size:11px;width:max-content;margin-top:7px;grid-column:1/-1}.hero-stage{height:clamp(295px,74vw,520px);margin:50px -7px 16px}.hero .hero-ipad{width:86%;left:-2%;top:0}.hero .hero-phone{width:28%;right:-1%;top:16%;border-radius:20px}.hero-phone .hardware{padding:3px}.hero-phone .screen{border-width:2px;border-radius:15px}.hero-phone:before{display:none}.hero .hero-ipad{border-radius:17px}.hero-ipad .hardware{padding:7px}.hero-ipad .screen{border-radius:9px;border-width:1px}.hero-ipad .hardware-camera{top:2px;width:3px;height:3px}.hero-footer{font-size:9px;gap:18px;line-height:1.5;padding-top:18px}.hero-footer span:last-child{max-width:120px;text-align:right}.overview,.everyday,.connections,.plus,.faq{padding:70px 24px}.section-top{display:block}.eyebrow{font-size:9px;margin-bottom:22px}.section-top .eyebrow{margin-bottom:22px}h2{font-size:clamp(42px,10.5vw,66px)}.intro-copy{font-size:17px;margin-top:24px}.detail-devices{gap:6%;margin:45px -8px 35px;padding-bottom:25px}.detail-devices .detail-one,.detail-devices .detail-three{width:25%;border-radius:19px}.detail-devices .detail-two{width:37%;border-radius:17px}.detail-devices .hardware{padding:3px}.detail-devices .screen{border-width:2px;border-radius:14px}.detail-devices .iphone:before{display:none}.detail-notes{display:block;padding-top:0;border-top:0}.detail-notes>div{border-top:1px solid #171d1722;padding:23px 0}.detail-notes h3{font-size:21px}.detail-notes p{font-size:15px;margin-top:10px}.home-section{padding:0 24px 80px;grid-template-columns:1fr;gap:45px}.home-copy h2{font-size:44px}.home-copy>p:not(.eyebrow){font-size:17px;margin-top:23px}.home-device{width:255px;max-width:75%;transform:rotate(4deg)}.intelligence{padding:75px 24px 45px}.ai-heading{text-align:left}.ai-heading>p:not(.eyebrow){font-size:17px;margin:25px 0 0}.ai-content{grid-template-columns:1fr;gap:50px;margin:50px 0 30px}.ai-device{width:270px;max-width:80%;transform:rotate(-4deg)}.ai-explanation{max-width:500px}.ai-lead{font-size:29px}.ai-explanation dl>div{padding:19px 0}.ai-explanation dd{font-size:14px}.magic-mark img{width:48px;height:48px}.television{padding:75px 18px 60px}.tv-heading h2{font-size:44px}.tv-heading>p:not(.eyebrow){font-size:16px}.tv-stage{margin-top:40px;padding-bottom:48px}.tv-stage .tv .hardware{padding:3px}.tv-stage .tv:after{height:23px;bottom:-23px}.tv-console{gap:18px;right:5%;bottom:0}.tv-box{width:42px;height:30px;border-radius:8px;box-shadow:inset 0 1px 1px #636c5e,1px 5px #111,0 9px 10px #000}.tv-box span{font-size:16px}.remote{width:17px;height:73px;border-radius:4px;padding:3px 2px;gap:2px}.remote i{width:12px;height:12px;border-width:2px;margin:1px auto 4px}.remote b{font-size:4px;line-height:7px;border-radius:2px}.tv-caption{display:block;margin:15px 6px 0}.tv-caption p{font-size:12px}.tv-caption .inline-link{margin-top:24px;font-size:12px}.everyday .section-top{margin-bottom:30px}.daily-tabs{gap:25px;margin:32px 0}.daily-tabs button{font-size:12px;padding-bottom:13px}.daily-stage{grid-template-columns:1fr;min-height:0;padding:10px 0;gap:40px}.daily-image{width:230px}.daily-copy{max-width:440px}.daily-copy h3{font-size:36px;margin:18px 0}.daily-copy>p:not(.fine){font-size:17px}.connections{padding-top:0}.connections>div:first-child{display:block}.connections .eyebrow{margin-bottom:22px}.connection-list{margin-top:35px}.connection-list article{grid-template-columns:1fr;gap:15px;padding:25px 0}.connection-list h3{font-size:29px}.connection-list article p{font-size:16px}.connection-list article span{font-size:10px}.gallery-section{padding:70px 24px 50px}.gallery-heading{display:block}.gallery-heading>p{font-size:15px;margin-top:22px}.gallery-controls{margin-top:32px;gap:10px;flex-wrap:wrap}.tabs{gap:2px}.tabs button{font-size:11px;padding:9px 12px}.gallery-arrows{margin-left:auto}.gallery-arrows button{width:31px;height:31px;font-size:16px}.gallery{gap:30px;padding:30px 25px 30px 5px;margin-right:-24px}.gallery .device{height:365px}.gallery .ipad,.gallery .tv,.gallery .duo.landscape{height:auto;width:75vw}.gallery .ipad .hardware,.gallery .tv .hardware,.gallery .duo.landscape .hardware{height:auto;width:100%}.gallery .ipad .screen,.gallery .tv .screen,.gallery .duo.landscape .screen{height:auto;width:100%}.gallery .ipad img,.gallery .tv img,.gallery .duo.landscape img{height:auto;width:100%}.gallery figcaption{font-size:10px;margin-top:22px}.gallery figure{align-self:center}.plus-header h2{font-size:39px}.plus-header img{width:60px;height:60px}.plans{grid-template-columns:1fr;gap:35px;margin:40px 0 20px}.plans article{padding-top:25px}.plans li{font-size:14px}.faq{grid-template-columns:1fr;gap:25px;padding-top:0}.faq h2{font-size:42px}summary{font-size:15px;gap:20px}.closing{padding:70px 24px;grid-template-columns:1fr;gap:25px}.closing h2{font-size:80px}.closing>div>p{font-size:15px}.contact-link{font-size:21px;margin-top:5px;padding-top:20px}.fine{font-size:10px;margin-top:25px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top nav{flex-basis:100%;gap:25px}.footer-top>span{font-size:10px}footer{padding:30px 24px}footer>p{font-size:9px}dialog{padding:60px 17px 18px}.close{right:15px}#lightbox-device .hardware{padding:5px}#lightbox-device .screen{border-radius:25px}#lightbox-device .ipad .screen{border-radius:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* iPad has a black glass bezel inside its thin metal enclosure. */
.ipad .hardware{background:#090b09;box-shadow:inset 0 0 0 2px #afb7a8,inset 0 0 0 3px #555d4e,0 2px 2px #000,0 27px 45px -10px #0007}

#lightbox-device .ipad .hardware{padding:14px}#lightbox-device .tv .screen{border-radius:1px}

/* Device artwork comes from the matching Xcode DeviceKit profiles.
   One outer aspect ratio, one inset screen: no nested percentage heights. */
.device{--frame-ratio:.48;--screen-left:4.13%;--screen-top:1.98%;--screen-width:91.74%;--screen-height:96.04%}
.device.duo{--frame-ratio:.728;--screen-left:5.06%;--screen-top:1.98%;--screen-width:90.66%;--screen-height:96.04%}
.device.ipad{--frame-ratio:.766;--screen-left:4.09%;--screen-top:3.13%;--screen-width:91.82%;--screen-height:93.74%}
.device.ipad.landscape{--frame-ratio:1.306;--screen-left:3.13%;--screen-top:4.09%;--screen-width:93.74%;--screen-height:91.82%}
.device .hardware{display:block;position:relative;box-sizing:border-box;width:100%;height:auto;aspect-ratio:var(--frame-ratio);padding:0!important;border:0;border-radius:0;box-shadow:none;background:transparent center/100% 100% no-repeat;overflow:visible;filter:drop-shadow(0 18px 20px #0004)}
.device.iphone .hardware{background-image:url('/assets/devices/iphone.svg')}
.device.duo .hardware{background-image:url('/assets/devices/duo-open.svg')}
.device.duo.landscape .hardware{background-image:url('/assets/devices/duo-open-landscape.svg')}
.device.ipad .hardware{background-image:url('/assets/devices/ipad.svg')}
.device.ipad.landscape .hardware{background-image:url('/assets/devices/ipad-landscape.svg')}
.device .hardware .screen{position:absolute;left:var(--screen-left);top:var(--screen-top);width:var(--screen-width);height:var(--screen-height);border:0;overflow:hidden;border-radius:0;background:#000}
.device.iphone .hardware .screen{border-radius:16% / 7.4%}
.device.duo .hardware .screen{border-radius:5.15% / 3.54%}
.device.duo.landscape .hardware .screen{border-radius:3.54% / 5.15%}
.device.ipad .hardware .screen{border-radius:3% / 2.25%}
.device.ipad.landscape .hardware .screen{border-radius:2.25% / 3%}
.device .hardware .screen img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.device .hardware-camera,.device .hardware-buttons,.device.iphone:before,.device.duo:after{display:none}
.device.tv .hardware{background:#111;border:0;box-shadow:inset 0 0 0 1px #666;border-radius:5px}
.gallery{--gallery-height:440px;align-items:flex-start;gap:40px;scroll-padding-left:10px}
.gallery figure{width:min(calc(var(--gallery-height) * var(--frame-ratio)),78vw);flex:0 0 auto;margin:0;align-self:auto}
.gallery figure .device{width:100%;height:auto;max-width:none}
.gallery figure .device .hardware{width:100%;height:auto}
.gallery figcaption{min-height:2.8em;line-height:1.4;max-width:100%;margin-top:24px}
#lightbox-device .device{width:min(80vw,calc(72svh * var(--frame-ratio)));height:auto;max-width:none}
#lightbox-device .device .hardware{width:100%;height:auto}
#lightbox-device .device .screen img{width:100%;height:100%;max-width:none;max-height:none}
@media(max-width:1100px){.gallery{--gallery-height:390px}}
@media(max-width:760px){.gallery{--gallery-height:365px;gap:28px}.gallery figure{width:min(calc(var(--gallery-height) * var(--frame-ratio)),78vw)}.gallery figure .device{width:100%;height:auto}}

.gallery figure .device:is(.iphone,.duo,.ipad,.tv){width:100%;height:auto}

/* Screen and enclosure share a single coordinate system. */
.device .hardware:has(.device-composite){background:none!important;border:0;box-shadow:none;aspect-ratio:auto;line-height:0}
.device-composite{display:block;width:100%;height:auto;overflow:visible}

/* Balanced screen heights for iPhone, landscape iPad and folded Duo. */
.detail-devices{max-width:1200px;gap:3%}
.detail-devices .detail-one{width:19%}
.detail-devices .detail-two{width:49%}
.detail-devices .detail-three{width:26%}