/* Three products, three visual identities. Content remains usable without graphics. */
:root{--cosmic-accent:#d3baff;--island-accent:#178fc7;--tower-accent:#dbbd78}
.apps-section{padding:92px 0 104px;background:#f3f0e7;color:#133836}.apps-section .section-top>div>p:last-child{color:#55706a}.app-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-card{min-width:0;background:#fffdf6;border:1px solid #dcded2;border-radius:5px;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.app-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #183c3620}.app-card-art{display:block;position:relative;height:315px;overflow:hidden;background:#0c1931}.app-card-art>img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.app-card:hover .app-card-art>img{transform:scale(1.045)}.theme-tropical .app-card-art>img{object-position:50% 63%}.theme-heritage .app-card-art>img{object-position:54% 50%}.card-corner{position:absolute;top:22px;left:22px;font:10px ui-monospace,monospace;letter-spacing:.2em;color:#fff;text-shadow:0 2px 10px #000}.app-card-body{padding:24px}.app-card-title{display:flex;align-items:center;gap:14px}.app-card-title .eyebrow{font-size:8px;letter-spacing:.10em;margin-bottom:7px}.app-card-title h3{font-size:clamp(22px,2.2vw,30px);line-height:1.16;margin:0;letter-spacing:-.035em}.app-card-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #d6ddd4;margin-top:28px;padding-top:19px;font-size:11px}.app-card-links a:last-child{color:#496b60}.product-icon{width:54px;height:54px;flex:0 0 54px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff26;border-radius:13px;overflow:hidden;background:#143e3b;color:#f5e8ca;font:700 17px/1 system-ui;letter-spacing:-.05em}.product-icon img{width:100%;height:100%;object-fit:cover}.theme-cosmos .product-icon{background:radial-gradient(ellipse at 75% 0%,#665899,#16102c 80%);color:#ece0ff}.theme-tropical .product-icon{background:#067e9d;color:#f4ffe6}.product-page{--product-accent:#c8b284}.product-page.theme-cosmos{background:#0b0b19;--product-accent:#b9a7f4}.product-page.theme-cosmos .site-header{background:#0b0b19e8}.product-page.theme-heritage{background:#092c29;--product-accent:#dfc284}.product-page.theme-tropical{background:#eaf5ea;color:#153a33;--product-accent:#178fc7}.theme-tropical .site-header{background:#123d3ceb;color:#f4f0df}.product-hero-grid{position:relative;display:grid;grid-template-columns:1.02fr 1fr;gap:5%;align-items:center;min-height:720px;padding-top:60px;padding-bottom:80px}.product-copy{z-index:2;min-width:0}.product-copy>.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--product-accent);margin-bottom:40px}.product-copy h1{font-size:clamp(50px,5.9vw,91px);line-height:1.015;letter-spacing:-.06em;max-width:9em;margin:32px 0}.product-intro{font-size:16px;line-height:1.8;max-width:34em;color:#cac9d4;margin-bottom:30px}.product-identity{display:flex;gap:15px;align-items:center}.product-identity>div>span{display:block;font-size:13px;letter-spacing:0}.product-identity small{display:block;font-size:10px;color:#a9b9b6;margin-top:6px}.product-spec{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px;padding-top:25px;border-top:1px solid #ffffff20;font:9px ui-monospace,monospace;letter-spacing:.07em;line-height:1.8;color:#c7ced4}.store-button svg{flex-shrink:0}.theme-cosmos .store-button{background:#ede2ff;color:#1e1435}.product-copy .text-link{font-size:12px}.product-cosmos-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #9d8df330}.cosmos-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 95% 20%,#3e285650,transparent 65%),radial-gradient(ellipse at 64% 90%,#10275290,transparent 65%);z-index:-1}.cosmos-art{position:relative;min-width:0}.product-atmosphere{position:relative;aspect-ratio:1;overflow:hidden;border-radius:50%;isolation:isolate;background:#090a18;box-shadow:0 0 110px #685acc15}.product-atmosphere>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s}.product-atmosphere[data-ready=true]>canvas{opacity:1}.product-atmosphere:after{content:'';position:absolute;inset:13px;border:1px solid #d4c5ff16;border-radius:50%;pointer-events:none}.cosmos-poster{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 68% 48%,#ad77ca35,transparent 48%),radial-gradient(ellipse at 32% 80%,#33598e45,transparent 60%),#090a18}.nebula-disk{position:absolute;inset:22% 8%;border-radius:50%;transform:rotate(-32deg);background:radial-gradient(ellipse,#fff3d5 0%,#f0c9ffb0 5%,#c691f180 12%,#715ab16b 28%,#486ca555 43%,transparent 68%);box-shadow:inset 0 0 50px #241a4450;filter:blur(4px)}.star-field{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 18% 12%,#fff 95%,transparent),radial-gradient(1.3px 1.3px at 65% 75%,#cbe0ff 95%,transparent),radial-gradient(1px 1px at 86% 34%,#fff 95%,transparent),radial-gradient(1px 1px at 46% 64%,#ead8ff 95%,transparent),radial-gradient(1.2px 1.2px at 24% 80%,#fff 95%,transparent);background-size:127px 133px,163px 211px,217px 139px,113px 217px,257px 249px}.orbit-line{position:absolute;inset:13% 17%;border:1px solid #a9b7f331;border-radius:50%;transform:rotate(-32deg) scaleY(.5)}.atmosphere-controls{position:absolute;z-index:3;bottom:9%;left:19%;right:19%;display:flex;align-items:center;flex-direction:column;gap:12px;text-align:center}.atmosphere-controls button{background:#100f27ba;border:1px solid #d2bfff4d;border-radius:24px;color:#e8dcff;padding:8px 14px;font-size:10px;min-height:40px}.atmosphere-controls label{font-size:9px;color:#c5bbd8;display:flex;align-items:center;gap:10px;flex-direction:column}.atmosphere-controls input{width:120px;accent-color:#c1a9f1}.product-art-note{font-size:10px;line-height:1.6;color:#9b97b0;text-align:center;margin:15px 0}.product-details{padding-top:85px;padding-bottom:85px}.product-details>.eyebrow{color:var(--product-accent)}.product-details .detail-row{padding:28px 0 44px;gap:12%;border-bottom:1px solid #ffffff1c}.product-details .detail-row h2{font-size:clamp(35px,4vw,55px);line-height:1.12}.product-details p{color:#b3b3c6}.compatibility{display:grid;grid-template-columns:.8fr 1.6fr auto;gap:28px;padding-top:32px;align-items:start}.compatibility h3{font-size:17px}.compatibility p{font-size:12px;line-height:1.8}.compatibility a{font-size:12px;white-space:nowrap;color:var(--product-accent)}.product-heritage-hero{position:relative;isolation:isolate;overflow:hidden;background:#123936}.heritage-landscape{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#082f2cea 10%,#0b36349c 52%,#18373148),linear-gradient(0deg,#092c29,transparent 70%),url('/assets/hero.webp') center 50%/cover}.theme-heritage .product-intro{color:#c5d8cb}.theme-heritage .product-copy h1{color:#f6efdb}.theme-heritage .store-button{background:#e4c78e;color:#193a2e}.heritage-emblem{position:relative;aspect-ratio:1;display:grid;place-items:center}.heritage-emblem figure{width:65%;max-width:340px;z-index:1;margin:0;filter:drop-shadow(0 35px 45px #03151380);transform:rotate(-4deg)}.heritage-emblem img{width:100%;border-radius:28px;border:1px solid #f5df9938}.heritage-emblem figcaption{font-family:Georgia,serif;text-align:center;font-size:31px;margin-top:22px;color:#f0d6a2;letter-spacing:-.03em}.heritage-orbit{position:absolute;inset:6%;border:1px solid #d9c08035;border-radius:50%;transform:rotate(-20deg) scaleX(.85)}.heritage-orbit:after{content:'';position:absolute;inset:26px;border:1px solid #d9c08025;border-radius:50%}.heritage-story{padding:85px 0;background:#eee8d7;color:#163b31}.heritage-story .detail-row{padding:0}.heritage-story h2{font-size:clamp(35px,4vw,60px)}.heritage-story p{color:#456657}.product-tropical-hero{position:relative;isolation:isolate;overflow:hidden;background:#d5edf1}.tropical-wash{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 35%,#57c4e179,transparent 58%),linear-gradient(140deg,#f4f2d9 7%,#d3eef1 57%,#83cbe8)}.theme-tropical .product-copy>.eyebrow{color:#066d87}.theme-tropical .product-copy h1{color:#163f30}.theme-tropical .product-intro{color:#325f50}.theme-tropical .product-identity small{color:#466d61}.theme-tropical .product-spec{color:#335b51;border-color:#2a79682b}.theme-tropical .store-button{background:#124d44;color:#f7f6de}.theme-tropical .product-copy .text-link{color:#185949}.tropical-window{height:620px;max-width:430px;width:100%;margin:0 auto;position:relative;border-radius:220px 220px 90px 90px;overflow:hidden;box-shadow:0 30px 70px #07799340;border:6px solid #f4f3db70;transform:rotate(3deg)}.tropical-window>img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}.water-glints{pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,transparent 10%,#fffee212 35%,transparent 60%);animation:tropical-glint 8s ease-in-out infinite alternate;mix-blend-mode:screen}.tropical-note{padding-top:30px;padding-bottom:36px;display:flex;gap:30px;justify-content:space-between;font-size:11px;color:#537362}.tropical-note p{max-width:64em;line-height:1.8}.more-apps{padding-top:55px;background:#f3f0e7;color:#24493e}.more-apps .apps-section{padding-top:24px}.store-gallery{padding-top:64px;padding-bottom:74px}.screenshot-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 0 26px}.screenshot-rail a{flex:0 0 auto;scroll-snap-align:start}.screenshot-rail img{height:420px;width:auto;max-width:85vw;object-fit:contain;border-radius:15px;border:1px solid #7e929044}.apps-page .page-intro{padding-top:95px}.apps-page .page-intro h1{max-width:10em}.apps-page>.site-header .main-nav a[aria-current]{color:#e4d39a}.apps-page .apps-section{padding-top:55px}.theme-tropical .site-footer{background:#103631;color:#f3eeda}
@keyframes tropical-glint{from{transform:translateX(-30%);opacity:.4}to{transform:translateX(30%);opacity:.8}}
@media(min-width:1300px){.product-hero-grid{min-height:800px}.product-atmosphere{margin-right:-20px;width:calc(100% + 20px)}}
@media(max-width:1020px){.app-cards{gap:15px}.app-card-art{height:240px}.app-card-body{padding:20px 16px}.app-card-title{align-items:flex-start;gap:10px}.app-card-title .product-icon{width:42px;height:42px;flex-basis:42px}.app-card-title h3{font-size:24px}.app-card-title .eyebrow{font-size:7px}.product-hero-grid{gap:3%}.product-copy h1{font-size:58px}.product-intro{font-size:14px}.tropical-window{height:540px}.product-copy>.eyebrow{margin-bottom:26px}.product-identity>div>span{font-size:11px}.product-spec{font-size:8px}}
@media(max-width:760px){.apps-section{padding:58px 0}.app-cards{grid-template-columns:1fr;gap:24px}.app-card-art{height:270px}.app-card-body{padding:22px}.app-card-title .eyebrow{font-size:8px}.app-card-title h3{font-size:31px}.app-card-title .product-icon{width:50px;height:50px;flex-basis:50px}.product-hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:45px;gap:35px;min-height:0}.product-copy h1{font-size:clamp(48px,12vw,74px);max-width:9em;margin:24px 0}.product-intro{font-size:14px;line-height:1.8}.product-copy>.eyebrow{font-size:9px;margin-bottom:27px}.product-identity>div>span{font-size:11px}.product-spec{font-size:8px;gap:18px;margin-top:25px;padding-top:20px}.cosmos-art{width:100%;max-width:540px;margin:auto}.product-atmosphere{max-height:540px}.product-details{padding-top:55px;padding-bottom:55px}.product-details .detail-row{padding-top:20px}.compatibility{grid-template-columns:1fr;gap:14px}.heritage-emblem{width:100%;max-width:390px;margin:auto}.heritage-emblem figure{width:60%}.heritage-emblem figcaption{font-size:26px}.heritage-landscape{background:linear-gradient(0deg,#082c29b0,#092d2eea),url('/assets/hero.webp') center/cover}.heritage-story{padding:55px 0}.tropical-window{width:88%;height:510px;max-width:340px}.tropical-note{display:block;font-size:10px}.tropical-note a{display:inline-block;margin-top:16px}.screenshot-rail img{height:360px}.store-gallery{padding-top:42px;padding-bottom:45px}.product-page .button-row{gap:18px}.product-page .button{font-size:12px;padding:15px 18px}.app-card-links a{min-height:35px;display:flex;align-items:center;gap:9px}.atmosphere-controls{bottom:8%}}
@media(max-width:360px){.product-copy h1{font-size:45px}.product-identity>div>span{font-size:10px}.product-icon{width:45px;height:45px;flex-basis:45px}.tropical-window{height:460px}.atmosphere-controls label{font-size:8px}.atmosphere-controls button{font-size:9px}}
[dir=rtl] .product-copy h1{letter-spacing:0;line-height:1.2}[dir=rtl] .product-copy>.eyebrow,[dir=rtl] .product-spec,[dir=rtl] .app-card-title .eyebrow{letter-spacing:0}[dir=rtl] .card-corner{left:auto;right:22px}[dir=rtl] .product-identity>div{min-width:0}[dir=rtl] .product-identity>div>span{unicode-bidi:plaintext}
@media(prefers-reduced-motion:reduce){.water-glints{animation:none}.app-card,.app-card-art>img{transition:none}}
html[data-reduced=true] .water-glints{animation:none}html[data-reduced=true] .app-card,html[data-reduced=true] .app-card-art>img{transition:none}

/* Synchronized official icon colours accent surfaces without changing readable text. */
[data-palette=official-icon] .product-icon{border-color:var(--icon-colour);box-shadow:0 0 25px color-mix(in srgb,var(--icon-colour) 20%,transparent)}
[data-palette=official-icon] .product-spec{border-top-color:color-mix(in srgb,var(--icon-colour) 30%,transparent)}