/* SB Script V6 — Studio Edition
   Original, independent design system. No external fonts, WebGL, canvas, or glow shaders.
   Carefully scoped layout and inexpensive transform/opacity motion. */
:root {
  --night:#111015; --night-soft:#19181e; --paper:#f6f5f3; --white:#fff;
  --ink:#17151b; --muted:#68646b; --line:#e7e4e4;
  --rose:#f3a0c1; --rose-strong:#df6c9b; --rose-light:#fad9e7;
  --container:1720px; --header-h:88px; --easing:cubic-bezier(.22,.75,.22,1);
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 14px)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-feature-settings:"kern" 1;letter-spacing:-.015em;background:var(--night);overflow-x:clip}
.container{width:calc(100% - clamp(42px,9vw,220px));max-width:var(--container);margin-inline:auto}
.hero>.container,.hero .container,.header>.container,.header .container{max-width:1950px}
::selection{background:#ef90ba;color:#19141a}
:focus-visible{outline:2px solid #ec85ad;outline-offset:4px}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:transparent;z-index:220;pointer-events:none}
.reading-progress span{display:block;height:100%;width:100%;background:#f7a6c6;transform-origin:left;transform:scaleX(0)}
/* A header that belongs to the current section. It never grows a fake bar on scroll. */
.header,.header.is-scrolled,.header.on-light,.header.on-light.is-scrolled{position:fixed;inset:0 0 auto;z-index:155;height:var(--header-h);background:transparent!important;color:#fff;box-shadow:none!important;border:0!important;transition:color .22s ease}
.header.on-light{color:var(--ink)}
.header.is-menu-open,.header.on-light.is-menu-open{background:#15141b!important;color:#fff!important}
.header__inner{width:calc(100% - clamp(42px,8vw,220px));max-width:1950px;height:100%;display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(160px,1fr);align-items:center;gap:34px}
.header .brand{position:relative;justify-self:start;display:flex;align-items:center;min-width:0;width:76px;height:58px;gap:0;z-index:3}
.header .brand__mark{width:76px;height:48px;display:block;flex:none;position:relative}
.header .brand__mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s ease}
.header .brand__mark--white{opacity:1}
.header .brand__mark--ink{opacity:0}
.header.on-light:not(.is-menu-open) .brand__mark--white{opacity:0}
.header.on-light:not(.is-menu-open) .brand__mark--ink{opacity:1}
.header .brand__type{display:none!important}
.header .nav{margin:0;display:flex;align-items:center;gap:clamp(19px,2.2vw,40px);justify-content:center;height:100%}
.header .nav .nav__link,.header .nav .mega>summary{display:inline-flex;align-items:center;justify-content:center;position:relative;height:100%;color:inherit;opacity:.79;font-size:13px;font-weight:640;letter-spacing:-.015em;white-space:nowrap;cursor:pointer;transition:opacity .18s ease}
.header .nav .nav__link:hover,.header .nav .mega>summary:hover,.header .nav .nav__active{opacity:1}
.header .nav .nav__link:after{content:"";position:absolute;left:0;right:100%;width:auto;bottom:22px;height:1.5px;background:currentColor;transition:right .26s ease;opacity:.9}
.header .nav .nav__link:hover:after,.header .nav .nav__active:after{right:0}
.header .nav .mega>summary:after{display:none}
.header .mega{height:100%;position:relative;display:flex;align-items:center}
.header .mega>summary{list-style:none}.header .mega>summary::-webkit-details-marker{display:none}
.header .mega>summary>.icon{height:13px;width:13px;transition:transform .2s ease}
.header .mega[open]>summary>.icon{transform:rotate(180deg)}
.header .mega__panel{position:absolute;top:calc(100% - 9px);left:50%;transform:translateX(-50%);width:345px;padding:16px;background:#fff;color:#1a161c;border:1px solid #e7e3e4;border-radius:15px;box-shadow:0 22px 75px #00000027;animation:menu-enter .22s var(--easing) both}
@keyframes menu-enter{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.mega__top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 7px 14px;border-bottom:1px solid #ece9ea;font-size:10px;font-weight:740;letter-spacing:.12em;color:#786c72}
.mega__top a{display:flex;gap:6px;align-items:center;color:#1a161c;text-transform:none;letter-spacing:0}
.mega__top .icon{width:14px;height:14px}
.mega__item{display:flex;align-items:center;gap:14px;padding:13px 10px;border-radius:9px;transition:background .2s}
.mega__item:hover{background:#f7f3f4}
.mega__item-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;background:#e88db4;color:#fff;border-radius:10px}
.mega__item-icon img{width:35px;height:25px;object-fit:contain}
.mega__item-icon--play{background:#222029}.mega__item-icon--play .icon{width:23px;height:23px}
.mega__item>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}
.mega__item b{font-size:16px;font-weight:720}.mega__item small{color:#847880;font-size:11px}.mega__item>.icon{height:16px;width:16px;color:#73666d}
.mega__bottom{border-top:1px solid #ece9ea;padding:12px 7px 2px;font-size:10px;color:#82757c;letter-spacing:.08em}
.mega__bottom span{color:#da6c9a;margin-inline:5px}
.header__actions{display:flex;align-items:center;gap:20px;margin-left:auto;justify-self:end}
.header .lang summary{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:680;letter-spacing:.02em;color:inherit;padding:10px 0}
.header .lang__menu{position:absolute;top:calc(100% + 18px);right:0;background:#fff;color:var(--ink);border:1px solid #eee8e9;box-shadow:0 16px 40px #0002;border-radius:13px;padding:8px}
.header .lang__title{color:#8a8084}.header .lang__menu a{color:var(--ink)}
.header .lang__menu a:hover,.header .lang__menu a[aria-current=true]{background:#f8eff3;color:var(--ink)}
.header .lang__menu a span{color:#988995}
.header .header__store{display:flex;align-items:center;gap:10px;justify-content:center;background:#fff;color:#19151b;border:1px solid #fff;border-radius:999px;box-shadow:none;padding:11px 20px;font-size:12px;font-weight:720;white-space:nowrap;transition:color .2s,background .2s,transform .2s}
.header .header__store:hover{transform:translateY(-2px);background:#f1eaf0}
.header.on-light:not(.is-menu-open) .header__store{background:#161319;border-color:#161319;color:#fff}
.header.on-light:not(.is-menu-open) .header__store:hover{background:#3a3038}
.header .header__store .icon{width:14px;height:14px}
.header .hamburger{display:none;border:1px solid currentColor;border-radius:50%;width:42px;height:42px;align-items:center;justify-content:center;background:transparent;color:inherit}
.mobile-nav{position:fixed;top:var(--header-h);left:0;right:0;height:calc(100dvh - var(--header-h));max-height:initial;overflow-y:auto;background:#15141b;border:0;color:#fff;z-index:151}
.mobile-nav__inner{width:min(100% - 46px,680px);margin:auto;padding:22px 0 50px}
.mobile-nav a:not(.mobile-nav__langs a){border-bottom:1px solid #ffffff23;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 2px;font-weight:690;font-size:clamp(21px,5vw,32px)}
.mobile-nav .mobile-nav__langs{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.mobile-nav__langs a{border:1px solid #ffffff33;color:#fff;border-radius:99px;padding:10px 17px;font-size:13px;font-weight:680}
.mobile-nav__langs a[aria-current=true]{background:#ef98bc;color:#18141b;border-color:#ef98bc}
/* Shared typography & buttons */
h1,h2,h3{letter-spacing:-.055em;font-weight:760}
p{line-height:1.65}
.eyebrow{font-size:11px;letter-spacing:.13em;color:#a35374;font-weight:750;gap:10px}
.eyebrow i{width:5px;height:5px;background:#d55b8f;box-shadow:none}
.eyebrow--dark{color:#dbb7c9}
.eyebrow--dark i{background:#f59bc0;box-shadow:none}
.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.button{min-height:54px;padding:8px 9px 8px 24px;font-size:13px;letter-spacing:0;border-radius:999px;font-weight:660;gap:17px;box-shadow:none;transition:background .2s,transform .2s,border-color .2s,color .2s}
.button:hover{transform:translateY(-2px);box-shadow:none}
.button__icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:transform .25s ease}
.button:hover .button__icon{transform:translate(2px,-2px)}
.button--primary{color:#17151b;background:#f29ec0;border-color:#f29ec0}
.button--primary:hover{background:#ffc0da;border-color:#ffc0da;box-shadow:none}
.button--primary .button__icon{background:#1b1820;color:#fff}
.button--ghost{color:#fff;background:transparent;border-color:#ffffff69}
.button--ghost:hover{background:#ffffff14;border-color:#fff}
.button--ghost .button__icon{background:#ffffff1a}
.button--dark{color:#fff;background:#17151b;border-color:#17151b}
.button--dark:hover{background:#333038;box-shadow:none}
.button--dark .button__icon{background:#f7d2e2;color:#17151b}
.link-arrow{font-weight:710;display:inline-flex;align-items:center;gap:12px;font-size:13px;white-space:normal;color:inherit}
.link-arrow:hover{color:#d85d8d}.link-arrow .icon{width:17px;height:17px}
.pill{font-size:10px;padding:5px 11px;border-radius:999px;letter-spacing:.04em}
.pill--beta{background:#fdeaf1;color:#b34473}.pill--beta i{background:#dd689a}
.pill--dev{background:#eeebeb;color:#65616a}
/* Home: typography, quiet line art and real product imagery. */
.hero--studio{position:relative;isolation:isolate;min-height:790px;background:#101016;color:#fff;overflow:hidden}
.hero--studio:before{position:absolute;content:"";inset:0;background:linear-gradient(102deg,#111015 0%,#111015 48%,#252029 100%);z-index:-3}
.hero__grain{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:radial-gradient(#ffffff45 .65px,transparent .65px);background-size:49px 49px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%)}
.hero__flow{position:absolute;inset:0;height:100%;width:100%;z-index:-1;pointer-events:none;opacity:1}
.hero__flow-shape{stroke:#de8aaf;stroke-width:145;fill:none;opacity:.17;stroke-linecap:round}
.hero__flow-line{stroke:#f6d9e9;stroke-width:1.2;fill:none;opacity:.46}
.hero__flow-line--fine{opacity:.24}
.hero--studio .hero__inner{position:relative;min-height:clamp(770px,91svh,1120px);display:grid;grid-template-columns:minmax(0,.99fr) minmax(0,1.01fr);align-items:center;gap:clamp(26px,3.5vw,78px);padding-block:calc(var(--header-h) + 44px) 86px}
.hero--studio .hero__copy{position:relative;z-index:4;max-width:800px;padding:18px 0 20px}
.hero--studio .hero__eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:13px;font-size:11px;color:#c6bbc7;letter-spacing:.13em;font-weight:700;margin:0}
.hero__eyebrow-line{width:31px;height:1px;background:#eb91b4}
.hero__eyebrow-bullet{color:#ef9abd}
.hero--studio h1{font-size:clamp(66px,5.35vw,125px);line-height:1.025;letter-spacing:-.084em;font-weight:790;margin:37px 0 30px;white-space:normal;max-width:890px}
.hero--studio h1 span,.hero--studio h1 em{display:inline-block;animation:hero-rise .78s var(--easing) both;animation-delay:.08s}
.hero--studio h1 em{font-style:normal;color:#f5a8c9;animation-delay:.18s;background:none;-webkit-text-fill-color:initial}
.hero--studio .hero__desc{color:#cac5cd;max-width:490px;font-size:clamp(16px,1.15vw,19px);line-height:1.64;margin:0 0 32px;animation:hero-rise .78s .27s var(--easing) both}
.hero--studio .button-row{gap:14px;animation:hero-rise .75s .35s var(--easing) both}
.hero--studio .hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:56px;font-size:10px;font-weight:670;letter-spacing:.095em;color:#b5afb9;animation:hero-rise .75s .49s var(--easing) both}
.hero__rule{display:block;width:30px;height:1px;background:#ed9abc}
.hero__meta-div{width:1px;height:15px;background:#ffffff40}
@keyframes hero-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero--studio .hero__visual{position:relative;align-self:center;min-width:0;width:100%;height:clamp(530px,43.5vw,755px);z-index:2;overflow:visible;transform:none}
.hero__visual-panel{position:absolute;z-index:-1;top:10%;right:1%;bottom:5%;left:8%;border-radius:28px 28px 110px 28px;overflow:hidden;background:linear-gradient(153deg,#f5b0cc 0%,#d58db7 41%,#63506d 98%);box-shadow:none}
.hero__visual-panel:after{content:"";position:absolute;width:115%;height:1px;background:#ffffff75;left:-7%;top:52%;transform:rotate(-25deg)}
.hero__visual-panel span{font-size:clamp(150px,24vw,340px);font-weight:800;line-height:1;letter-spacing:-.12em;color:#ffffff12;position:absolute;top:0;left:5%}
.hero__visual-panel-line{position:absolute;inset:12% 8%;border:1px solid #ffffff30;border-radius:50%;transform:rotate(-30deg)}
.hero--studio .device-stack{position:absolute;inset:0;width:100%;height:100%;isolation:isolate}
.hero--studio .device-stack__glow,.device-stack__glow{display:none!important}
.hero--studio .device-stack__back,.hero--studio .device-stack__front{position:absolute;object-fit:contain;box-shadow:none;filter:none;animation:none;transition:transform .6s var(--easing);transform-origin:50% 80%}
.hero--studio .device-stack__back{height:78%;width:41%;left:8%;top:14%;transform:rotate(-12deg)}
.hero--studio .device-stack__front{height:99%;width:65%;right:1%;top:0;transform:rotate(6deg)}
.hero--studio .device-stack__chip{position:absolute;right:3%;top:5%;z-index:5;display:flex;align-items:center;gap:9px;background:#fff;color:#242127;border:0;border-radius:999px;padding:10px 14px;box-shadow:0 9px 30px #0000001f;font-size:12px;font-weight:770}
.hero--studio .device-stack__chip small{font-size:9px;letter-spacing:.05em;color:#c05d89;text-transform:uppercase}
.hero--studio .pulse-dot{background:#ed91b6;animation:none;box-shadow:none}
.hero__visual-label{position:absolute;bottom:0;left:7%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-size:10px;letter-spacing:.07em;font-weight:720;text-shadow:0 1px 5px #16121b6b}
.hero__visual-label small{font-size:11px;letter-spacing:0;font-weight:510}
.hero__bottom{position:absolute;bottom:0;left:0;right:0;height:64px;border-top:1px solid #ffffff21}
.hero__bottom-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#a7a1ad;font-size:10px;letter-spacing:.09em;font-weight:670}
.hero__bottom-inner a{display:flex;align-items:center;gap:12px;transition:color .2s}
.hero__bottom-inner a:hover{color:#fff}.hero__bottom-inner .icon{width:14px;height:14px}
.hero__bottom-inner span:last-child{display:inline-flex;align-items:center;gap:12px}.hero__bottom-inner i{width:35px;height:1px;background:#ffffff55}
.signature-strip{position:relative;background:#f1a0c0;color:#2e242e;height:52px;display:flex;align-items:center;overflow:hidden}
.signature-strip__inner{max-width:1750px;margin:auto;width:100%;padding-inline:25px;display:flex;align-items:center;justify-content:space-between;gap:35px;white-space:nowrap}
.signature-strip span{font-size:10px;letter-spacing:.14em;font-weight:800}
.signature-strip i{width:4px;height:4px;transform:rotate(45deg);background:#30232a;flex:none}
/* The collection: editorial product spreads, not a boxed template. */
.section{padding-block:clamp(90px,8vw,152px)}
.section--light{background:var(--paper);color:var(--ink)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.32fr);align-items:end;gap:clamp(32px,7vw,135px);margin-bottom:48px}
.section-head h2{font-size:clamp(48px,4.5vw,92px);font-weight:760;line-height:1.035;letter-spacing:-.072em;max-width:940px;margin:18px 0 0}
.section-head__aside{width:auto;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.section-head__aside p{color:#706a71;font-size:15px;line-height:1.65}
.product-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(16px,2.5vw,30px);background:none}
.product-card{background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;transition:none;min-width:0}
.product-card:hover{box-shadow:none;transform:none}
.product-card__art{position:relative;display:block;height:clamp(360px,31vw,580px);overflow:hidden;border-radius:17px;transition:border-radius .3s ease}
.product-card__art--phone{background:#ee8caf}
.product-card__art--phone:before{position:absolute;content:"";width:74%;height:100%;border:1px solid #ffffff4b;border-radius:50%;top:-5%;left:30%;transform:rotate(-24deg)}
.product-card__art--phone .product-card__ring{border:1px solid #fff6;width:51%;height:85%;left:43%;top:17%;border-radius:50%;transform:rotate(-25deg)}
.product-card__bigtext{position:absolute;top:26px;left:30px;font-size:clamp(140px,15vw,300px);letter-spacing:-.11em;font-weight:750;color:#ffffff20;pointer-events:none;line-height:.85}
.product-card__art--phone>img{position:absolute;width:auto;max-width:none;height:116%;left:50%;top:8%;object-fit:contain;transform:translateX(-50%) rotate(-8deg);filter:none;transition:transform .65s var(--easing)}
.product-card:hover .product-card__art--phone>img{transform:translateX(-50%) rotate(-5deg) translateY(-9px)}
.product-card__art--play{background:#25232c}
.product-card__art--play .product-card__bigtext{color:#ffffff0c}
.product-card__artfoot{position:absolute;z-index:5;bottom:25px;left:26px;right:26px;color:#fff;font-size:11px;font-weight:740;letter-spacing:.12em;display:flex;align-items:center;justify-content:space-between}
.product-card__body{padding:23px 0 0;background:transparent}
.product-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:720;letter-spacing:.12em;color:#827b80}
.product-card__body h3{font-size:clamp(31px,2.4vw,48px);font-weight:750;letter-spacing:-.06em;margin:15px 0 8px}
.product-card__body h3 span{color:#de719d}
.product-card__body p{font-size:15px;color:#6a646c;line-height:1.58;max-width:510px;min-height:48px;margin:0 0 24px}
.product-card__links{padding-top:17px;border-top:1px solid #dedadb;display:flex;align-items:center;justify-content:space-between}
.product-card__soon{font-size:11px;color:#938b91}
.product-card .mini-order{background:#1b181e;color:#fff;border:0;padding:11px 16px;border-radius:999px;font-weight:700}
.product-card .mini-order:hover{background:#423442}
/* Preview illustration is a lightweight CSS object, not a pretend screenshot. */
.play-visual{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.play-visual__halo{display:none}
.play-console{position:relative;width:min(67%,410px);min-height:230px;border:5px solid #0f0e12;outline:1px solid #ffffff44;border-radius:23px;background:#17171e;padding:22px;box-shadow:0 28px 42px #0004;transform:rotate(-7deg);transition:transform .55s var(--easing)}
.product-card:hover .play-console{transform:rotate(-3deg) translateY(-6px)}
.play-console__cover{background:#e88baf;box-shadow:none}
.play-console__track small{color:#e9a1bf}
.play-console__wave span{animation:none;background:#de87ac}
/* Full-bleed interlude; quiet vector lines and oversized type. */
.manifesto{position:relative;overflow:hidden;background:#eaa4c1;color:#18131b;padding:clamp(100px,11vw,185px) 0;isolation:isolate}
.manifesto__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.33}
.manifesto__lines path{fill:none;stroke:#fff;stroke-width:1.5}
.manifesto__inner{position:relative;display:grid;grid-template-columns:.24fr 1fr .2fr;align-items:end;gap:clamp(24px,3vw,50px)}
.manifesto__index{align-self:start;color:#5b3448;font-size:11px;letter-spacing:.11em;font-weight:730}
.manifesto__inner>div{max-width:1150px}
.manifesto h2{font-size:clamp(54px,6vw,118px);letter-spacing:-.082em;line-height:1.02;margin:0 0 25px;font-weight:760}
.manifesto p{color:#513c49;font-size:clamp(15px,1vw,18px);max-width:610px;line-height:1.65;margin:0}
.manifesto__link{white-space:nowrap;justify-self:end;align-self:end;display:flex;align-items:center;gap:12px;color:#221a21;font-size:13px;font-weight:730;border-bottom:1px solid #513547;padding-bottom:8px}
.manifesto__link .icon{height:18px;width:18px}
/* Product feature chapter. */
.features{background:#16151b;color:#fff;overflow:hidden}
.features__container{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,8vw,145px);align-items:center}
.features__copy h2{font-size:clamp(47px,4.8vw,95px);line-height:1.04;letter-spacing:-.075em;margin:20px 0 26px}
.features__intro{max-width:490px;color:#bbb6bf;font-size:16px;line-height:1.65;margin:0 0 34px}
.feature-tabs{display:grid;border-top:1px solid #ffffff28;margin:0 0 26px;gap:0}
.feature-tab{width:100%;display:grid;grid-template-columns:35px 1fr 20px;align-items:center;gap:14px;min-height:96px;color:#b7b2ba;background:transparent;border:0;border-bottom:1px solid #ffffff26;padding:14px 8px 14px 0;text-align:left;transition:color .2s,background .2s}
.feature-tab:hover{color:#fff}.feature-tab[aria-selected=true]{color:#fff;background:#ffffff08}
.feature-tab__no{font-size:10px;align-self:start;margin-top:8px;color:#f0a6c3;letter-spacing:.09em;font-weight:800}
.feature-tab strong{font-size:clamp(21px,1.7vw,30px);display:block;font-weight:730;letter-spacing:-.03em}
.feature-tab small{font-size:13px;display:block;color:#9e98a3;margin-top:5px;line-height:1.45}
.feature-tab>.icon{width:18px;height:18px}
.features__media{position:relative;min-height:clamp(470px,44vw,730px);height:100%;background:#25232b;border:1px solid #ffffff1e;border-radius:18px;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.features__media:before{content:"";position:absolute;inset:-32% 21%;width:61%;border:1px solid #ffffff13;border-radius:50%;transform:rotate(24deg)}
.features__media:after{content:"";position:absolute;inset:auto -15% 17%;height:1px;width:130%;background:#ffffff24;transform:rotate(-18deg);border:0;border-radius:0}
.features__media-num{position:absolute;top:24px;left:28px;color:#bdb8bf;font-size:10px;font-weight:720;letter-spacing:.11em;z-index:3}
.feature-panel{position:relative;z-index:2;min-height:clamp(470px,44vw,730px);width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:panel-in .34s ease both}
@keyframes panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.feature-panel img{object-fit:contain;width:auto;max-width:62%;height:clamp(340px,29vw,510px);filter:none}
.feature-panel p{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(82%,380px);text-align:center;padding:12px 18px;border-radius:9px;color:#e9e4ed;background:#16151dd9;border:1px solid #ffffff2b;font-size:12px;line-height:1.55;margin:0}
.features__stamp{position:absolute;bottom:20px;left:25px;font-size:10px;letter-spacing:.12em;color:#a9a3ad}
/* Editorial three principles. */
.approach{background:#fff;color:#17151b}
.approach__heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin:24px 0 60px}
.approach__heading h2{font-size:clamp(48px,5vw,99px);line-height:1.03;letter-spacing:-.073em;max-width:1100px}
.approach__mark{width:110px;height:110px;background:#f6ecf0;border-radius:20px;flex:none;display:grid;place-items:center;transform:rotate(-8deg)}
.approach__mark img{width:84px;transform:rotate(8deg)}
.approach__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:0;border-top:1px solid #e8e5e5;background:transparent;gap:25px}
.approach__card{background:transparent;padding:28px 22px 15px 0;min-height:235px;border:0;display:flex;flex-direction:column;position:relative;transition:none}
.approach__card:hover{background:transparent}
.approach__card>span{font-size:10px;letter-spacing:.12em;font-weight:770;color:#b15e84}
.approach__card h3{font-size:clamp(23px,2vw,35px);margin:40px 0 12px;font-weight:720;letter-spacing:-.045em}
.approach__card p{font-size:14px;line-height:1.6;max-width:345px;color:#706b72}
.approach__line{position:absolute;bottom:0;left:0;width:40px;height:2px;background:#df83aa;transition:width .28s ease}
.approach__card:hover .approach__line{width:100%}
.journal-teaser{background:#f6f5f3;color:#18151c;border-top:1px solid #e8e5e6;border-bottom:1px solid #e8e5e6;padding:55px 0}
.journal-teaser__inner{display:grid;grid-template-columns:minmax(170px,.28fr) 1fr 55px;align-items:center;gap:clamp(25px,5vw,80px)}
.journal-teaser__left{display:grid;gap:10px}
.journal-teaser__left span{font-size:11px;color:#9d5976;font-weight:750;letter-spacing:.08em}
.journal-teaser__left small{font-size:10px;color:#837880}
.journal-teaser h2{font-size:clamp(24px,2.65vw,46px);letter-spacing:-.052em;margin:0 0 7px;color:#19161b}
.journal-teaser p{font-size:14px;line-height:1.5;color:#777078;margin:0;max-width:690px}
.journal-teaser__arrow{border:1px solid #17151b;color:#17151b;width:53px;height:53px;border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}
.journal-teaser__arrow:hover{background:#17151b;color:#fff}
.journal-teaser__arrow .icon{width:21px;height:21px}
/* Community and footer — deliberate typographic hierarchy. */
.community{position:relative;background:#e99dbd;color:#19141b;overflow:hidden;padding:clamp(86px,8vw,140px) 0}
.community__inner{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px}
.community__watermark{position:absolute;right:-5%;top:-95%;height:350%;width:60%;object-fit:contain;opacity:.05;transform:rotate(-12deg);pointer-events:none}
.community__copy{position:relative;z-index:1;max-width:850px}
.community .eyebrow{color:#654657}.community .eyebrow i{background:#5a394a}
.community h2{font-size:clamp(55px,6vw,115px);letter-spacing:-.085em;line-height:1.02;margin:19px 0 22px}
.community p{font-size:16px;line-height:1.65;color:#55414c;max-width:530px}
.community .button--dark{background:#17151b;color:#fff}.community .button--dark .button__icon{background:#f6ccdE;color:#17151b}
.footer{background:#111014;color:#fff;padding:85px 0 0;overflow:hidden}
.footer__top{display:grid;grid-template-columns:minmax(200px,.95fr) minmax(0,1.45fr);gap:clamp(55px,9vw,170px);padding-bottom:80px;border-bottom:1px solid #ffffff22}
.footer .brand{display:inline-flex;gap:13px;align-items:center}
.footer .brand__mark{position:relative;width:66px;height:47px;display:block}
.footer .brand__mark img{position:absolute;width:100%;height:100%;object-fit:contain}
.footer .brand__mark--white{opacity:1}.footer .brand__mark--ink{opacity:0}
.footer .brand__type strong{font-size:20px;font-weight:770}.footer .brand__type small{font-size:8px;color:#9b949d;letter-spacing:.1em}
.footer__intro p{font-size:14px;color:#bab5bd;max-width:270px;margin:23px 0 18px}
.footer__domain{display:inline-flex;align-items:center;gap:7px;color:#e9a5c1;font-size:13px;font-weight:750}
.footer__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.footer__links h3{color:#b9b2bb;font-size:10px;font-weight:720;letter-spacing:.1em;text-transform:uppercase;margin:0 0 22px}
.footer__links a{display:block;color:#eeeaef;font-size:13px;margin-bottom:14px;transition:color .2s}
.footer__links a:hover{color:#f5a4c4}
.footer__links a .icon{height:12px;width:12px}
.footer__end{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:27px 0 50px;font-size:11px;color:#8e8892;border:0}
.footer__language{display:flex;align-items:center;gap:15px}.footer__language a{font-weight:730;font-size:11px}.footer__language a[aria-current=true]{color:#f4a6c7}
.footer__wordmark{font-size:clamp(96px,20vw,350px);font-weight:790;letter-spacing:-.13em;line-height:.76;text-align:center;color:#ffffff08;white-space:nowrap;user-select:none;pointer-events:none;transform:translateX(-2%)}
.footer__wordmark span{color:#f6aed013}
/* Inner pages: familiar content, unified premium layout. */
.page-hero,.phone-hero,.play-hero{background:#131219;color:#fff;position:relative;isolation:isolate;overflow:hidden}
.page-hero:before,.phone-hero:before,.play-hero:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,#111015 0%,#191720 68%,#2a222c 100%)}
.page-hero__inner{padding-block:calc(var(--header-h) + 100px) 110px;min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.3fr);align-items:center;gap:30px}
.page-hero h1{font-size:clamp(58px,6vw,115px);letter-spacing:-.077em;line-height:1.01;font-weight:760;max-width:1050px;margin:23px 0 26px}
.page-hero p{font-size:clamp(16px,1.3vw,20px);color:#bdb6c0;max-width:660px;line-height:1.6;margin:0}
.page-hero__mark{position:relative;width:100%;max-width:350px;opacity:.23;justify-self:end;transform:rotate(-12deg)}
.page-hero__mark img{width:100%;height:auto;object-fit:contain}
.phone-hero__inner,.play-hero__inner{min-height:clamp(680px,83svh,950px);padding-block:calc(var(--header-h) + 60px) 70px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,6vw,110px)}
.back-link{display:inline-flex;align-items:center;gap:9px;color:#eab8ce;font-size:12px;font-weight:720;margin-bottom:36px}
.back-link>.icon{width:17px;height:17px;transform:rotate(180deg)}
.phone-hero__text h1,.play-hero__copy h1{font-size:clamp(76px,7vw,142px);letter-spacing:-.095em;font-weight:760;line-height:.95;margin:20px 0 24px}
.phone-hero__text h2,.play-hero__copy h2{font-size:clamp(29px,2.65vw,48px);font-weight:670;line-height:1.15;letter-spacing:-.055em;margin:0 0 20px}
.phone-hero__text>p,.play-hero__copy>p{font-size:clamp(15px,1.1vw,19px);color:#c5bec9;line-height:1.67;max-width:540px;margin-bottom:30px}
.phone-hero__foot{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:36px;color:#aaa2ad;font-size:10px;letter-spacing:.1em}
.phone-hero__art{position:relative;height:clamp(470px,43vw,770px);min-width:0;display:flex;align-items:center}
.phone-hero__stack{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#edacc9,#e482af 55%,#806286);border-radius:24px 24px 110px 24px}
.phone-hero__stack .device-stack__back{position:absolute;left:8%;top:13%;width:40%;height:76%;object-fit:contain;transform:rotate(-10deg);filter:none;animation:none}
.phone-hero__stack .device-stack__front{position:absolute;right:3%;top:-3%;width:67%;height:105%;object-fit:contain;transform:rotate(7deg);filter:none;animation:none}
.phone-hero__stack .device-stack__chip{z-index:4;right:4%;top:2%;border-radius:99px;box-shadow:0 12px 30px #0002}
.phone-hero__stack .device-stack__chip small{font-size:9px}
.pink-dot,.play-hero__copy h1>span{color:#e891b6}
/* Product detail sections. */
.phone-apps .section-head,.gallery-section .section-head{margin-bottom:48px}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.app-card{padding:30px;min-height:295px;background:#fff;border:1px solid #eeebeb;border-radius:15px;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;transition:transform .28s}
.app-card:hover{transform:translateY(-4px);box-shadow:none}
.app-card h3{font-size:clamp(26px,2vw,37px);letter-spacing:-.055em;margin:20px 0 10px}
.app-card p{font-size:14px;color:#716b73;line-height:1.6}
.app-card>span:last-child{font-size:10px;letter-spacing:.1em;color:#ab6586;margin-top:auto;font-weight:750}
.app-card__icon{width:59px;height:59px;border-radius:14px;display:grid;place-items:center;font-size:27px}
.app-card__icon--klyp{background:#ed77a5;color:#fff}.app-card__icon--music{background:#1e1d26;color:#fff}.app-card__icon--pay{background:#f5d7e4;color:#823e61}
.gallery-section{background:#191820;color:#fff}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gallery-card{position:relative;border:1px solid #ffffff22;background:#24222c;border-radius:15px;min-height:clamp(340px,35vw,560px);color:#fff;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .25s,transform .25s}
.gallery-card:hover{border-color:#eda1c2;transform:translateY(-3px)}
.gallery-card img{width:75%;height:75%;max-height:425px;object-fit:contain;filter:none;transition:transform .4s}
.gallery-card:hover img{transform:scale(1.025)}
.gallery-card__number{position:absolute;top:20px;left:23px;font-size:10px;letter-spacing:.08em;color:#c0b9c2}
.gallery-card__foot{position:absolute;bottom:19px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}
.faq-grid{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:clamp(40px,8vw,130px)}
.faq-grid__intro h2{font-size:clamp(42px,4vw,76px);line-height:1.06;margin:18px 0 25px}
.faq-list{border-top:1px solid #ddd8db}.faq-item{border-bottom:1px solid #ddd8db;padding:0}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0;list-style:none;font-size:17px;font-weight:680;cursor:pointer}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary b{font-weight:400;font-size:27px;color:#bd6b91;transition:transform .22s}
.faq-item[open] summary b{transform:rotate(45deg)}
.faq-item p{font-size:14px;color:#736b74;max-width:670px;margin:0 0 25px}
.notice{margin-top:45px;padding:18px 22px;background:#f3edef;border:1px solid #eae1e4;border-radius:12px;color:#6d616b;display:flex;align-items:center;gap:13px}
.notice p{margin:0;font-size:13px}
/* SBPlay concept, not a final product screenshot. */
.play-hero__media{position:relative;height:clamp(460px,36vw,650px);background:#272630;border-radius:20px;overflow:hidden;border:1px solid #ffffff17}
.play-hero__media .play-visual{inset:0}
.play-visual--large .play-console{width:min(70%,530px);transform:rotate(-5deg);padding:clamp(18px,2vw,32px)}
.play-hero__concept{position:absolute;bottom:25px;left:25px;color:#b6adb7;font-size:10px;letter-spacing:.11em}
.play-hero__status{display:flex;align-items:center;gap:9px;margin-top:25px;color:#e4adc5;font-size:12px}
.play-info__inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.play-info h2{font-size:clamp(44px,4.5vw,86px);line-height:1.05;letter-spacing:-.07em}
.play-info__inner>div:last-child>p{color:#777078;font-size:16px}
.play-info__caution{padding:20px;background:#f0ecee;border:1px solid #e5dfe2;border-radius:12px;font-size:13px!important}
/* Studio, updates, support and legal are part of the same visual family. */
.studio-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,135px);align-items:start}
.studio-story h2{font-size:clamp(44px,4vw,77px);line-height:1.07;max-width:800px;margin:18px 0 35px}
.studio-story__logo{width:185px!important;max-width:100%;background:#f5e5ec;padding:35px;border-radius:16px}
.studio-story__grid>div:last-child>p{color:#6e6970;font-size:16px;line-height:1.75}
.studio-values{background:#19171e;color:#fff}.studio-values .approach__grid{border-color:#ffffff24;background:transparent}
.studio-values .approach__card{background:transparent}.studio-values .approach__card h3{color:#fff}.studio-values .approach__card p{color:#b9b3bd}
.updates-list{background:var(--paper)}
.update-story{display:grid;grid-template-columns:minmax(110px,.24fr) minmax(0,1fr) minmax(150px,.34fr);align-items:start;gap:clamp(25px,4vw,76px);padding-bottom:58px;border-bottom:1px solid #dedadd}
.update-story__meta{display:grid;gap:17px;font-size:12px;color:#8b7e87}
.update-story h2{font-size:clamp(37px,3.5vw,67px);line-height:1.06;letter-spacing:-.06em;margin:22px 0}
.update-story h3{font-size:24px;margin:25px 0 10px}.update-story p{font-size:15px;color:#746d75}
.update-story>img{width:100%;max-height:470px;object-fit:contain;background:#f0d6e2;border-radius:14px}
.update-story__actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}
.catalog-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:36px}
.catalog-toolbar__search{display:flex;align-items:center;gap:12px;min-width:min(100%,340px);flex:1;max-width:550px;border:1px solid #ddd6da;background:#fff;border-radius:12px;padding:0 18px;height:56px}
.catalog-toolbar__search input{width:100%;font-size:14px;color:var(--ink);background:transparent;border:0;outline:0}
.catalog-toolbar__search .icon{width:18px;height:18px;color:#847882}
.catalog-toolbar__filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.filter{background:#eae6e8;color:#666066;border:1px solid transparent;border-radius:999px;padding:12px 17px;font-weight:680;font-size:12px;transition:background .2s,color .2s}
.filter:hover{background:#dfd9dd}.filter.is-active{background:#1c1920;color:#fff}
.catalog-toolbar__count{color:#7c7379;font-size:12px}
.catalog-empty{padding:30px;text-align:center;color:#716870}
.catalog-note{color:#786e76;font-size:12px;margin-top:30px;display:flex;align-items:center;gap:12px}
.support-page__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,135px);align-items:start}
.support-page__guide h2{font-size:clamp(42px,4vw,73px);margin:18px 0 35px;line-height:1.07}
.support-page__guide ol{list-style:none;margin:0;padding:0}
.support-page__guide li{border-top:1px solid #e2dde0;display:grid;grid-template-columns:36px 1fr;gap:14px;padding:23px 0}
.support-page__guide li span{font-size:11px;color:#b35a83;font-weight:750}.support-page__guide li p{font-size:16px;color:#47404a;margin:0}
.support-template{background:#fff;border:1px solid #eee9eb;padding:clamp(25px,3vw,44px);border-radius:16px;color:#1b1720;box-shadow:none}
.support-template__head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e5dfe2;padding-bottom:21px;margin-bottom:30px;color:#786e77;font-size:11px}
.support-template h3{font-size:27px;margin:0 0 12px}.support-template p{font-size:14px;color:#6e6670}
.support-template pre{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f3f3;color:#4b434c;padding:25px;border-radius:9px;border:1px solid #eae7e7;font-size:13px;line-height:1.8}
.support-template .button{margin-top:15px}.support-faq{background:#19171e;color:#fff}.support-faq .faq-item{border-color:#ffffff2d}.support-faq .faq-list{border-color:#ffffff2d}.support-faq .faq-item p{color:#b9b2ba}
.legal-content{display:grid;grid-template-columns:1fr;max-width:1000px;gap:56px}
.legal-content>section{padding-bottom:36px;border-bottom:1px solid #e4dfe1}.legal-content h2{font-size:clamp(27px,3vw,46px);margin-bottom:19px}
.legal-content p,.legal-content dd,.legal-content dt{color:#6e6670;font-size:15px;line-height:1.7}
.legal-list{display:grid;gap:16px}.legal-list>div{display:grid;grid-template-columns:220px 1fr;gap:30px}
.legal-alert{padding:20px;background:#f8edf1;border-radius:9px;color:#8c4666!important}
.error-page{background:#15131a;color:#fff;padding:calc(var(--header-h) + 100px) 0 150px;min-height:70svh}.error-page h1{font-size:clamp(100px,15vw,230px);line-height:1}
/* Modal retained from V5 but visually matched. */
.gallery-modal{background:#19171e;color:#fff;border:1px solid #ffffff32;border-radius:16px;max-width:min(94vw,950px);max-height:92dvh;box-shadow:0 30px 100px #0007}
.gallery-modal::backdrop{background:#09070bd9}.gallery-modal__head,.gallery-modal__counter{padding:17px 25px}
.gallery-modal__body{display:flex;align-items:center;justify-content:space-between;gap:10px;max-height:72dvh}
.gallery-modal__body img{max-height:67dvh;width:auto;max-width:72%;object-fit:contain}
.gallery-modal button{color:inherit}
/* Motion: only entry transforms and opacity; no always-running glow or blur. */
html.can-reveal [data-reveal]:not(.revealed){opacity:0;transform:translateY(18px)}
[data-reveal]{transition:opacity .65s var(--easing),transform .65s var(--easing)}
html.can-reveal [data-reveal].revealed{opacity:1;transform:none}
.hero__flow-line{stroke-dasharray:2800;stroke-dashoffset:2800;animation:line-draw 2.4s .15s cubic-bezier(.16,1,.28,1) forwards}
.hero__flow-line--fine{animation-delay:.42s}
@keyframes line-draw{to{stroke-dashoffset:0}}
/* Large desktop: scale gracefully rather than centering a 1200px island. */
@media (min-width:2100px){
  :root{--header-h:102px}
  .container{max-width:1920px}
  .hero>.container,.hero .container,.header .container{max-width:2050px}
  .hero--studio .hero__inner{min-height:clamp(950px,83svh,1270px)}
  .hero--studio .hero__visual{height:min(45vw,890px)}
  .hero--studio h1{font-size:clamp(110px,5.25vw,145px)}
  .hero--studio .hero__desc{font-size:21px;max-width:550px}
  .section-head h2{font-size:clamp(80px,4vw,108px)}
  .product-card__art{height:610px}
}
/* Laptop / intermediate layouts */
@media (max-width:1250px){
  .container{width:calc(100% - 72px)}
  .header__inner{width:calc(100% - 72px);gap:17px}
  .header .nav{gap:18px}
  .header .nav .nav__link,.header .nav .mega>summary{font-size:12px}
  .hero--studio h1{font-size:clamp(62px,5.6vw,86px)}
  .hero--studio .hero__inner{grid-template-columns:1fr 1fr;gap:28px}
  .manifesto__inner{grid-template-columns:1fr 3fr;gap:35px}
  .manifesto__link{grid-column:2;justify-self:start;margin-top:5px}
  .features__container{gap:50px}
}
@media (max-width:1000px){
  :root{--header-h:76px}
  .header__inner{display:flex;justify-content:space-between}
  .header .nav{display:none}
  .header .hamburger{display:flex}
  .header .brand,.header .brand__mark{width:64px;height:46px}
  .header .brand{min-width:64px}
  .header__actions{margin-left:auto;gap:15px}
  .hero--studio .hero__inner{min-height:770px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:10px;padding-top:125px}
  .hero--studio h1{font-size:clamp(57px,6.3vw,80px)}
  .hero--studio .hero__visual{height:520px}
  .hero--studio .hero__desc{font-size:15px}
  .hero--studio .hero__meta{margin-top:33px}
  .signature-strip__inner{min-width:900px}
  .section-head{grid-template-columns:minmax(0,1fr) minmax(230px,.45fr)}
  .features__container{grid-template-columns:.9fr 1.1fr;gap:35px}
  .features__media,.feature-panel{min-height:520px}
  .feature-panel img{height:370px}
  .page-hero__inner{min-height:460px;padding-top:165px;padding-bottom:75px}
  .phone-hero__inner,.play-hero__inner{min-height:700px;gap:28px}
  .footer__top{gap:50px}
}
@media (max-width:760px){
  :root{--header-h:72px}
  .container,.header__inner{width:calc(100% - 42px)}
  .header .brand,.header .brand__mark{width:62px;height:45px}
  .header .lang{display:none}
  .header__store{padding:10px 13px!important;font-size:11px!important}
  .header__store .icon{width:12px!important;height:12px!important}
  .header__actions{gap:13px}
  .hero--studio{min-height:0}
  .hero--studio .hero__inner{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding-top:calc(var(--header-h) + 68px);padding-bottom:130px;min-height:0}
  .hero--studio .hero__copy{max-width:640px;padding:0}
  .hero--studio h1{font-size:clamp(57px,10.8vw,90px);margin:25px 0 21px;line-height:1.02}
  .hero--studio .hero__desc{font-size:16px;max-width:540px;line-height:1.65;margin-bottom:26px}
  .hero--studio .hero__meta{font-size:9px;margin-top:26px}
  .hero--studio .hero__visual{height:clamp(415px,85vw,630px);width:min(100%,590px);align-self:center;margin-inline:auto}
  .hero__visual-panel{top:10%;right:3%;bottom:10%;left:7%}
  .hero--studio .device-stack__back{height:72%;width:38%;left:9%;top:16%}
  .hero--studio .device-stack__front{height:100%;width:67%;right:0;top:0}
  .hero__bottom-inner span:last-child{display:none}
  .signature-strip{height:44px}
  .section{padding-block:78px}
  .section-head{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-bottom:33px}
  .section-head h2{font-size:clamp(42px,8.6vw,70px);margin-top:12px}
  .section-head__aside{width:100%;max-width:570px;gap:15px}
  .product-grid{grid-template-columns:1fr;gap:44px}
  .product-card__art{height:clamp(345px,90vw,500px)}
  .product-card__art--phone>img{height:120%}
  .product-card__body{padding-top:19px}
  .product-card__body p{margin-bottom:16px}
  .manifesto{padding:86px 0 100px}
  .manifesto__inner{display:flex;flex-direction:column;align-items:flex-start;gap:27px}
  .manifesto h2{font-size:clamp(54px,11vw,90px)}
  .manifesto__link{margin-top:0}
  .features__container{display:flex;flex-direction:column;align-items:stretch;gap:42px}
  .features__copy h2{font-size:clamp(43px,8.6vw,74px)}
  .features__media,.feature-panel{min-height:540px}
  .feature-panel img{height:380px}
  .approach__heading{margin-bottom:35px}
  .approach__heading h2{font-size:clamp(44px,8.5vw,70px)}
  .approach__mark{width:82px;height:82px}.approach__mark img{width:59px}
  .approach__grid{grid-template-columns:1fr;gap:0}
  .approach__card{min-height:170px;border-bottom:1px solid #eae6e7;padding-block:22px}
  .approach__card h3{margin-top:23px}
  .journal-teaser{padding:40px 0}
  .journal-teaser__inner{grid-template-columns:1fr 48px;gap:18px}
  .journal-teaser__left{grid-column:1 / -1}
  .journal-teaser__arrow{width:46px;height:46px}
  .community__inner{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
  .community h2{font-size:clamp(52px,10vw,89px)}
  .footer__top{grid-template-columns:1fr;gap:50px}
  .footer__links{gap:16px}
  .footer__end{flex-direction:column;align-items:flex-start;gap:14px}
  .page-hero__inner{display:flex;flex-direction:column;align-items:flex-start;min-height:440px;gap:24px;padding-top:calc(var(--header-h) + 90px);padding-bottom:70px}
  .page-hero h1{font-size:clamp(51px,9vw,82px)}
  .page-hero__mark{display:none}
  .phone-hero__inner,.play-hero__inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:40px;padding-top:calc(var(--header-h) + 70px);padding-bottom:90px}
  .phone-hero__text h1,.play-hero__copy h1{font-size:clamp(69px,13vw,105px)}
  .phone-hero__art{height:clamp(420px,85vw,680px);width:min(100%,600px);margin-inline:auto;align-self:center}
  .play-hero__media{height:480px}
  .app-grid,.gallery-grid{grid-template-columns:1fr}
  .app-card{min-height:245px}
  .gallery-card{min-height:430px}
  .faq-grid,.play-info__inner,.studio-story__grid,.support-page__grid{grid-template-columns:1fr;gap:38px}
  .update-story{grid-template-columns:1fr 160px;gap:24px}
  .update-story__meta{grid-column:1 / -1}
  .catalog-toolbar__search{max-width:none}
  .legal-list>div{grid-template-columns:1fr;gap:0}
}
@media (max-width:480px){
  .header__store{padding:9px 12px!important}
  .header__actions{gap:10px}
  .hero--studio .hero__inner{padding-top:calc(var(--header-h) + 62px);gap:24px;padding-bottom:106px}
  .hero--studio .hero__eyebrow{font-size:9px;gap:8px}
  .hero--studio h1{font-size:clamp(49px,11.4vw,66px);letter-spacing:-.085em}
  .hero--studio .button-row{gap:10px}
  .hero--studio .button{width:100%;justify-content:space-between}
  .hero--studio .hero__visual{height:clamp(340px,95vw,460px);margin-top:4px}
  .hero--studio .device-stack__chip{font-size:10px;padding:7px 10px;top:4%;right:-1%}
  .hero__visual-label small{display:none}
  .hero__meta-div{display:none}
  .hero__bottom{height:55px}.hero__bottom-inner{font-size:9px}
  .section{padding-block:66px}.section-head h2{font-size:clamp(38px,10vw,54px)}
  .product-card__art{height:350px}
  .product-card__body h3{font-size:32px}
  .manifesto h2{font-size:clamp(49px,12vw,66px)}
  .features__media,.feature-panel{min-height:410px}
  .feature-panel img{height:275px;max-width:65%}
  .feature-panel p{bottom:27px;max-width:83%;font-size:11px;padding:8px 10px}
  .features__stamp{display:none}
  .approach__mark{display:none}
  .footer__links{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .footer__wordmark{font-size:25vw}
  .page-hero h1{font-size:48px}
  .phone-hero__text h1,.play-hero__copy h1{font-size:65px}
  .phone-hero__art{height:360px}
  .play-hero__media{height:320px}.play-visual--large .play-console{width:84%;transform:none}
  .gallery-card{min-height:340px}
  .support-template pre{font-size:11px}
  .update-story{grid-template-columns:1fr}.update-story>img{max-height:310px;width:100%}
}
/* Devices with less motion, battery saving, or JS motion preference. */
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 html.can-reveal [data-reveal]:not(.revealed){opacity:1;transform:none}
 .hero__flow-line{stroke-dashoffset:0}
}
body[data-motion=off] *,body[data-motion=off] *::before,body[data-motion=off] *::after{animation:none!important;scroll-behavior:auto!important}
body[data-motion=off] [data-reveal]{opacity:1!important;transform:none!important}
/* Final performance budget: no box-shadow pulsing or expensive continuously painted layers. */
.pulse-dot{animation:none!important;box-shadow:none!important}
@media (prefers-reduced-data:reduce),(update:slow){
 .hero__flow{display:none}
 .signature-strip{height:44px}
}