* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; }
html, body { margin: 0; min-height: 100%; width: 100%; }
body { max-width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
.variant { width: 100%; max-width: 100%; min-height: 100vh; overflow-x: hidden; overflow-x: clip; overflow-y: visible; }
.home-nav { position: relative; z-index: 20; width: min(1180px, calc(100% - 48px)); min-height: 76px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.home-brand { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 850; }
.home-brand > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; font-size: 20px; }
.home-nav nav, .home-nav > div { display: flex; align-items: center; gap: 25px; }
.home-nav nav a, .home-nav > div > a:first-child { font-size: 12px; opacity: .72; }
.home-nav nav i { font-size: 10px; font-style: normal; }
.nav-cta { padding: 11px 18px; border-radius: 9px; font-size: 12px; font-weight: 750; }
.language-toggle { min-width:42px;height:34px;padding:0 11px;border:1px solid rgba(35,100,150,.16);border-radius:999px;background:rgba(255,255,255,.68);color:#2976b5;font:800 10px/1 Inter,ui-sans-serif,system-ui;letter-spacing:.06em;cursor:pointer;transition:transform .2s ease,background .2s ease; }.language-toggle:hover { transform:translateY(-2px);background:white; }.language-toggle:focus-visible { outline:3px solid rgba(42,131,232,.35);outline-offset:3px; }
.mini-label { margin: 0 0 24px; font: 800 10px/1.4 ui-monospace, monospace; letter-spacing: .16em; }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 31px; }
.hero-buttons a { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; padding: 0 23px; border-radius: 9px; font-size: 13px; font-weight: 750; }
.provider-row { display: grid; grid-template-columns: repeat(5, 1fr); border-radius: 13px; overflow: hidden; }
.provider-row span { padding: 21px 12px; text-align: center; font-size: 13px; font-weight: 750; }

/* 01 — Outback Dawn */
.variant-outback { --ink: #2c1b14; background: #f3e6d3; color: var(--ink); }
.variant-outback .home-nav { border-bottom: 1px solid rgba(74, 41, 27, .18); }
.variant-outback .home-brand > span { background: #2f211b; }
.variant-outback .nav-cta { background: var(--ink); color: #fff7ea; }
.variant-outback .home-nav nav i { color: #41836a; }
.outback-hero { width: min(1180px, calc(100% - 48px)); min-height: 650px; margin: auto; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 45px; }
.outback-copy { position: relative; z-index: 3; }
.outback-copy .mini-label { color: #a15334; }
.outback-copy h1 { margin: 0; font-family: Georgia, serif; font-size: clamp(46px, 5vw, 72px); line-height: 1.02; letter-spacing: -.05em; }
.outback-copy h1 em { color: #bf5838; font-weight: 500; }
.outback-copy > p:not(.mini-label) { max-width: 570px; margin: 27px 0 0; color: #715b50; font-size: 16px; line-height: 1.85; }
.variant-outback .hero-buttons .primary { background: var(--ink); color: #fff7ea; }
.variant-outback .hero-buttons .secondary { border: 1px solid rgba(74, 41, 27, .25); }
.outback-copy dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 46px 0 0; }
.outback-copy dl div { padding-left: 20px; border-left: 1px solid rgba(74, 41, 27, .18); }
.outback-copy dl div:first-child { padding-left: 0; border: 0; }
.outback-copy dt { font-size: 16px; font-weight: 800; }
.outback-copy dd { margin: 6px 0 0; color: #8a7567; font-size: 11px; }
.outback-art { position: relative; min-height: 560px; overflow: hidden; border-radius: 34px 34px 150px 34px; background: linear-gradient(#f7ae72 0 48%, #d9653f 48% 100%); box-shadow: 0 28px 65px rgba(99, 48, 27, .2); }
.sun { position: absolute; top: 74px; right: 90px; width: 150px; height: 150px; border-radius: 50%; background: #ffe5a9; box-shadow: 0 0 80px rgba(255, 225, 164, .6); }
.hill { position: absolute; border-radius: 50% 50% 0 0; transform: rotate(-8deg); }
.hill-a { width: 480px; height: 210px; left: -80px; bottom: 0; background: #8d3f2f; }
.hill-b { width: 530px; height: 170px; right: -150px; bottom: -30px; background: #4e2b26; }
.kangaroo-card { position: absolute; z-index: 3; left: 50%; top: 44%; display: grid; place-items: center; width: 210px; height: 235px; padding: 25px; border: 1px solid rgba(255,255,255,.42); border-radius: 105px 105px 28px 28px; transform: translate(-50%, -50%); background: rgba(255, 246, 226, .88); text-align: center; box-shadow: 0 25px 55px rgba(78, 43, 38, .2); backdrop-filter: blur(10px); }
.kangaroo-card span { font-size: 75px; }
.kangaroo-card strong { font-family: Georgia, serif; font-size: 18px; }
.kangaroo-card small { color: #8b6d5b; font-size: 9px; letter-spacing: .08em; }
.route-ticket { position: absolute; z-index: 5; right: 22px; bottom: 24px; width: 255px; padding: 18px; border-radius: 14px; background: #2e211c; color: #f9ebd8; box-shadow: 0 18px 35px rgba(44, 27, 20, .25); }
.route-ticket small, .route-ticket b { display: block; }
.route-ticket small { color: #dba57e; font-size: 8px; letter-spacing: .14em; }
.route-ticket b { margin-top: 10px; font: 500 11px/1.4 ui-monospace, monospace; }
.route-ticket i { position: absolute; right: 16px; bottom: 17px; color: #73d5a9; font: 700 9px/1 ui-monospace, monospace; }
.outback-features { width: min(1180px, calc(100% - 48px)); margin: 16px auto 100px; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(74, 41, 27, .18); border-bottom: 1px solid rgba(74, 41, 27, .18); }
.outback-features > div { padding: 34px; border-left: 1px solid rgba(74, 41, 27, .18); }
.outback-features > div:first-child { border: 0; }
.outback-features small { color: #ba5a3b; font: 800 9px/1 ui-monospace, monospace; }
.outback-features h2 { margin: 18px 0 10px; font-family: Georgia, serif; font-size: 24px; }
.outback-features p { margin: 0; color: #796357; font-size: 13px; line-height: 1.75; }
.outback-models { padding: 90px max(24px, calc((100% - 1180px) / 2)); background: #2c1b14; color: #f8ead7; text-align: center; }
.outback-models .mini-label { color: #e9a56d; }
.outback-models h2 { max-width: 720px; margin: auto; font-family: Georgia, serif; font-size: 42px; font-weight: 500; }
.outback-models .provider-row { margin-top: 45px; border: 1px solid rgba(255,255,255,.12); }
.outback-models .provider-row span { border-right: 1px solid rgba(255,255,255,.12); }
.api-section-lede { max-width: 680px; margin: 20px auto 36px; font-size: 14px; line-height: 1.8; opacity: .72; }
.api-benefit-grid { display: grid; grid-template-columns: repeat(4,1fr); text-align: left; }
.api-benefit-grid article { min-height: 180px; padding: 26px; }
.api-benefit-grid small, .api-benefit-grid b, .api-benefit-grid span { display: block; }
.api-benefit-grid small { font-size: 10px; font-weight: 800; letter-spacing: .12em; opacity: .62; }
.api-benefit-grid b { margin-top: 35px; font-size: 17px; }
.api-benefit-grid span { margin-top: 10px; font-size: 11px; line-height: 1.65; opacity: .68; }
.outback-models .api-benefit-grid { border: 1px solid rgba(255,244,230,.18); }
.outback-models .api-benefit-grid article { border-left: 1px solid rgba(255,244,230,.18); }
.outback-models .api-benefit-grid article:first-child { border-left: 0; }

/* 02 — Neon Pouch */
.variant-neon { min-height: 100vh; background: #030715; color: #eef5ff; }
.variant-neon::before { position: fixed; inset: 0; content: ""; pointer-events: none; background-image: linear-gradient(rgba(119, 114, 255, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(119, 114, 255, .05) 1px, transparent 1px); background-size: 58px 58px; }
.variant-neon .home-nav { border-bottom: 1px solid rgba(139, 157, 219, .16); }
.variant-neon .home-brand > span { background: linear-gradient(135deg, #8157ff, #19bfff); box-shadow: 0 0 25px rgba(103, 88, 255, .4); }
.variant-neon .nav-cta { background: #f3f7ff; color: #081126; }
.variant-neon .home-nav nav i { color: #6ff3bf; font-family: ui-monospace, monospace; }
.neon-hero { position: relative; width: min(1180px, calc(100% - 48px)); min-height: 690px; margin: auto; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 30px; }
.neon-copy { position: relative; z-index: 3; }
.neon-copy .mini-label { color: #61caff; }
.neon-copy h1 { margin: 0; font-size: clamp(60px, 7vw, 96px); line-height: .9; letter-spacing: -.06em; }
.neon-copy h1 span { display: block; margin-top: 23px; background: linear-gradient(100deg, #fff, #8fc7ff 55%, #9879ff); background-clip: text; color: transparent; font-size: .54em; line-height: 1.08; }
.neon-copy > p:not(.mini-label) { max-width: 570px; margin: 29px 0 0; color: #8e9db7; font-size: 16px; line-height: 1.85; }
.variant-neon .hero-buttons .primary { background: linear-gradient(110deg, #8559ff, #437dff); box-shadow: 0 16px 35px rgba(101, 84, 255, .3); }
.variant-neon .hero-buttons .secondary { border: 1px solid rgba(128, 161, 233, .28); }
.neon-orbit { position: relative; min-height: 590px; }
.neon-orbit::before { position: absolute; inset: -50px -150px; content: ""; background: radial-gradient(circle, rgba(54, 131, 255, .28), transparent 60%); filter: blur(10px); }
.orbit-ring { position: absolute; left: 50%; top: 46%; border: 1px solid rgba(121, 170, 255, .2); border-radius: 50%; transform: translate(-50%, -50%) rotate(-8deg); }
.ring-one { width: 390px; height: 250px; }
.ring-two { width: 570px; height: 380px; }
.neon-joey { position: absolute; z-index: 3; left: 50%; top: 46%; display: grid; place-items: center; width: 126px; height: 126px; border: 1px solid rgba(126, 203, 255, .55); border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(circle at 35% 25%, #263e80, #0a1128 68%); box-shadow: 0 0 65px rgba(90, 117, 255, .48); font-size: 57px; }
.satellite { position: absolute; z-index: 2; padding: 13px 18px; border: 1px solid rgba(135, 162, 220, .25); border-radius: 10px; background: rgba(8, 17, 39, .86); color: #dce9ff; font: 700 9px/1 ui-monospace, monospace; box-shadow: 0 18px 40px rgba(0,0,0,.32); }
.sat-a { left: 2%; top: 14%; }.sat-b { right: 1%; top: 10%; }.sat-c { right: -2%; top: 62%; }.sat-d { left: 0; top: 65%; }
.neon-console { position: absolute; z-index: 4; right: 2%; bottom: 0; width: 470px; display: grid; grid-template-columns: 1fr auto; gap: 15px; padding: 19px; border: 1px solid rgba(116, 149, 220, .23); border-radius: 12px; background: rgba(4, 10, 25, .95); box-shadow: 0 25px 60px rgba(0,0,0,.5); font: 10px/1.4 ui-monospace, monospace; }
.neon-console b { color: #69c8ff; }.neon-console code { color: #cad8ec; }.neon-console span { color: #7789a4; }.neon-console i { color: #66e3ac; font-style: normal; text-align: right; }
.neon-grid { position: relative; width: min(1180px, calc(100% - 48px)); margin: 0 auto 100px; display: grid; grid-template-columns: repeat(3,1fr); }
.neon-grid article { min-height: 220px; padding: 31px; border: 1px solid rgba(128, 157, 218, .17); background: rgba(8, 18, 39, .65); }
.neon-grid span { color: #7068ff; font: 800 10px/1 ui-monospace, monospace; }.neon-grid h2 { margin: 42px 0 12px; font-size: 20px; }.neon-grid p { color: #8492a9; font-size: 13px; }
.neon-models { padding: 90px max(24px, calc((100% - 1180px) / 2)); border-top: 1px solid rgba(128, 157, 218, .17); background: #050a18; }
.neon-models .mini-label { color: #746aff; }
.neon-models .provider-row { border: 1px solid rgba(128, 157, 218, .17); }.neon-models .provider-row span { border-right: 1px solid rgba(128, 157, 218, .17); }

/* 03 — Pocket Console */
.variant-pocket { background: #f2f8f5; color: #17362f; }
.variant-pocket .home-nav { border-bottom: 1px solid #d7e5df; }
.variant-pocket .home-brand > span { background: #d7fff1; }
.variant-pocket .nav-cta { background: #17362f; color: white; }
.variant-pocket .home-nav nav i { color: #16886e; }
.pocket-hero { width: min(1100px, calc(100% - 48px)); min-height: 650px; margin: auto; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 75px; }
.pocket-chip, .sunny-pill, .cloud-badge { display: inline-flex; padding: 8px 13px; border-radius: 999px; font-size: 11px; font-weight: 750; }
.pocket-chip { background: #d7fff1; color: #197d68; }
.pocket-intro h1 { margin: 23px 0 0; font-size: clamp(48px, 5vw, 70px); line-height: 1.04; letter-spacing: -.055em; }
.pocket-intro > p { max-width: 530px; margin: 25px 0 0; color: #607a71; font-size: 16px; line-height: 1.8; }
.variant-pocket .hero-buttons .primary { background: #1ca988; color: white; box-shadow: 0 16px 30px rgba(28, 169, 136, .22); }
.variant-pocket .hero-buttons .secondary { border: 1px solid #c5dad2; }
.pocket-console { overflow: hidden; border: 1px solid #c9ddd5; border-radius: 26px; background: white; box-shadow: 0 30px 70px rgba(42, 95, 80, .14); }
.console-top { min-height: 54px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 18px; border-bottom: 1px solid #e3ece8; color: #71847e; font-size: 10px; }
.console-top > span { display: flex; gap: 6px; }.console-top i { width: 8px; height: 8px; border-radius: 50%; background: #d3ded9; }.console-top small { justify-self: end; color: #16a580; font-weight: 800; }
.console-body { padding: 27px; }
.pocket-mascot { display: flex; align-items: center; gap: 14px; padding: 19px; border-radius: 17px; background: #e8fff7; }
.pocket-mascot > span { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 18px; background: white; font-size: 32px; }.pocket-mascot b, .pocket-mascot small { display: block; }.pocket-mascot small { margin-top: 5px; color: #6a8178; }
.console-body pre { margin: 18px 0; padding: 22px; border-radius: 16px; background: #14362f; color: #b7ffe8; font: 12px/1.9 ui-monospace, monospace; }
.console-result { display: flex; justify-content: space-between; padding: 5px 3px 0; color: #577269; font-size: 11px; }.console-result b { color: #129472; }
.pocket-bento { width: min(1100px, calc(100% - 48px)); margin: 10px auto 100px; display: grid; grid-template-columns: 1.4fr .8fr .8fr; gap: 15px; }
.pocket-bento article { padding: 28px; border: 1px solid #d5e3de; border-radius: 20px; background: white; }.pocket-bento .wide { background: #18362f; color: white; }.pocket-bento small { color: #68dfbd; font-weight: 700; }.pocket-bento article > span { font-size: 26px; }.pocket-bento h2, .pocket-bento h3 { margin: 24px 0 9px; }.pocket-bento p { margin: 0; color: #74877f; font-size: 12px; line-height: 1.7; }.pocket-bento .wide p { color: #afc7be; }
.pocket-models { padding: 85px max(24px, calc((100% - 1100px) / 2)); background: #e5f2ed; text-align: center; }.pocket-models h2 { margin: 0 0 35px; font-size: 34px; }.pocket-models .provider-row { border: 1px solid #c9dcd4; background: rgba(255,255,255,.52); }.pocket-models .provider-row span { border-right: 1px solid #c9dcd4; }

/* 04 — Midnight Hop */
.variant-midnight { background: #050705; color: #eef6e8; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.variant-midnight .home-nav { width: min(1180px, calc(100% - 48px)); border-bottom: 1px solid #26301e; }.variant-midnight .home-brand > span { border: 1px solid #b8ff3d; border-radius: 4px; color: #b8ff3d; font-size: 12px; }.variant-midnight .nav-cta { border: 1px solid #b8ff3d; border-radius: 2px; color: #b8ff3d; }.variant-midnight .home-nav nav i { color: #b8ff3d; }
.midnight-hero { width: min(1180px, calc(100% - 48px)); min-height: 680px; margin: auto; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 60px; }
.midnight-copy .mini-label { color: #b8ff3d; }.midnight-copy h1 { margin: 0; font: 900 clamp(66px, 8vw, 112px)/.78 Arial Black, sans-serif; letter-spacing: -.07em; }.midnight-copy h1 span { color: #b8ff3d; }.midnight-copy > p:not(.mini-label) { max-width: 560px; margin: 35px 0 0; color: #899083; font: 14px/1.8 ui-monospace, monospace; }
.variant-midnight .hero-buttons .primary { border-radius: 2px; background: #b8ff3d; color: #071005; }.variant-midnight .hero-buttons .secondary { border: 1px solid #35402c; border-radius: 2px; }
.midnight-terminal { min-height: 470px; padding: 35px; border: 1px solid #36432c; background: #0a0d09; box-shadow: 18px 18px 0 #b8ff3d; color: #b5bcb0; font: 13px/1.9 ui-monospace, monospace; }
.ascii-joey { margin-bottom: 38px; color: #b8ff3d; font-size: 21px; line-height: 1.25; white-space: nowrap; }.midnight-terminal span, .midnight-terminal b { color: #b8ff3d; }.midnight-terminal i { color: #7dd7a1; font-style: normal; }.midnight-terminal .command { padding: 20px; border-left: 3px solid #b8ff3d; background: #10150d; color: #dbe7d5; }.terminal-cursor { color: #b8ff3d; animation: midnight-blink .9s step-end infinite; } @keyframes midnight-blink { 50% { opacity: 0; } }
.midnight-strip { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #26301e; border-bottom: 1px solid #26301e; }.midnight-strip div { padding: 28px; border-left: 1px solid #26301e; color: #9aa292; font-size: 10px; text-align: center; }.midnight-strip div:first-child { border: 0; }
.midnight-models { padding: 90px max(24px, calc((100% - 1180px) / 2)); }.midnight-models h2 { color: #b8ff3d; font-size: 13px; letter-spacing: .13em; }.midnight-models .provider-row { margin-top: 27px; border: 1px solid #26301e; }.midnight-models .provider-row span { border-right: 1px solid #26301e; color: #b7c0b1; }

/* 05 — Joey Post Office */
.variant-postcard { background: #f5e8c7; color: #342820; background-image: radial-gradient(#d8c79e 1px, transparent 1px); background-size: 18px 18px; }
.variant-postcard .home-nav { border-bottom: 2px solid #342820; }.variant-postcard .home-brand > span { border: 2px solid #342820; border-radius: 50%; background: #e86943; }.variant-postcard .nav-cta { border: 2px solid #342820; border-radius: 0; background: #f9f0da; box-shadow: 3px 3px 0 #342820; }
.postcard-hero { width: min(1120px, calc(100% - 48px)); min-height: 650px; margin: auto; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 60px; }
.postcard-copy .mini-label { color: #bc4f35; }.postcard-copy h1 { margin: 0; font: 600 clamp(48px, 5vw, 70px)/1.04 Georgia, serif; letter-spacing: -.045em; }.postcard-copy > p:not(.mini-label) { max-width: 540px; margin: 28px 0 0; color: #736052; font-size: 16px; line-height: 1.85; }
.variant-postcard .hero-buttons .primary { border: 2px solid #342820; border-radius: 0; background: #e45f3f; color: #fff8e7; box-shadow: 5px 5px 0 #342820; }.variant-postcard .hero-buttons .secondary { border-bottom: 2px solid #342820; border-radius: 0; }
.hand-note { display: inline-block; margin-top: 34px; transform: rotate(-2deg); color: #a14936; font-family: "Comic Sans MS", cursive; font-size: 14px; }
.postcard-stack { position: relative; min-height: 520px; }.paper { position: absolute; left: 50%; top: 50%; width: 470px; height: 330px; padding: 34px; border: 2px solid #342820; transform: translate(-50%,-50%); background: #fff9e9; box-shadow: 10px 12px 0 rgba(52,40,32,.15); }.paper-back { transform: translate(-50%,-50%) rotate(7deg); background: #d9a561; }.paper-front { transform: translate(-50%,-50%) rotate(-3deg); }.paper-front > p { margin: 0; font-size: 11px; letter-spacing: .1em; }.paper-front h2 { margin: 55px 0 0; font: 600 40px/1.05 Georgia,serif; }.stamp { position: absolute; right: 28px; top: 27px; display: grid; place-items: center; width: 90px; height: 105px; border: 3px dotted #b65039; color: #b65039; font-size: 38px; }.stamp small { font: 800 7px/1.3 ui-monospace,monospace; text-align: center; }.postal-lines { position: absolute; right: 28px; bottom: 62px; width: 170px; height: 45px; border-top: 1px solid #9b8979; border-bottom: 1px solid #9b8979; }.paper-code { position: absolute; left: 34px; bottom: 30px; font-family: ui-monospace,monospace; }.tape { position: absolute; z-index: 5; width: 100px; height: 28px; background: rgba(241, 196, 99, .72); }.tape-a { left: 23%; top: 15%; transform: rotate(-34deg); }.tape-b { right: 18%; bottom: 17%; transform: rotate(-20deg); }
.postcard-features { width: min(1120px, calc(100% - 48px)); margin: 0 auto 100px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.postcard-features article { padding: 27px; border: 2px solid #342820; background: #fff7e4; box-shadow: 5px 5px 0 rgba(52,40,32,.16); }.postcard-features b { font-family: Georgia,serif; font-size: 18px; }.postcard-features p { color: #79685b; font-size: 12px; }
.postcard-models { padding: 85px max(24px, calc((100% - 1120px) / 2)); border-top: 2px solid #342820; background: #df6544; color: #fff8e9; }.postcard-models .provider-row { border: 2px solid #342820; background: #f6e8c7; color: #342820; }.postcard-models .provider-row span { border-right: 2px solid #342820; }

/* 06 — Aurora Route */
.variant-aurora { background: #091028; color: #f4f7ff; }
.variant-aurora::before { position: fixed; inset: 0; content: ""; pointer-events: none; background: radial-gradient(circle at 20% 20%, rgba(50,233,225,.16), transparent 34%), radial-gradient(circle at 83% 28%, rgba(114,72,255,.22), transparent 42%); }
.variant-aurora .home-nav { border-bottom: 1px solid rgba(198, 215, 255, .15); }.variant-aurora .home-brand > span { border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.08); backdrop-filter: blur(12px); }.variant-aurora .nav-cta { background: rgba(255,255,255,.94); color: #151a32; }.variant-aurora .home-nav nav i { color: #6ef0d1; }
.aurora-hero { position: relative; width: min(1180px, calc(100% - 48px)); min-height: 700px; margin: auto; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 45px; }
.aurora-aura { position: absolute; border-radius: 50%; filter: blur(65px); opacity: .55; }.aura-a { width: 300px; height: 300px; right: 250px; top: 110px; background: #28d6dc; }.aura-b { width: 350px; height: 350px; right: -20px; bottom: 50px; background: #7048ff; }
.aurora-copy { position: relative; z-index: 3; }.aurora-copy .mini-label { color: #73e9e4; }.aurora-copy h1 { margin: 0; font-size: clamp(48px, 5vw, 72px); line-height: 1.03; letter-spacing: -.055em; }.aurora-copy h1 span { background: linear-gradient(100deg,#85f3e8,#9da4ff); background-clip: text; color: transparent; }.aurora-copy > p:not(.mini-label) { max-width: 560px; margin: 27px 0 0; color: #a3acc6; font-size: 16px; line-height: 1.85; }
.variant-aurora .hero-buttons .primary { background: linear-gradient(115deg,#5ee5db,#8f82ff); color: #10162c; box-shadow: 0 18px 45px rgba(86,220,220,.2); }.variant-aurora .hero-buttons .secondary { border: 1px solid rgba(210,222,255,.24); background: rgba(255,255,255,.05); }
.aurora-stage { position: relative; min-height: 570px; }.glass-orbit { position: absolute; left: 50%; top: 47%; width: 390px; height: 390px; border: 1px solid rgba(222,234,255,.26); border-radius: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,.045); box-shadow: inset 0 0 70px rgba(148,221,255,.08),0 0 90px rgba(65,100,255,.18); backdrop-filter: blur(12px); }.glass-orbit::after { position: absolute; inset: 42px; content: ""; border: 1px dashed rgba(215,228,255,.22); border-radius: 50%; }.aurora-joey { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 88px; filter: drop-shadow(0 18px 25px rgba(0,0,0,.28)); }.glow-dot { position: absolute; z-index: 3; width: 14px; height: 14px; border-radius: 50%; background: #78f3df; box-shadow: 0 0 22px #78f3df; }.dot-a { left: 6%; top: 48%; }.dot-b { right: 13%; top: 20%; background: #9e8fff; box-shadow: 0 0 22px #9e8fff; }.dot-c { right: 5%; bottom: 23%; background: #6cbcff; box-shadow: 0 0 22px #6cbcff; }
.glass-card { position: absolute; z-index: 4; width: 190px; padding: 18px; border: 1px solid rgba(225,235,255,.24); border-radius: 17px; background: rgba(20,28,57,.58); box-shadow: 0 22px 45px rgba(0,0,0,.22); backdrop-filter: blur(18px); }.glass-card small,.glass-card b,.glass-card span { display:block; }.glass-card small { color:#70eadf;font-size:8px;letter-spacing:.12em; }.glass-card b { margin-top:13px;font-size:16px; }.glass-card span { margin-top:7px;color:#9ca8c4;font-size:10px; }.card-route { left: 0; top: 20%; }.card-usage { right: 0; bottom: 17%; }
.aurora-cards { position:relative; width:min(1180px,calc(100% - 48px)); margin:0 auto 100px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.aurora-cards article { padding:30px;border:1px solid rgba(200,215,255,.16);border-radius:18px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px); }.aurora-cards small { color:#74eadf; }.aurora-cards h2 { margin:27px 0 11px;font-size:20px; }.aurora-cards p { color:#9ba7c1;font-size:12px; }
.aurora-models { padding:80px max(24px,calc((100% - 1180px)/2));border-top:1px solid rgba(200,215,255,.14); }.aurora-models .provider-row { border:1px solid rgba(200,215,255,.16);background:rgba(255,255,255,.035); }.aurora-models .provider-row span { border-right:1px solid rgba(200,215,255,.16); }

/* 07 — Sunny Pouch */
.variant-sunny { background:#ffcf39;color:#18264b; }.variant-sunny .home-nav { border-bottom:2px solid #18264b; }.variant-sunny .home-brand > span { background:#fff5c8;border:2px solid #18264b; }.variant-sunny .nav-cta { background:#275dff;color:white;border-radius:999px; }.variant-sunny .home-nav nav i { color:#1759d3; }
.sunny-hero { width:min(1180px,calc(100% - 48px));min-height:650px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px; }.sunny-pill { background:#fff1a8;border:2px solid #18264b;box-shadow:3px 3px 0 #18264b; }.sunny-copy h1 { margin:22px 0 0;font-size:clamp(54px,6vw,82px);line-height:.98;letter-spacing:-.065em; }.sunny-copy>p { max-width:550px;margin:25px 0 0;font-size:16px;line-height:1.75; }.variant-sunny .hero-buttons .primary { background:#275dff;color:white;border:2px solid #18264b;box-shadow:5px 5px 0 #18264b; }.variant-sunny .hero-buttons .secondary { border:2px solid #18264b;background:#fff1a8;box-shadow:5px 5px 0 #18264b; }
.sunny-bento { display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:14px;min-height:520px; }.sunny-bento>div { border:2px solid #18264b;border-radius:24px;box-shadow:7px 7px 0 #18264b; }.sunny-mascot { grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#275dff;color:white; }.sunny-mascot span { font-size:110px; }.sunny-mascot b { margin-top:18px;font-size:22px; }.sunny-tile { padding:25px;display:flex;flex-direction:column;justify-content:space-between;background:#fff6cc; }.sunny-tile small { font-weight:850;letter-spacing:.08em; }.sunny-tile b { font-size:23px; }.tile-ok { background:#ff6e51; }.tile-ok b { font-size:48px; }
.sunny-features { width:min(1180px,calc(100% - 48px));margin:10px auto 95px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }.sunny-features article { padding:29px;border:2px solid #18264b;border-radius:20px;background:#fff5c8; }.sunny-features span { font-size:32px; }.sunny-features h2 { margin:23px 0 8px; }.sunny-features p { margin:0;font-size:13px; }
.sunny-models { padding:80px max(24px,calc((100% - 1180px)/2));background:#275dff;color:white;text-align:center; }.sunny-models h2 { margin:0 0 35px;font-size:38px; }.sunny-models .provider-row { border:2px solid #fff;background:#1848d1; }.sunny-models .provider-row span { border-right:2px solid #fff; }

/* 08 — Sandstone Club */
.variant-sandstone { background:#211815;color:#efe4d2; }.variant-sandstone .home-nav { border-bottom:1px solid #5b463b; }.variant-sandstone .home-brand>span { border:1px solid #ae8a5e;border-radius:50%;color:#d4ad72;font-family:Georgia,serif; }.variant-sandstone .nav-cta { border:1px solid #c8a475;border-radius:0;color:#e2c69e; }.variant-sandstone .home-nav nav i { color:#c7a575; }
.sandstone-hero { width:min(1140px,calc(100% - 48px));min-height:690px;margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px; }.sandstone-copy .mini-label { color:#c5a16f; }.sandstone-copy h1 { margin:0;font:500 clamp(54px,5.5vw,78px)/1.02 Georgia,serif;letter-spacing:-.045em; }.sandstone-copy h1 em { color:#d4ad72;font-weight:500; }.sandstone-copy>p:not(.mini-label) { max-width:540px;margin:29px 0 0;color:#af9f91;font-size:15px;line-height:1.9; }.variant-sandstone .hero-buttons .primary { border-radius:0;background:#d0ab77;color:#251b17; }.variant-sandstone .hero-buttons .secondary { border-bottom:1px solid #b99668;border-radius:0; }
.sandstone-art { position:relative;min-height:560px;border-left:1px solid #5c463a; }.gold-disc { position:absolute;left:50%;top:45%;width:360px;height:360px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#d8b77e,#6c4e35);box-shadow:0 40px 90px rgba(0,0,0,.35); }.gold-disc::after { position:absolute;inset:24px;content:"";border:1px solid rgba(34,24,20,.4);border-radius:50%; }.gold-joey { position:absolute;z-index:2;left:50%;top:45%;transform:translate(-50%,-50%);filter:grayscale(1) contrast(1.1);font-size:125px; }.gold-caption { position:absolute;right:0;bottom:20px;width:270px;padding:22px;border-top:1px solid #a78258;border-bottom:1px solid #a78258;background:rgba(33,24,21,.76); }.gold-caption small,.gold-caption b { display:block; }.gold-caption small { color:#bd9a6c;font-size:8px;letter-spacing:.15em; }.gold-caption b { margin-top:14px;font:500 20px/1.35 Georgia,serif; }
.sandstone-features { width:min(1140px,calc(100% - 48px));margin:0 auto 100px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #5c463a;border-bottom:1px solid #5c463a; }.sandstone-features article { padding:34px;border-left:1px solid #5c463a; }.sandstone-features article:first-child { border:0; }.sandstone-features small { color:#c5a16f;font-family:Georgia,serif;font-size:18px; }.sandstone-features h2 { margin:27px 0 12px;font:500 29px/1 Georgia,serif; }.sandstone-features p { color:#a9998d;font-size:13px;line-height:1.75; }
.sandstone-models { padding:80px max(24px,calc((100% - 1140px)/2));background:#18110f; }.sandstone-models>p { color:#c09c6e;font-size:9px;letter-spacing:.16em; }.sandstone-models .provider-row { margin-top:28px;border:1px solid #49362e; }.sandstone-models .provider-row span { border-right:1px solid #49362e;color:#c9b8a9; }

/* 09 — Cloud Bounce */
.variant-cloud { background:linear-gradient(#bfe9ff,#effaff 72%);color:#173b5a; }.variant-cloud .home-nav { border-bottom:1px solid rgba(35,100,150,.15); }.variant-cloud .home-brand>span { background:white;box-shadow:0 8px 22px rgba(51,128,183,.16); }.variant-cloud .nav-cta { border-radius:999px;background:#2a83e8;color:white; }.variant-cloud .home-nav nav i { display:inline-flex;align-items:center;gap:8px;color:#198a73;font-weight:750; }.variant-cloud .home-nav nav i::before { width:8px;height:8px;content:"";border-radius:50%;background:#22c990;box-shadow:0 0 0 4px rgba(34,201,144,.16),0 0 13px rgba(34,201,144,.6);animation:cloud-status-light 2.2s ease-in-out infinite; }
.cloud-hero { position:relative;width:min(1120px,calc(100% - 48px));min-height:670px;margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:45px; }.cloud-shape { position:absolute;border-radius:999px;background:rgba(255,255,255,.62);filter:blur(1px); }.cloud-shape::before,.cloud-shape::after { position:absolute;content:"";border-radius:50%;background:inherit; }.cloud-a { width:300px;height:100px;left:-180px;top:150px; }.cloud-a::before { width:130px;height:130px;left:60px;bottom:0; }.cloud-a::after { width:100px;height:100px;right:25px;bottom:0; }.cloud-b { width:380px;height:120px;right:-250px;bottom:80px; }.cloud-b::before { width:170px;height:170px;left:60px;bottom:0; }.cloud-b::after { width:120px;height:120px;right:40px;bottom:0; }
.cloud-copy { position:relative;z-index:3; }.cloud-badge { background:rgba(255,255,255,.72);color:#2976b5;box-shadow:0 10px 25px rgba(44,124,182,.12); }.cloud-copy h1 { margin:23px 0 0;font-size:clamp(50px,5vw,74px);line-height:1.03;letter-spacing:-.06em; }.cloud-copy>p { max-width:540px;margin:27px 0 0;color:#527895;font-size:16px;line-height:1.82; }.variant-cloud .hero-buttons .primary { border-radius:999px;background:#2a83e8;color:white;box-shadow:0 15px 30px rgba(42,131,232,.24); }.variant-cloud .hero-buttons .secondary { border-radius:999px;background:rgba(255,255,255,.64); }
.cloud-route { position:relative;min-height:560px; }.cloud-route::before { position:absolute;left:50%;top:50%;width:420px;height:270px;content:"";border:2px dashed rgba(48,139,210,.27);border-radius:50%;transform:translate(-50%,-50%) rotate(-9deg); }.cloud-joey { position:absolute;z-index:3;left:50%;top:45%;display:grid;place-items:center;width:170px;height:170px;border:9px solid rgba(255,255,255,.72);border-radius:50%;transform:translate(-50%,-50%);background:#62b7ef;box-shadow:0 28px 60px rgba(42,123,180,.25);font-size:83px; }.cloud-model { position:absolute;z-index:2;padding:13px 18px;border-radius:999px;background:white;box-shadow:0 12px 28px rgba(48,115,164,.15);font-size:11px;font-weight:800; }.model-a { left:7%;top:20%; }.model-b { right:2%;top:16%; }.model-c { right:4%;bottom:24%; }.cloud-message { position:absolute;z-index:4;left:7%;bottom:12%;padding:17px 20px;border:1px solid rgba(41,113,165,.14);border-radius:17px;background:rgba(255,255,255,.76);color:#173b5a;box-shadow:0 16px 32px rgba(42,110,158,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); }.cloud-message b,.cloud-message small { display:block; }.cloud-message small { margin-top:5px;color:#66839a;font-size:9px; }
.cloud-hero-tabs { position:relative;z-index:6;width:min(1120px,calc(100% - 48px));margin:-34px auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }.cloud-hero-tabs a { min-height:110px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:14px;padding:19px 21px;border:1px solid rgba(41,113,165,.14);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 14px 32px rgba(42,110,158,.1);backdrop-filter:blur(16px);transition:transform .2s ease,background .2s ease; }.cloud-hero-tabs a:hover { transform:translateY(-3px);background:rgba(255,255,255,.94); }.cloud-hero-tabs a>span { display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#2a83e8;color:white;font-size:14px;font-weight:850; }.cloud-hero-tabs b,.cloud-hero-tabs small { display:block; }.cloud-hero-tabs b { font-size:15px; }.cloud-hero-tabs small { margin-top:7px;color:#66839a;font-size:10px;line-height:1.6; }
.cloud-use-cases { position:relative;min-height:100vh;overflow:hidden;padding:64px max(24px,calc((100% - 1180px)/2)) 96px;scroll-margin-top:20px;background:radial-gradient(circle at 4% 14%,rgba(255,255,255,.8) 0 70px,transparent 72px),radial-gradient(circle at 94% 30%,rgba(255,255,255,.64) 0 95px,transparent 97px),linear-gradient(180deg,#effaff 0,#dff4ff 100%); }.cloud-use-cases::before,.cloud-use-cases::after { position:absolute;content:"";border-radius:999px;background:rgba(255,255,255,.55);filter:blur(1px); }.cloud-use-cases::before { width:280px;height:82px;left:-110px;top:310px; }.cloud-use-cases::after { width:360px;height:105px;right:-150px;bottom:80px; }.cloud-use-cases>header { position:relative;z-index:2;max-width:650px;margin:0 auto 48px;text-align:center; }.cloud-use-joey { display:grid;place-items:center;width:62px;height:62px;margin:0 auto 17px;border:7px solid rgba(255,255,255,.74);border-radius:50%;background:#62b7ef;box-shadow:0 15px 32px rgba(42,123,180,.18);font-size:30px; }.cloud-use-cases>header .mini-label { margin-bottom:13px;color:#2a83e8; }.cloud-use-cases>header h2 { margin:0;font-size:clamp(36px,3.8vw,52px);line-height:1.05;letter-spacing:-.055em; }.cloud-use-cases>header>p:not(.mini-label) { max-width:560px;margin:18px auto 0;color:#65829a;font-size:14px;line-height:1.8; }
.cloud-use-grid { position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }.cloud-use-grid article { padding:10px;overflow:hidden;border:1px solid rgba(41,113,165,.13);border-radius:25px;background:rgba(255,255,255,.68);box-shadow:0 14px 35px rgba(42,110,158,.08);backdrop-filter:blur(14px);transition:transform .22s ease,background .22s ease,box-shadow .22s ease; }.cloud-use-grid article:hover { transform:translateY(-5px);background:rgba(255,255,255,.9);box-shadow:0 22px 45px rgba(42,110,158,.14); }.cloud-use-grid img { display:block;width:100%;aspect-ratio:3/2;border-radius:18px;object-fit:cover;filter:saturate(.86) contrast(.96); }.cloud-use-grid article>div { padding:19px 12px 16px; }.cloud-use-grid small { color:#2a83e8;font-size:8px;font-weight:850;letter-spacing:.13em; }.cloud-use-grid h3 { margin:10px 0 8px;font-size:21px;letter-spacing:-.035em; }.cloud-use-grid p { margin:0;color:#648198;font-size:11px;line-height:1.7; }.cloud-use-grid span { display:inline-block;margin-top:16px;padding:7px 10px;border-radius:999px;background:rgba(218,240,255,.8);color:#3078ae;font-size:8px;font-weight:750; }.cloud-use-note { position:relative;z-index:2;margin:20px 0 0;color:#7892a5;font-size:9px;text-align:center; }
.cloud-models { position:relative;padding:64px max(24px,calc((100% - 1120px)/2));background:white;text-align:center; }.section-anchor { position:absolute;top:0; }.cloud-models h2 { max-width:780px;margin:12px auto 0;font-size:38px;line-height:1.18; }.cloud-models .mini-label { margin-bottom:0;color:#2a83e8; }.cloud-models .api-section-lede { margin:16px auto 28px; }.cloud-models .api-benefit-grid { overflow:hidden;border:1px solid #cce2f0;border-radius:24px;background:#f4fbff; }.cloud-models .api-benefit-grid article { min-height:196px;padding:28px 26px;border-left:1px solid #cce2f0; }.cloud-models .api-benefit-grid article:first-child { border-left:0; }.cloud-models .api-benefit-grid small { color:#2a83e8;opacity:1; }.cloud-models .api-benefit-grid b { margin-top:32px; }
.cloud-final-cta { position:relative;overflow:hidden;padding:72px max(24px,calc((100% - 1120px)/2)) 24px;background:radial-gradient(circle at 10% 24%,rgba(255,255,255,.88) 0 84px,transparent 86px),radial-gradient(circle at 90% 18%,rgba(255,255,255,.65) 0 120px,transparent 122px),linear-gradient(155deg,#dff4ff 0%,#bfe9ff 42%,#effaff 76%,#fff 100%);color:#173b5a;text-align:center; }
.cloud-final-cta::before,.cloud-final-cta::after { position:absolute;content:"";border-radius:999px;background:rgba(255,255,255,.58);filter:blur(1px); }
.cloud-final-cta::before { width:420px;height:150px;left:-170px;top:60px; }
.cloud-final-cta::after { width:520px;height:180px;right:-220px;bottom:90px; }
.cloud-final-inner { position:relative;z-index:2;max-width:760px;margin:auto;padding:18px 0 10px;color:#173b5a; }
.cloud-final-joey { display:grid;place-items:center;width:62px;height:62px;margin:0 auto 19px;border:7px solid rgba(255,255,255,.74);border-radius:50%;background:#62b7ef;box-shadow:0 15px 32px rgba(42,123,180,.18);font-size:30px; }
.cloud-final-inner .mini-label { margin-bottom:14px;color:#2a83e8; }
.cloud-final-inner h2 { margin:0;font-size:clamp(36px,3.8vw,52px);line-height:1.05;letter-spacing:-.055em; }
.cloud-final-inner>p:not(.mini-label) { max-width:560px;margin:20px auto 0;color:#527895;font-size:14px;line-height:1.8; }
.cloud-final-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:31px; }
.cloud-final-actions a { min-width:132px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid rgba(23,59,90,.14);border-radius:999px;font-size:12px;font-weight:800;transition:transform .22s ease,background .22s ease,border-color .22s ease; }
.cloud-final-actions a:hover { transform:translateY(-3px); }
.cloud-final-actions .back-home { background:rgba(255,255,255,.68);color:#173b5a; }
.cloud-final-actions .sign-in { border-color:#2a83e8;background:#2a83e8;color:white; }
.cloud-footer { position:relative;z-index:2;width:min(1120px,100%);margin:48px auto 0;padding-top:23px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(41,113,165,.14);color:#66839a;font-size:10px; }
.cloud-footer a { color:#173b5a;font-size:15px;font-weight:850; }

.cloud-final-actions a:focus-visible { outline:3px solid #8dd5ff;outline-offset:4px; }

/* Cloud Bounce motion */
@keyframes cloud-intro-up { from { opacity:0;transform:translateY(22px); } to { opacity:1;transform:translateY(0); } }
@keyframes cloud-orbit-breathe { 0%,100% { transform:translate(-50%,-50%) rotate(-9deg) scale(1);opacity:.72; } 50% { transform:translate(-50%,-50%) rotate(-3deg) scale(1.035);opacity:1; } }
@keyframes cloud-joey-hop { 0%,100% { transform:translate(-50%,-50%) translateY(0) rotate(-1deg); } 45% { transform:translate(-50%,-50%) translateY(-13px) rotate(1deg); } 65% { transform:translate(-50%,-50%) translateY(-9px) rotate(0); } }
@keyframes cloud-tag-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes cloud-message-pulse { 0%,100% { transform:translateY(0);box-shadow:0 16px 32px rgba(42,110,158,.12); } 50% { transform:translateY(-5px);box-shadow:0 22px 38px rgba(42,110,158,.18); } }
@keyframes cloud-status-light { 0%,100% { opacity:.74;box-shadow:0 0 0 4px rgba(34,201,144,.12),0 0 9px rgba(34,201,144,.35); } 50% { opacity:1;box-shadow:0 0 0 5px rgba(34,201,144,.2),0 0 16px rgba(34,201,144,.7); } }
.variant-cloud .cloud-copy>.cloud-badge { opacity:0;animation:cloud-intro-up .65s .08s ease-out forwards; }
.variant-cloud .cloud-copy>h1 { opacity:0;animation:cloud-intro-up .72s .18s ease-out forwards; }
.variant-cloud .cloud-copy>p { opacity:0;animation:cloud-intro-up .72s .3s ease-out forwards; }
.variant-cloud .cloud-copy>.hero-buttons { opacity:0;animation:cloud-intro-up .72s .42s ease-out forwards; }
.variant-cloud .cloud-route::before { animation:cloud-orbit-breathe 9s ease-in-out infinite; }
.variant-cloud .cloud-joey { will-change:transform;animation:cloud-joey-hop 3.6s ease-in-out infinite; }
.variant-cloud .cloud-model { will-change:transform;animation:cloud-tag-float 4.2s ease-in-out infinite; }
.variant-cloud .model-b { animation-delay:-1.35s; }
.variant-cloud .model-c { animation-delay:-2.7s; }
.variant-cloud .cloud-message { will-change:transform;animation:cloud-message-pulse 4.8s ease-in-out infinite; }
.variant-cloud .cloud-a { translate:0 var(--cloud-shift-a,0px); }
.variant-cloud .cloud-b { translate:0 var(--cloud-shift-b,0px); }
.variant-cloud .cloud-use-cases::before { translate:0 var(--use-cloud-shift-a,0px); }
.variant-cloud .cloud-use-cases::after { translate:0 var(--use-cloud-shift-b,0px); }
.variant-cloud .scroll-reveal { opacity:0;transform:translateY(30px) scale(.985);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms); }
.variant-cloud .scroll-reveal.is-visible { opacity:1;transform:translateY(0) scale(1); }
.variant-cloud .cloud-use-grid article.scroll-reveal img { transform:scale(1.035);transition:transform 1s cubic-bezier(.22,1,.36,1),filter .35s ease; }
.variant-cloud .cloud-use-grid article.scroll-reveal.is-visible img { transform:scale(1); }

@media (min-width: 621px) {
  .variant-cloud .cloud-copy .hero-buttons { gap:18px; }
  .variant-cloud .cloud-copy .hero-buttons a { min-height:66px;padding:0 40px;font-size:16px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .variant-cloud .cloud-copy>* { opacity:1;animation:none !important; }
  .variant-cloud .cloud-route::before,.variant-cloud .cloud-joey,.variant-cloud .cloud-model,.variant-cloud .cloud-message,.variant-cloud .home-nav nav i::before { animation:none !important; }
  .variant-cloud .scroll-reveal,.variant-cloud .scroll-reveal.is-visible { opacity:1;transform:none;transition:none; }
  .variant-cloud .cloud-use-grid article.scroll-reveal img,.variant-cloud .cloud-use-grid article.scroll-reveal.is-visible img { transform:none;transition:none; }
}

/* 10 — Red Centre */
.variant-redcentre { background:#ff4b2f;color:#111; }.variant-redcentre .home-nav { border-bottom:3px solid #111; }.variant-redcentre .home-brand>span { border:3px solid #111;border-radius:0;background:#ffd34f; }.variant-redcentre .nav-cta { border:3px solid #111;border-radius:0;background:#f6f0df;box-shadow:4px 4px 0 #111; }.variant-redcentre .home-nav nav i { color:#111;font-weight:800; }
.red-marquee { overflow:hidden;border-bottom:3px solid #111;background:#111;color:#ffdc53;white-space:nowrap; }.red-marquee span { display:block;padding:13px;font:800 11px/1 ui-monospace,monospace;letter-spacing:.14em;text-align:center; }
.red-hero { width:min(1180px,calc(100% - 48px));min-height:620px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px; }.red-copy .mini-label { color:#4f140b; }.red-copy h1 { margin:0;font:900 clamp(62px,7vw,100px)/.82 Arial Black,sans-serif;letter-spacing:-.075em;text-transform:uppercase; }.red-copy h1 span { color:#ffe250;-webkit-text-stroke:2px #111; }.red-copy>p:not(.mini-label) { max-width:560px;margin:34px 0 0;font-size:16px;font-weight:600;line-height:1.75; }.variant-redcentre .hero-buttons .primary { border:3px solid #111;border-radius:0;background:#111;color:white;box-shadow:6px 6px 0 #ffe250; }.variant-redcentre .hero-buttons .secondary { border:3px solid #111;border-radius:0;background:transparent; }
.red-poster { position:relative;min-height:520px;overflow:hidden;border:3px solid #111;background:#ffe250;box-shadow:12px 12px 0 #111; }.poster-number { position:absolute;left:20px;top:18px;font:900 22px/1 Arial Black,sans-serif; }.poster-joey { position:absolute;right:-20px;bottom:-5px;font-size:220px;filter:grayscale(1) contrast(2);transform:rotate(-8deg); }.red-poster h2 { position:absolute;left:25px;bottom:78px;margin:0;font:900 66px/.78 Arial Black,sans-serif;letter-spacing:-.06em; }.red-poster small { position:absolute;left:27px;bottom:27px;font:800 10px/1 ui-monospace,monospace;letter-spacing:.08em; }
.red-features { display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid #111;border-bottom:3px solid #111;background:#f6f0df; }.red-features article { min-height:220px;padding:31px;border-left:3px solid #111; }.red-features article:first-child { border:0; }.red-features b { font:900 11px/1 ui-monospace,monospace; }.red-features h2 { margin:40px 0 9px;font:900 25px/1 Arial Black,sans-serif; }.red-features p { margin:0;font-weight:600;font-size:13px; }
.red-models { padding:70px max(24px,calc((100% - 1180px)/2));background:#111;color:white; }.red-models .provider-row { border:2px solid #ff4b2f; }.red-models .provider-row span { border-right:2px solid #ff4b2f; }

@media (max-width: 900px) {
  .home-nav nav { display: none; }
  .outback-hero, .neon-hero, .pocket-hero, .midnight-hero, .postcard-hero, .aurora-hero, .sunny-hero, .sandstone-hero, .cloud-hero, .red-hero { grid-template-columns: 1fr; padding-top: 70px; text-align: center; }
  .outback-copy > p:not(.mini-label), .neon-copy > p:not(.mini-label), .pocket-intro > p, .midnight-copy > p:not(.mini-label), .postcard-copy > p:not(.mini-label), .aurora-copy > p:not(.mini-label), .sunny-copy > p, .sandstone-copy > p:not(.mini-label), .cloud-copy > p, .red-copy > p:not(.mini-label), .outback-copy dl { margin-left: auto; margin-right: auto; }
  .hero-buttons, .mini-label { justify-content: center; }
  .outback-art, .neon-orbit, .pocket-console, .midnight-terminal, .postcard-stack, .aurora-stage, .sunny-bento, .sandstone-art, .cloud-route, .red-poster { width: min(650px, 100%); margin-left: auto; margin-right: auto; }
  .pocket-bento { grid-template-columns: 1fr 1fr; }
  .pocket-bento .wide { grid-column: 1 / -1; }
  .sandstone-art { border-left: 0; border-top: 1px solid #5c463a; }
  .cloud-hero-tabs { margin-top:0; }
  .cloud-use-grid { grid-template-columns: repeat(2,1fr); }
  .red-hero { padding-bottom: 80px; }
}
@media (max-width: 620px) {
  .home-nav, .outback-hero, .neon-hero, .pocket-hero, .midnight-hero, .postcard-hero, .aurora-hero, .sunny-hero, .sandstone-hero, .cloud-hero, .red-hero, .outback-features, .neon-grid, .pocket-bento, .postcard-features, .aurora-cards, .sunny-features, .sandstone-features { width: min(100% - 28px, 1180px); }
  .home-nav > div > a:first-child { display: none; }
  .variant-cloud .home-nav>div>a:not(.nav-cta) { display:none; }
  .variant-cloud .home-nav>div { gap:10px; }
  .variant-cloud .home-nav { min-height:64px; }
  .variant-cloud .home-brand { gap:8px;font-size:17px; }
  .variant-cloud .home-brand>span { width:34px;height:34px;border-radius:11px;font-size:17px; }
  .variant-cloud .language-toggle { min-width:38px;height:32px;padding:0 10px; }
  .variant-cloud .nav-cta { padding:10px 15px; }
  .outback-copy h1, .pocket-intro h1, .postcard-copy h1, .aurora-copy h1, .sunny-copy h1, .sandstone-copy h1, .cloud-copy h1 { font-size: 43px; }
  .neon-copy h1, .midnight-copy h1, .red-copy h1 { font-size: 55px; }
  .hero-buttons { flex-direction: column; }
  .outback-copy dl { gap: 10px; }
  .outback-art, .neon-orbit { min-height: 470px; }
  .kangaroo-card { width: 170px; height: 200px; }
  .route-ticket, .neon-console { right: 2%; width: 94%; }
  .outback-features, .neon-grid, .pocket-bento, .postcard-features, .aurora-cards, .sunny-features, .sandstone-features, .red-features, .midnight-strip { grid-template-columns: 1fr; }
  .outback-features > div { border-left: 0; border-top: 1px solid rgba(74,41,27,.18); }
  .pocket-bento .wide { grid-column: auto; }
  .pocket-console { min-height: 420px; }
  .console-body { padding: 22px; }
  .midnight-terminal { min-height: 390px; padding: 25px 20px; text-align: left; }
  .midnight-strip div { border-left: 0; border-top: 1px solid #26301e; }
  .postcard-stack { min-height: 440px; }
  .paper { width: min(340px, calc(100vw - 48px)); height: 285px; padding: 24px; }
  .paper-front h2 { margin-top: 62px; font-size: 28px; }
  .stamp { right: 18px; top: 18px; width: 74px; height: 88px; }
  .postal-lines { display: none; }
  .paper-code { left: 24px; bottom: 22px; font-size: 8px; }
  .aurora-stage { min-height: 460px; }
  .glass-orbit { width: 290px; height: 290px; }
  .glass-card { width: 155px; padding: 14px; }
  .card-route { left: 0; top: 12%; }
  .card-usage { right: 0; bottom: 8%; }
  .sunny-bento { grid-template-columns: 1fr; grid-template-rows: auto; min-height: 0; }
  .sunny-mascot { grid-row: auto; min-height: 320px; }
  .sunny-tile { min-height: 145px; }
  .sandstone-art { min-height: 450px; }
  .gold-disc { width: 285px; height: 285px; }
  .gold-joey { font-size: 100px; }
  .gold-caption { right: 0; width: 230px; }
  .sandstone-features article, .red-features article { border-left: 0; border-top: 1px solid #5c463a; }
  .red-features article { border-top: 3px solid #111; }
  .cloud-hero { min-height:auto;display:flex;flex-direction:column;gap:0;padding-top:4px;padding-bottom:38px; }
  .cloud-route { order:-1;width:100%;min-height:228px;margin:0 auto 15px; }
  .cloud-route::before { top:45%;width:252px;height:150px;border-width:1.5px; }
  .cloud-joey { top:42%;width:106px;height:106px;border-width:6px;font-size:49px;box-shadow:0 18px 40px rgba(42,123,180,.2); }
  .cloud-model { padding:8px 12px;font-size:9px;box-shadow:0 8px 20px rgba(48,115,164,.12); }
  .model-a { left:1%;top:13%; }
  .model-b { right:1%;top:10%; }
  .model-c { right:2%;bottom:15%; }
  .cloud-message { display:none; }
  .cloud-copy { padding:0 4px; }
  .cloud-copy .cloud-badge { display:inline-flex;align-items:center;justify-content:center;margin:0 0 -11px;padding:10px 15px;border-radius:999px;translate:0 -28px;font-size:10px;font-weight:800; }
  .cloud-copy h1 { margin-top:0;font-size:34px;line-height:1.05; }
  .cloud-copy>p { margin-top:15px;font-size:13px;line-height:1.7; }
  .cloud-copy .hero-buttons { margin-top:19px;gap:10px; }
  .cloud-copy .hero-buttons a { min-height:48px; }
  .cloud-hero-tabs { width:100%;max-width:100%;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;margin:0 auto 48px;padding:0 14px 12px;scroll-snap-type:x mandatory;scroll-padding-inline:14px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y; }
  .cloud-hero-tabs::-webkit-scrollbar { display:none; }
  .cloud-hero-tabs a { flex:0 0 min(82vw,320px);width:auto;min-width:0;min-height:96px;scroll-snap-align:start; }
  .cloud-use-cases { padding:75px 14px; }
  .cloud-use-grid { grid-template-columns:1fr; }
  .cloud-use-grid article>div { padding:20px 15px 17px; }
  .cloud-final-cta { padding:52px 14px 20px; }
  .cloud-final-inner { padding:12px 6px 8px; }
  .cloud-final-inner h2 { font-size:38px; }
  .cloud-final-actions { flex-direction:column; }
  .cloud-final-actions a { width:100%; }
  .cloud-footer { margin-top:60px;align-items:flex-start;flex-direction:column;gap:8px;text-align:left; }
  .red-hero { padding-bottom: 55px; }
  .red-poster { min-height: 430px; box-shadow: 7px 7px 0 #111; }
  .poster-joey { right: -45px; font-size: 180px; }
  .red-poster h2 { font-size: 50px; }
  .api-benefit-grid { grid-template-columns: 1fr; }
  .api-benefit-grid article { min-height: 0; border-left: 0 !important; border-top: 1px solid rgba(255,244,230,.18); }
  .api-benefit-grid article:first-child { border-top: 0; }
  .cloud-models .api-benefit-grid article { min-height:156px;border-top-color:#cce2f0; }
  .provider-row { grid-template-columns: 1fr 1fr; }
}