:root{--black:#0c0c0d;--white:#fff;--pink:#f4a9cb;--blue:#35aee5;--ease:cubic-bezier(.2,.75,.15,1)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:#fff;color:var(--black);font-family:Arial,"Microsoft YaHei",sans-serif}button,input{font:inherit}
.nav-shell{height:66px;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;padding:0 28px;position:relative;z-index:20;background:#fff}.nav-shell nav{grid-column:2;display:flex;justify-content:center;gap:34px}.nav-shell nav button,.nav-actions button{border:0;background:none;font-size:10px;font-weight:800;cursor:pointer}.nav-shell nav button{position:relative;padding:25px 0}.nav-shell nav button:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:#111;transition:right .25s}.nav-shell nav button:hover:after{right:0}.nav-actions{grid-column:3;display:flex;justify-content:flex-end;gap:18px}.nav-actions button{position:relative;font-size:20px}.nav-actions i{position:absolute;right:-8px;top:-7px;width:16px;height:16px;border-radius:50%;background:#111;color:#fff;font:9px/16px Arial}.back{position:absolute;z-index:3;left:6px;top:50%;width:48px;height:48px;border:0;border-radius:50%;transform:translateY(-50%);background:#252527;color:#fff;font-size:24px;cursor:pointer}
.cloud-stage{position:relative;height:calc(100vh - 66px);min-height:570px;margin:0 5px 5px;overflow:hidden;border-radius:38px 38px 0 0;background:#46b5e8;isolation:isolate;perspective:1200px}.sky{position:absolute;z-index:-5;inset:-8%;overflow:hidden;background:#46b5e8;will-change:transform}.sky:before{content:"";position:absolute;inset:-6%;background:url('cloud-world.webp') center/cover no-repeat;animation:cloudPan 26s ease-in-out infinite alternate;transform:translate3d(-4%,0,0) scale(1.1);will-change:transform}.sky:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,151,215,.04),rgba(255,173,214,.1))}.haze{position:absolute;z-index:-2;border-radius:50%;filter:blur(32px);opacity:.42;will-change:transform}.haze-a{width:30vw;height:15vw;left:-6vw;top:26%;background:#fff;animation:hazeDriftA 23s ease-in-out infinite alternate}.haze-b{width:25vw;height:14vw;right:-3vw;top:18%;background:#fff;animation:hazeDriftB 29s ease-in-out infinite alternate}
.hero-type{position:absolute;z-index:0;left:2.4%;right:2.4%;top:14%;color:rgba(255,255,255,.79);will-change:transform}.hero-type h1{margin:0;font-size:clamp(82px,10.6vw,176px);line-height:.82;font-weight:900;letter-spacing:-.075em;white-space:nowrap;text-shadow:0 18px 20px rgba(12,87,133,.16)}.hero-type span{display:block;margin:13px 0 0 9px;color:#fff;font-size:12px;font-weight:900;letter-spacing:6px}.edition{position:absolute;right:4.4%;top:13%;z-index:4;color:#fff;font-size:11px;font-weight:900;letter-spacing:3.5px;will-change:transform}
.hero-shoe{position:absolute;z-index:3;width:min(56vw,880px);left:50%;top:57%;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(0 38px 26px rgba(112,68,108,.19));animation:float 5.2s ease-in-out infinite;will-change:transform}.front-cloud{display:none}
.step-inside{position:absolute;z-index:7;right:5.4%;top:37%;display:flex;align-items:center;gap:18px;padding:15px 25px;border:0;border-radius:999px;background:#080809;color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 14px 35px rgba(12,58,87,.22);transition:transform .25s,background .25s}.step-inside:hover{transform:scale(1.06);background:#242428}.step-inside span{font-size:16px}
.login-layer{position:absolute;z-index:12;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;background:rgba(24,114,159,.12);backdrop-filter:blur(0);transition:opacity .5s,visibility .5s,backdrop-filter .7s}.login-layer form{width:min(420px,90vw);padding:38px 42px;background:rgba(255,255,255,.93);box-shadow:0 35px 90px rgba(74,58,85,.28);transform:translateY(35px) scale(.94);opacity:0;transition:transform .65s var(--ease),opacity .45s}.login-layer p{margin:0;color:#989399;font-size:9px;font-weight:800;letter-spacing:2px}.login-layer h2{margin:10px 0 32px;font-size:30px;letter-spacing:-1.4px}.login-layer label{display:block;margin:20px 0}.login-layer label span{display:block;margin-bottom:8px;color:#777;font-size:10px}.login-layer input{width:100%;height:46px;padding:0;border:0;border-bottom:1px solid #bbb;outline:none;background:transparent}.login-layer input:focus{border-color:#111}.login-submit{display:flex;width:100%;height:56px;margin-top:30px;padding:0 20px;align-items:center;justify-content:space-between;border:0;background:#111;color:#fff;cursor:pointer}.login-layer small{display:block;margin-top:15px;color:#999;font-size:9px;text-align:center}.close-login{position:absolute;right:28px;top:25px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;font-size:28px;cursor:pointer}.cloud-stage.is-entering .hero-shoe{animation:none;transform:translate(-50%,-50%) rotate(-5deg) scale(2.7);opacity:0;transition:transform 1.1s var(--ease),opacity .75s .2s}.cloud-stage.is-entering .sky{transform:scale(1.3)!important;filter:blur(10px);transition:transform 1.1s var(--ease),filter 1s}.cloud-stage.is-entering .hero-type,.cloud-stage.is-entering .edition,.cloud-stage.is-entering .step-inside,.cloud-stage.is-entering .play{opacity:0;transition:opacity .35s}.cloud-stage.is-entering .front-cloud{transform:scale(2.2)!important;opacity:0;transition:transform 1.1s var(--ease),opacity .8s}.cloud-stage.show-login .login-layer{visibility:visible;opacity:1;backdrop-filter:blur(11px)}.cloud-stage.show-login .login-layer form{transform:none;opacity:1}.toast{position:fixed;z-index:50;right:24px;bottom:24px;padding:13px 18px;background:#111;color:#fff;font-size:11px;opacity:0;transform:translateY(8px);transition:.25s}.toast.show{opacity:1;transform:none}
body.motion-off [data-depth]{transform:none!important}.motion-off .hero-shoe{animation-play-state:paused}.motion-off .front-cloud{animation-play-state:paused}
@keyframes float{0%,100%{transform:translate(-50%,-50%) rotate(-5deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-3deg) translateY(-22px)}}@keyframes cloudBreath{0%,100%{filter:blur(8px);opacity:.75}50%{filter:blur(13px);opacity:.9}}@keyframes cloudPan{0%{transform:translate3d(-4%,0,0) scale(1.1)}100%{transform:translate3d(4%,-1%,0) scale(1.1)}}@keyframes hazeDriftA{0%{margin-left:0;margin-top:0;opacity:.3}100%{margin-left:10vw;margin-top:-2vh;opacity:.5}}@keyframes hazeDriftB{0%{margin-right:0;margin-top:0;opacity:.28}100%{margin-right:9vw;margin-top:2vh;opacity:.46}}
@media(max-width:820px){.nav-shell{height:58px;grid-template-columns:1fr auto;padding:0 16px}.wordmark{margin-left:45px}.nav-shell nav{display:none}.nav-actions{grid-column:2}.cloud-stage{height:calc(100vh - 58px);min-height:580px;border-radius:25px 25px 0 0}.hero-type{top:13%;left:4%;right:4%}.hero-type h1{font-size:16vw;line-height:.88;white-space:normal}.hero-type span{font-size:9px;letter-spacing:4px}.edition{right:5%;top:30%;font-size:8px}.hero-shoe{width:112vw;top:56%}.step-inside{top:auto;right:50%;bottom:42px;transform:translateX(50%)}.step-inside:hover{transform:translateX(50%) scale(1.04)}.front-cloud{width:75vw}.login-layer form{padding:32px 26px}}
@media(prefers-reduced-motion:reduce){.hero-shoe,.front-cloud,.sky:before,.haze{animation:none}}

/* Official site expansion */
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;background:#fff}
.nav-shell{position:sticky;top:0;grid-template-columns:180px 1fr 180px;height:66px;padding:0 30px;box-shadow:0 1px 0 rgba(0,0,0,.07)}
.nav-shell nav{grid-column:2;align-items:center;gap:30px;height:100%}
.nav-shell nav>a,.nav-trigger{position:relative;display:flex;height:100%;padding:0;align-items:center;border:0;background:transparent;color:#111;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.nav-shell nav>a:after,.nav-trigger:after{content:"";position:absolute;right:100%;bottom:15px;left:0;height:2px;background:#111;transition:right .25s}
.nav-shell nav>a:hover:after,.nav-group:hover .nav-trigger:after{right:0}
.nav-group{position:relative;height:100%}
.mega-menu{position:absolute;top:58px;left:50%;display:grid;width:520px;padding:12px;grid-template-columns:1fr 1fr;gap:5px;visibility:hidden;border:1px solid rgba(0,0,0,.08);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 24px 60px rgba(28,41,54,.14);opacity:0;transform:translate(-50%,-8px);transition:.22s;backdrop-filter:blur(18px)}
.nav-group:hover .mega-menu,.nav-group.is-open .mega-menu{visibility:visible;opacity:1;transform:translate(-50%,0)}
.mega-menu a{display:flex;padding:16px;border-radius:13px;flex-direction:column;gap:7px;color:#18191b;text-decoration:none;transition:.2s}.mega-menu a:hover{background:#f1f0ed}.mega-menu b{font-size:13px}.mega-menu span{color:#85878b;font-size:10px}
.header-login{grid-column:3;display:flex;min-width:148px;height:42px;padding:0 17px;align-items:center;justify-content:space-between;justify-self:end;border:0;border-radius:24px;background:#0b0c0e;color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.15);transition:.22s}.header-login:hover{transform:translateY(-2px);background:#292b30}.mobile-menu{display:none}
.cloud-stage{height:calc(100vh - 71px);min-height:630px;margin-bottom:0}
.step-inside{right:4.7%;top:36%;min-width:158px;justify-content:space-between;padding:17px 23px;font-size:13px;box-shadow:0 15px 35px rgba(0,0,0,.22)}
.discover{position:absolute;z-index:7;bottom:20px;left:50%;display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:2px;transform:translateX(-50%)}.discover i{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;font-size:16px;font-style:normal;animation:discoverBounce 2.2s ease-in-out infinite}
.site-section{padding:120px max(5vw,32px)}.section-kicker,.section-headline span,.solution-copy>span,.trust-section>div>span{color:#8b8e94;font-size:10px;font-weight:800;letter-spacing:2.6px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:end;margin-top:35px}.intro-grid h2,.section-headline h2,.solution-copy h2,.trust-section h2{margin:0;font-size:clamp(48px,6vw,92px);font-weight:600;line-height:.96;letter-spacing:-.065em}.intro-grid h2 em{color:#bbbcc0;font-style:normal}.intro-copy>p{max-width:560px;margin:0;color:#5f6268;font-size:17px;line-height:1.85}.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #d8d8d4}.intro-stats span{display:flex;padding:20px 0;flex-direction:column;gap:12px;color:#5e6166;font-size:11px}.intro-stats b{color:#111;font:12px monospace}
.feature-section{background:#101114;color:#fff}.section-headline{display:flex;align-items:end;justify-content:space-between;gap:50px}.section-headline h2{margin-top:18px;font-size:clamp(42px,5vw,74px)}.section-headline>p{max-width:340px;margin:0;color:#96999f;font-size:13px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid #34363c;border-left:1px solid #34363c}.feature-grid article{position:relative;min-height:385px;padding:25px;border-right:1px solid #34363c;border-bottom:1px solid #34363c;transition:.3s}.feature-grid article:hover{background:#1c1e23;transform:translateY(-8px)}.feature-grid article>span{font:11px monospace;color:#767981}.feature-icon{display:flex;width:62px;height:62px;margin:55px 0 32px;align-items:center;justify-content:center;border:1px solid #474a51;border-radius:50%;font-size:24px}.feature-grid h3{margin:0 0 18px;font-size:23px}.feature-grid p{min-height:65px;color:#9699a1;font-size:12px;line-height:1.75}.feature-grid a{color:#fff;font-size:11px;text-decoration:none}
.solution-section{display:grid;grid-template-columns:.72fr 1.28fr;min-height:820px;padding:0;background:#eef4f7}.product-copy{display:flex;padding:8vw 5vw;justify-content:center;flex-direction:column;background:#fff}.product-copy>span{color:#8b8e94;font-size:10px;font-weight:800;letter-spacing:2.6px}.product-copy h2{margin:22px 0 30px;font-size:clamp(48px,5vw,78px);font-weight:600;line-height:.96;letter-spacing:-.065em}.product-copy p{max-width:470px;color:#62656a;font-size:14px;line-height:1.9}.product-copy button{width:205px;height:54px;margin-top:34px;border:0;border-radius:28px;background:#111;color:#fff;font-weight:800;cursor:pointer}.product-points{display:flex;margin-top:30px;flex-wrap:wrap;gap:9px}.product-points b{padding:10px 13px;border:1px solid #dce2e5;border-radius:20px;color:#52575c;font-size:10px}.product-stage{position:relative;min-height:820px;overflow:hidden;background:radial-gradient(circle at 30% 25%,#fff 0 5%,transparent 30%),linear-gradient(145deg,#e7f5f8,#dce4f1 55%,#f5dce9)}.screen{position:absolute;overflow:hidden;background:#fff;box-shadow:0 32px 90px rgba(43,61,74,.2)}.screen img{display:block;width:100%}.screen-desktop{top:12%;right:-10%;width:96%;border:7px solid #fff;border-radius:20px;transform:rotate(-2deg)}.screen-bar{display:flex;height:34px;padding:0 12px;align-items:center;gap:6px;background:#f6f7f8;color:#949aa0;font-size:8px}.screen-bar i{width:7px;height:7px;border-radius:50%;background:#cfd5d9}.screen-bar span{margin-left:8px;letter-spacing:1px}.screen-phone{z-index:3;right:7%;bottom:-8%;width:27%;max-width:245px;border:8px solid #111;border-radius:32px;transform:rotate(4deg)}.phone-speaker{position:absolute;z-index:2;top:8px;left:50%;width:40%;height:13px;border-radius:10px;background:#111;transform:translateX(-50%)}.stage-note{position:absolute;z-index:4;padding:9px 12px;border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 8px 25px rgba(36,50,62,.08);font:8px monospace;letter-spacing:1px}.note-one{top:7%;left:7%}.note-two{right:7%;bottom:6%}
.campaign-section{background:#fff}.campaign-section .section-headline h2{color:#111}.story-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:70px}.story-card{position:relative;display:grid;min-height:610px;overflow:hidden;border:1px solid #e6e6e4;border-radius:30px;background:#fff}.story-copy{position:relative;z-index:3;padding:38px}.story-copy small{font-size:9px;font-weight:800;letter-spacing:2px;color:#7d858c}.story-copy h3{margin:35px 0 24px;font-size:clamp(38px,4vw,64px);line-height:.95;letter-spacing:-.055em}.story-copy p{max-width:420px;color:#747a80;font-size:12px;line-height:1.8}.story-copy a{display:inline-block;margin-top:20px;color:#111;font-size:11px;font-weight:800;text-decoration:none}.story-wide{grid-column:1/-1;grid-template-columns:.65fr 1.35fr;background:#11151d;color:#fff}.story-wide .story-copy small,.story-wide .story-copy p{color:#9ca6b2}.story-wide .story-copy a{color:#fff}.story-shot{display:flex;padding:45px 0 45px 20px;align-items:center;overflow:hidden}.story-shot img{width:112%;max-width:none;border:7px solid #fff;border-right:0;border-radius:18px 0 0 18px;box-shadow:0 28px 65px rgba(0,0,0,.35)}.story-mobile,.story-scan{grid-template-rows:auto 1fr;background:#f8f8f7}.story-scan{background:#f8f8f7}.story-mobile .story-copy h3,.story-scan .story-copy h3{font-size:50px}.mobile-shot{display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.mobile-shot img{width:58%;border:8px solid #111;border-bottom:0;border-radius:30px 30px 0 0;box-shadow:0 22px 55px rgba(23,36,42,.2)}
.trust-section{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;background:#fff}.trust-section h2{margin-top:25px}.trust-list{border-top:1px solid #ddd}.trust-list p{display:flex;margin:0;padding:25px 0;justify-content:space-between;border-bottom:1px solid #ddd}.trust-list b{font-size:14px}.trust-list span{color:#85888d;font-size:12px}
footer{display:grid;grid-template-columns:1fr auto;align-items:end;padding:80px max(5vw,32px) 35px;background:#0f1012;color:#fff}.footer-brand{font-size:92px;font-weight:900;letter-spacing:-8px}.footer-brand span{color:#f0acd0}footer>p{grid-column:1;margin:0;color:#777b82;font-size:10px;letter-spacing:2px}footer>button{grid-column:2;grid-row:1/3;width:180px;height:52px;border:1px solid #444;border-radius:28px;background:#fff;color:#111;font-weight:800}footer>small{grid-column:1/-1;margin-top:75px;padding-top:22px;border-top:1px solid #2f3136;color:#666a71;font-size:9px}
@keyframes discoverBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(max-width:900px){.nav-shell{grid-template-columns:auto 1fr auto;padding:0 17px}.nav-shell nav{position:fixed;top:58px;right:12px;left:12px;display:none;height:auto;padding:16px;align-items:stretch;flex-direction:column;gap:0;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.16)}.nav-shell nav.is-open{display:flex}.nav-shell nav>a,.nav-trigger{height:48px}.nav-shell nav>a:after,.nav-trigger:after{display:none}.nav-group{height:auto}.mega-menu{position:static;width:100%;grid-template-columns:1fr;visibility:visible;display:none;padding:5px;box-shadow:none;opacity:1;transform:none}.nav-group.is-open .mega-menu{display:grid;transform:none}.mobile-menu{display:block;grid-column:1;width:42px;height:42px;border:0;border-radius:50%;background:#eee;font-size:18px}.header-login{grid-column:3;min-width:132px}.site-section{padding:85px 22px}.intro-grid,.solution-section,.trust-section{grid-template-columns:1fr}.intro-copy{margin-top:45px}.feature-grid{grid-template-columns:1fr 1fr}.product-copy{padding:80px 28px}.product-stage{min-height:650px}.screen-desktop{top:11%;right:-25%;width:120%}.screen-phone{right:8%;width:30%}.story-grid{grid-template-columns:1fr}.story-wide{grid-column:1;grid-template-columns:1fr;min-height:850px}.story-shot{padding:0 0 50px 30px}.story-mobile,.story-scan{min-height:650px}.section-headline{align-items:flex-start;flex-direction:column}.trust-list{margin-top:45px}}
@media(max-width:560px){.header-login{min-width:116px;height:40px;font-size:11px}.cloud-stage{min-height:620px}.step-inside{bottom:42px}.discover{display:none}.intro-stats{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:310px}.product-stage{min-height:470px}.screen-desktop{top:13%;right:-34%;width:135%;border-width:4px}.screen-phone{right:5%;bottom:-12%;width:34%;border-width:5px}.stage-note{display:none}.story-wide{min-height:690px}.story-copy{padding:28px}.story-mobile .story-copy h3,.story-scan .story-copy h3{font-size:40px}.story-mobile,.story-scan{min-height:570px}.mobile-shot img{width:68%}.footer-brand{font-size:65px}footer{grid-template-columns:1fr}footer>button{grid-column:1;grid-row:auto;margin-top:35px}footer>p{grid-column:1}}

/* SVIP LUXURY brand system */
.brand-mark{grid-column:1;display:flex;align-items:baseline;gap:7px;color:#0d0e10;text-decoration:none}.brand-mark b{font-size:20px;letter-spacing:-1.3px}.brand-mark span{font-size:8px;font-weight:800;letter-spacing:2.1px}
.brand-mark{height:100%;max-height:66px;align-items:center;overflow:hidden;background:#fff}.brand-mark img{display:block;width:82px;height:34px;max-height:34px;object-fit:contain;background:transparent}
.intro-grid h2{font-size:clamp(43px,5.7vw,86px)}
.feature-grid h3{font-size:18px;letter-spacing:-.02em}
.screen-mini{width:32%;max-width:270px;bottom:-15%}.screen-mini img{margin-top:0}
.story-wide{grid-template-columns:.78fr 1.22fr}.mini-feature{background:linear-gradient(135deg,#111318,#202631)}
.mini-hero-shot{position:relative;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding-top:55px}.mini-hero-shot:before{content:"MINI PROGRAM / LIVE";position:absolute;top:22px;right:28px;color:#6df0c9;font:9px monospace;letter-spacing:1.5px}.mini-hero-shot img{width:44%;min-width:340px;border:8px solid #050506;border-bottom:0;border-radius:34px 34px 0 0;box-shadow:0 35px 80px rgba(0,0,0,.55)}
.mini-crop{max-height:520px}.mini-crop img{width:62%;object-fit:cover;object-position:top}
.footer-brand{font-size:clamp(56px,8vw,112px);letter-spacing:-7px}.footer-brand span{font-weight:400}
@media(max-width:900px){.brand-mark{display:none}.mini-hero-shot{min-height:500px}.mini-hero-shot img{width:52%}.screen-mini{width:34%}}
@media(max-width:560px){.intro-grid h2{font-size:39px}.story-copy h3,.story-mobile .story-copy h3,.story-scan .story-copy h3{font-size:34px}.mini-hero-shot{min-height:420px}.mini-hero-shot img{width:70%;min-width:0}.screen-mini{width:38%}.footer-brand{font-size:48px;letter-spacing:-4px}.step-inside{top:auto;right:50%;bottom:26px;left:auto;width:auto;min-width:178px;height:50px;padding:0 22px;justify-content:center;border-radius:999px;transform:translateX(50%)}.step-inside:hover{transform:translateX(50%) scale(1.03)}}

/* Production login bridge: only the compact top-right entry remains. */
.header-login{width:auto;min-width:0;padding:0 16px;justify-content:center;gap:9px}.header-login span{font-size:13px}.header-login:hover{transform:translateY(-2px)}
footer{grid-template-columns:1fr auto}.site-icp{grid-column:2;align-self:end;color:#73777e;font-size:9px;text-decoration:none;transition:color .2s}.site-icp:hover{color:#fff}footer>small{grid-column:1;margin-top:75px}.toast{display:none}
@media(max-width:560px){.header-login{min-width:0;width:auto;height:40px;padding:0 14px;gap:7px}.header-login span{font-size:12px}footer{grid-template-columns:1fr}.site-icp{grid-column:1;margin-top:13px;justify-self:start}footer>small{grid-column:1;margin-top:50px}}

/* Compact product stories: crop long phone captures into an editorial mosaic. */
.campaign-section{padding-top:96px;padding-bottom:96px}.story-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:54px}.story-card{min-height:0;height:540px}.story-wide{grid-column:1/-1;height:510px;grid-template-columns:.72fr 1.28fr}.story-copy{padding:34px}.story-copy h3{margin:27px 0 19px}.shot-mosaic{display:grid;min-width:0;height:100%;padding:26px;gap:12px;overflow:hidden}.shot-mosaic figure{position:relative;min-width:0;margin:0;overflow:hidden;border:6px solid #0b0c0e;border-radius:22px;background:#fff;box-shadow:0 22px 48px rgba(10,20,28,.17)}.shot-mosaic img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.shot-mosaic-wide{grid-template-columns:1.16fr .84fr;grid-template-rows:1fr 1fr}.shot-mosaic-wide .mosaic-main{grid-row:1/-1}.shot-mosaic-compact{grid-template-columns:1.12fr .88fr;height:290px;padding:0 28px 28px}.story-mobile,.story-scan{grid-template-rows:auto 290px}.mosaic-middle img{object-position:center 38%}.mosaic-bottom img{object-position:center 74%}.story-wide .shot-mosaic figure{border-color:#050506}.story-wide .mosaic-detail{border-color:#313641}
@media(max-width:900px){.campaign-section{padding-top:78px;padding-bottom:78px}.story-grid{grid-template-columns:1fr}.story-card,.story-wide{height:auto}.story-wide{grid-template-columns:1fr;min-height:0}.story-wide .story-copy{padding-bottom:18px}.shot-mosaic-wide{height:390px}.story-mobile,.story-scan{min-height:0;height:auto;grid-template-rows:auto 255px}.shot-mosaic-compact{height:255px}}
@media(max-width:560px){.campaign-section{padding:64px 14px}.story-grid{gap:14px;margin-top:38px}.story-card{border-radius:23px}.story-copy{padding:25px 23px}.story-copy h3{margin:20px 0 15px}.story-wide .story-copy{padding-bottom:12px}.shot-mosaic{padding:12px;gap:8px}.shot-mosaic figure{border-width:4px;border-radius:15px}.shot-mosaic-wide{height:280px;grid-template-columns:1.25fr .75fr}.story-mobile,.story-scan{grid-template-rows:auto 210px}.shot-mosaic-compact{height:210px;padding:0 12px 12px}.section-headline h2{font-size:37px}}

/* Full-page device previews: show the entire capture without making the section tall. */
.full-page-showcase{display:flex;height:300px;padding:0 30px 28px;align-items:flex-start;justify-content:center;overflow:hidden}.full-page-showcase figure{height:100%;margin:0;padding:8px;overflow:hidden;border-radius:24px;background:#0b0c0e;box-shadow:0 22px 48px rgba(10,20,28,.18)}.full-page-showcase img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:16px;background:#fff}.full-page-showcase-wide{height:100%;padding:28px}.full-page-showcase-wide figure{height:100%}.story-mobile,.story-scan{grid-template-rows:auto 300px}
@media(max-width:900px){.full-page-showcase-wide{height:390px;padding:12px 24px 28px}.story-mobile,.story-scan{grid-template-rows:auto 275px}.full-page-showcase{height:275px}}
@media(max-width:560px){.full-page-showcase-wide{height:320px;padding:8px 16px 20px}.story-mobile,.story-scan{grid-template-rows:auto 250px}.full-page-showcase{height:250px;padding:0 16px 20px}.full-page-showcase figure{padding:6px;border-radius:18px}.full-page-showcase img{border-radius:12px}}