/* Each platform gets its own Apple-inspired visual language. */
.platform{position:relative}.platform-vision{background:radial-gradient(circle at 50% 42%,rgba(180,220,255,.2),transparent 22%),radial-gradient(circle at 8% 30%,rgba(56,153,255,.4),transparent 25%),linear-gradient(145deg,#030b24,#112e67 58%,#416d9e)}.platform-watch{background:radial-gradient(circle at 85% 20%,rgba(55,217,190,.18),transparent 23%),linear-gradient(155deg,#f7fbff,#e7f1fb)}.platform-ipad{background:linear-gradient(rgba(45,103,186,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(45,103,186,.045) 1px,transparent 1px),linear-gradient(180deg,#fbfdff,#edf4fc);background-size:34px 34px,34px 34px,auto}.platform-iphone{background:radial-gradient(circle at 50% 0,rgba(28,129,255,.46),transparent 29%),radial-gradient(circle at 100% 70%,rgba(76,69,255,.3),transparent 27%),linear-gradient(160deg,#02071c,#071846 55%,#092a70)}.platform-mac{background:radial-gradient(circle at 80% 8%,rgba(117,189,255,.24),transparent 30%),linear-gradient(145deg,#071229,#152b50 60%,#26476c)}.gallery{position:relative;z-index:2}
.vision-orbit{position:absolute;border:1px solid rgba(215,237,255,.26);border-radius:50%;filter:drop-shadow(0 0 18px rgba(109,194,255,.3));pointer-events:none}.orbit-one{width:680px;height:680px;right:-190px;top:40px}.orbit-two{width:420px;height:420px;left:-150px;bottom:80px}.platform-vision .landscape-gallery figure{padding:13px;border:1px solid rgba(255,255,255,.38);border-radius:28px;background:rgba(224,240,255,.13);box-shadow:0 35px 90px rgba(0,8,34,.42),inset 0 1px rgba(255,255,255,.35);backdrop-filter:blur(24px)}.platform-vision .landscape-gallery img{border-radius:17px}.device-signature{position:relative;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:-28px auto 46px}.device-signature span{padding:9px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(226,241,255,.12);color:#e6f4ff;font-size:.78rem;font-weight:600;backdrop-filter:blur(18px)}
.watch-dashboard{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;max-width:820px;margin:-30px auto 48px;padding:13px 18px;border:1px solid #d7e4f1;border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 18px 50px rgba(21,57,94,.1);backdrop-filter:blur(16px)}.watch-ring{display:grid;place-items:center;width:72px;height:72px;border:7px solid #2ed0a6;border-right-color:#ffbd45;border-radius:50%;line-height:1}.watch-ring b{font-size:1.25rem}.watch-ring small{font-size:.55rem;color:var(--muted)}.watch-pill{padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:700}.watch-pill.green{color:#07835e;background:#dcf8ee}.watch-pill.orange{color:#a56a00;background:#fff0cc}.watch-time{margin-left:auto;font-weight:800}.watch-gallery figure{padding:12px;border-radius:40px;background:linear-gradient(145deg,#202a36,#05080d);box-shadow:0 25px 55px rgba(3,21,43,.25)}.watch-gallery img{box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}.watch-gallery figcaption{color:#dce8f4;padding-bottom:2px}
.dynamic-island{position:relative;z-index:3;display:flex;align-items:center;gap:12px;width:min(390px,90%);margin:-60px auto 52px;padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:28px;color:#fff;background:#020205;box-shadow:0 14px 45px rgba(0,0,0,.42)}.island-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#3775ff,#0d43ce);font-size:.72rem;font-weight:800}.dynamic-island b,.dynamic-island small{display:block}.dynamic-island b{font-size:.76rem}.dynamic-island small{color:#8993a6;font-size:.62rem}.dynamic-island i{display:grid;place-items:center;width:25px;height:25px;margin-left:auto;border-radius:50%;color:#061c15;background:#37d28b;font-style:normal;font-weight:800}.phone-gallery figure{position:relative;padding:9px 7px 7px;border:1px solid rgba(255,255,255,.16);border-radius:36px;background:linear-gradient(150deg,#33405b,#05070b);box-shadow:0 25px 60px rgba(0,0,0,.4)}.phone-gallery figure:before{content:"";position:absolute;z-index:2;top:17px;left:50%;width:27%;height:9px;border-radius:20px;background:#030303;transform:translateX(-50%)}.phone-gallery img{border-radius:29px;box-shadow:none}
.ipad-toolbar{position:relative;z-index:2;display:flex;align-items:center;gap:12px;max-width:1050px;margin:-30px auto 48px;padding:12px;border:1px solid #d8e3f1;border-radius:19px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(24,61,108,.1);backdrop-filter:blur(14px)}.sidebar-toggle,.add-button{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf3fb;color:var(--blue);font-weight:800}.ipad-search{flex:1;padding:9px 14px;border-radius:11px;color:#8a98ad;background:#f0f4fa;font-size:.82rem}.pencil-mark{color:#5c6c83;font-size:.76rem;font-weight:700;font-style:italic}.add-button{color:#fff;background:var(--blue)}.wide-gallery figure{padding:10px 10px 0;border:1px solid #cdd9e9;border-radius:24px;background:#26354c;box-shadow:0 25px 60px rgba(18,54,99,.2)}.wide-gallery img{border-radius:16px}.wide-gallery figcaption{color:#eaf2ff}
.mac-menubar{position:relative;z-index:3;display:flex;align-items:center;gap:18px;max-width:1180px;margin:-32px auto 42px;padding:10px 16px;border:1px solid rgba(255,255,255,.2);border-radius:13px;color:#eaf4ff;background:rgba(238,246,255,.12);box-shadow:0 15px 40px rgba(0,8,28,.25);font-size:.72rem;backdrop-filter:blur(22px)}.traffic-lights{display:flex;gap:6px}.traffic-lights i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.traffic-lights i:nth-child(2){background:#febc2e}.traffic-lights i:nth-child(3){background:#28c840}.menu-items{color:#b8c8dc}.mac-menubar time{margin-left:auto}.platform-mac .landscape-gallery figure{position:relative;padding:31px 7px 7px;border:1px solid rgba(255,255,255,.24);border-radius:17px;background:rgba(235,243,252,.16);box-shadow:0 30px 70px rgba(0,7,25,.42);backdrop-filter:blur(15px)}.platform-mac .landscape-gallery figure:before{content:"";position:absolute;top:11px;left:13px;width:9px;height:9px;border-radius:50%;background:#ff5f57;box-shadow:15px 0 #febc2e,30px 0 #28c840}.platform-mac .landscape-gallery img{border-radius:8px}.mac-dock{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:28px auto -65px;padding:9px 12px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:rgba(220,234,248,.18);box-shadow:0 18px 45px rgba(0,6,25,.3);backdrop-filter:blur(20px)}.mac-dock span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#4482ff,#0a44cc);font-size:.75rem;font-weight:800}.mac-dock span:nth-of-type(2),.mac-dock span:nth-of-type(3),.mac-dock span:nth-of-type(4){color:#173761;background:#f2f7fc}.mac-dock i{width:1px;height:32px;background:rgba(255,255,255,.26)}
@media(max-width:1000px){.menu-items{display:none}}@media(max-width:620px){.device-signature{margin-top:-35px}.watch-dashboard{padding:10px}.watch-time{display:none}.dynamic-island{margin-top:-48px}.pencil-mark{display:none}.ipad-toolbar{margin-top:-38px}.mac-menubar time{display:none}.mac-dock{margin-bottom:-45px}}