/* Local visual review: existing content and offer, no future-app campaign. */
:root{--bg:#060e1b;--muted:#adbdcf;--line:#293c51;--accent:#82e3f1;--gold:#d8bc86}
body{background:radial-gradient(ellipse at 90% 40%,#12314955,transparent 40%),var(--bg);color:#f2f5f9}
.wrap{max-width:1280px}
.site-header{min-height:100px;border-bottom:1px solid #7a9ab529;position:relative;z-index:1}
.brand strong{color:#b2e9fa}.site-header nav a{color:#d0dbe7}
.luxury-hero{position:relative;isolation:isolate;min-height:710px;padding:76px 52px 88px;margin-top:24px;border-radius:24px;overflow:hidden;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;background:#061020}
.luxury-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/studio-luxury-20261024.webp') 62% center/cover no-repeat}
.luxury-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030b16d9,#030b1680 46%,transparent 76%)}
.luxury-hero .hero-copy{max-width:650px}
.luxury-hero h1{font-size:clamp(42px,4.2vw,64px);line-height:1.08;letter-spacing:-2.3px;font-weight:550}
.luxury-hero h1 em{color:#a6e9f4;font-weight:450}
.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.3px}
.luxury-hero .lead{color:#c0cedc;font-size:16px;line-height:1.85;max-width:550px}
.luxury-hero .hero-note{color:#b4c6d9;font-size:11px}
.primary{background:linear-gradient(110deg,#a9ecf4,#7ccbdd);color:#071a25;border:1px solid #c1f4fc88;border-radius:8px;box-shadow:0 8px 25px #00121b55}
.primary:hover{background:#c9f8fc}.button{border-radius:8px}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #f4cf8f;outline-offset:5px}
.luxury-signature{align-self:end;justify-self:end;text-align:left;width:auto;max-width:330px;display:flex;gap:14px;align-items:center;padding:15px 20px;border:1px solid #6da7c055;background:#061222c9;border-radius:14px;backdrop-filter:blur(12px)}
.luxury-signature img{width:64px;height:64px;object-fit:contain}.luxury-signature .emblem-name{font-size:10px;letter-spacing:2px;color:#e2edf5;margin:0 0 6px}.luxury-signature .emblem-tagline{font-size:10px;line-height:1.5;color:#b6c9d9}
.section{padding-block:78px}.section-heading{align-items:end;margin-bottom:36px}.section-heading h2{font-size:clamp(31px,3vw,43px);font-weight:500;letter-spacing:-1.2px}
.app-grid{gap:30px}.app-card,.upcoming{padding:0;background:linear-gradient(135deg,#122337,#091321);border:1px solid #42536980;border-radius:18px;box-shadow:0 22px 60px #0003}.app-card:before{display:none}
.tile-link{padding:0 30px 28px}.card-visual{margin:0 -30px 28px;overflow:hidden;line-height:0;border-bottom:1px solid #64829c50}.card-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .35s ease}
.app-card:hover .card-visual img{transform:scale(1.025)}.card-top{margin-bottom:24px}.number{color:#bba681}.status{font-size:11px}.app-identity{margin-bottom:20px}.app-identity img{width:72px;height:72px;border-radius:17px}.app-identity h3{font-size:28px;letter-spacing:-.8px}.category{color:#aecbdf;font-size:11px}.app-description{font-size:15px;line-height:1.8}.features{font-size:13px;line-height:1.75}.tile-cta{padding-top:22px;color:#acf0f7}.upcoming-note{margin-bottom:26px}
.luxury-studio{padding:58px;border:1px solid #4b617544;border-radius:20px;background:linear-gradient(125deg,#14273c,#0a1626);gap:65px;margin-top:25px}.luxury-studio h2{font-size:40px;line-height:1.25}.luxury-studio h2 em{color:#a6e9f4}.studio-copy{font-size:15px;line-height:1.9}
.contact{gap:70px}.socials a{background:#102033;border-color:#31485e;border-radius:8px}.reviews{padding-top:55px}.review-card{background:#0e1e30;border-color:#31465c;border-radius:16px;box-shadow:0 14px 38px #0002}.review-card blockquote{font-size:21px}.review-card .stars{color:#e1bd77}.review-grid{gap:24px}
.product-hero{padding-block:25px 65px}.product-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:55px}.product-presentation{width:100%;margin:0}.product-presentation img{border:1px solid #68778a70;border-radius:20px;box-shadow:0 25px 65px #0006}.product-presentation figcaption{color:#adbdcf;font-size:11px}.product-intro h1{font-size:clamp(42px,4.5vw,65px)}.product-intro h1 em{color:#a6e9f4}.feature-panel{border-radius:16px;background:linear-gradient(140deg,#10253a,#0b1728);border-color:#334e66}.demo-card{border-radius:16px}.development-banner{color:#dbcaff;background:#675d881f}
@media(max-width:1000px){.luxury-hero{padding:48px 32px;min-height:650px;gap:15px}.luxury-hero h1{font-size:45px}.luxury-signature{padding:12px;gap:8px}.luxury-signature img{width:45px;height:45px}.product-intro{gap:30px}.luxury-studio{padding:38px;gap:35px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.site-header{min-height:88px}.luxury-hero{display:block;padding:36px 24px 28px;min-height:0;margin-top:16px;border-radius:18px}.luxury-hero:before{background-position:65% center;opacity:.65}.luxury-hero:after{background:linear-gradient(90deg,#030b16ee,#030b168c)}.luxury-hero h1{font-size:43px;letter-spacing:-1.7px;max-width:470px}.luxury-hero .lead{font-size:15px;max-width:470px}.luxury-signature{margin:36px 0 0 auto;max-width:270px;width:max-content}.luxury-signature img{width:48px;height:48px}.luxury-signature .emblem-tagline{font-size:10px}.app-grid{grid-template-columns:1fr;gap:28px}.section{padding-block:48px}.tile-link{padding:0 24px 25px}.card-visual{margin:0 -24px 24px}.app-identity h3{font-size:27px}.app-identity img{width:68px;height:68px}.luxury-studio{padding:30px 24px;grid-template-columns:1fr;gap:25px}.luxury-studio h2{font-size:33px}.product-intro{grid-template-columns:1fr;gap:30px}.product-presentation{max-width:560px}.product-intro h1{font-size:42px}.contact{gap:34px}.review-grid{grid-template-columns:1fr}.review-card:last-child{grid-column:auto}}
@media(max-width:380px){.luxury-hero{padding:30px 20px 24px}.luxury-hero h1{font-size:36px}.brand{font-size:15px}.luxury-signature{padding:10px;gap:8px}.luxury-signature .emblem-name{letter-spacing:1px}.tile-link{padding-inline:20px}.card-visual{margin-inline:-20px}}
@media(prefers-reduced-motion:reduce){.card-visual img{transition:none}.app-card:hover .card-visual img{transform:none}}
.socials.social-icons{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.socials.social-icons a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:64px;min-height:64px;padding:16px;background:#102033;border:1px solid #425a70;border-radius:12px;box-sizing:border-box}
.socials.social-icons a:hover{background:#193149;border-color:#83d5e7}
.socials.social-icons img{display:block;width:32px;height:32px;object-fit:contain;flex:none}
.socials.social-icons .tiktok-text{font-size:15px;font-weight:600;letter-spacing:0;color:#f2f5f9;padding-inline:18px}
.contact{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:48px}
@media(max-width:700px){.contact{grid-template-columns:1fr;gap:34px}}
@media(max-width:380px){.socials.social-icons{gap:8px}.socials.social-icons .tiktok-text{padding-inline:12px}}

.app-card{overflow:hidden}.app-promo-note{margin:20px 0 0;color:var(--muted);font-size:12px;line-height:1.7}

/* YouTube channel: same studio social-button styling, wraps on small screens. */
.socials.social-icons .social-text{font-size:15px;font-weight:600;letter-spacing:0;color:#f2f5f9;padding-inline:18px;gap:8px}

/* Official YouTube PNG includes transparent clear space; match visible width to other icons. */
.socials.social-icons img[src$="social_youtube.png"]{transform:scale(1.5)}

/* Keep all five social links together on phone screens, with >=48px targets. */
@media(max-width:700px){.socials.social-icons{gap:8px}.socials.social-icons a{min-width:48px;min-height:48px;padding:8px}.socials.social-icons .tiktok-text{padding-inline:12px}}
@media(max-width:380px){.socials.social-icons{gap:4px}.socials.social-icons a{padding:6px}.socials.social-icons .tiktok-text{padding-inline:8px}}