.brand img{width:40px;height:40px;object-fit:contain;border-radius:9px;flex-shrink:0}.brand{color:#eae5d7}footer>span:first-child{display:flex;align-items:center;gap:10px}#space{left:46%;right:0;top:20px;bottom:30px;mask-image:linear-gradient(to right,transparent,#000 8%)}#original-scene{width:100%;height:100%;border:0;display:block}.hero-copy{width:55%}.scene-caption{bottom:80px;right:6%}@media(max-width:1000px) and (min-width:701px){.hero-copy{width:58%}.hero-copy h1{font-size:38px}}@media(max-width:700px){.brand img{width:32px;height:32px}#space{left:0;top:440px;bottom:40px;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}.hero-copy{width:100%}.scene-caption{bottom:50px;right:6%;background:#060b11b8;padding:8px}.hero-foot{bottom:15px}}
.brand img,footer img{background:#fff;padding:3px;border-radius:10px;box-shadow:0 0 12px #d8b96d24}
/* One shared content grid, from navigation to the final section. */
:root{--content-width:1280px;--gutter:clamp(24px,5vw,80px);--page-edge:max(var(--gutter),calc((100% - var(--content-width))/2));--header-height:88px}
header{height:var(--header-height);padding-inline:var(--page-edge);gap:24px}
.brand{font-size:22px;font-weight:700;letter-spacing:0;white-space:nowrap}
.brand small{font-size:8px;font-weight:400;letter-spacing:1.5px}
.section{width:100%;max-width:none;padding:88px var(--page-edge)}
.release,footer{padding-inline:var(--page-edge)}
.belief,.closing{padding-inline:var(--page-edge)}
.hero{height:calc(100svh - var(--header-height));min-height:620px;max-height:900px}
.hero-copy{margin-left:var(--page-edge);padding:clamp(42px,7vh,82px) 0 100px;width:calc((100% - 2 * var(--page-edge)) * .48)}
.hero-copy h1{font-size:clamp(34px,3.5vw,56px);line-height:1.45;margin:22px 0}
.hero-copy .intro{font-size:14px;line-height:1.9}
.hero-copy .actions{margin-top:24px;gap:20px;flex-wrap:wrap}
#space{left:50%;right:var(--page-edge);top:20px;bottom:60px}
.scene-caption{right:var(--page-edge);bottom:68px}
.hero-foot{left:var(--page-edge);right:var(--page-edge)}
.split{gap:6%}.split>*{min-width:0}
@media(max-width:1000px) and (min-width:701px){.hero-copy{width:44%}.hero-copy h1{font-size:36px}.brand{font-size:20px}.hero-copy .intro{font-size:13px}}
@media(max-width:700px){
 :root{--header-height:78px;--gutter:24px}
 header{gap:12px}.brand{font-size:16px}.brand small{font-size:6px;letter-spacing:.65px}.brand img{width:30px;height:30px}.brand{gap:8px}header>.button{font-size:9px;padding:9px;max-width:86px;text-align:center}
 .section{padding:60px var(--page-edge)}
 .hero{height:auto;min-height:1040px;max-height:none}
 .hero-copy{margin-left:var(--page-edge);width:calc(100% - 2 * var(--page-edge));padding:40px 0 0}
 .hero-copy h1{font-size:clamp(30px,8vw,40px)}
 #space{left:0;right:0;top:480px;bottom:80px}
 .scene-caption{bottom:55px;right:var(--page-edge)}
 .hero-foot{bottom:20px}.split{gap:32px}
}
/* Persistent navigation and shared card tracks. */
html{scroll-padding-top:calc(var(--header-height) + 24px)}
body{padding-top:var(--header-height)}
header{position:fixed;inset:0 0 auto;z-index:100;background:#060b11f2;backdrop-filter:blur(16px)}
.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.creation,.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.identity,.price-card,.demo,.price-details,.flow{width:100%;min-width:0;max-width:100%}
.identity,.price-card{padding:28px}
.creation article,.features article{min-width:0;padding:24px;border:1px solid var(--line);border-radius:10px;background:#0c141a}
.creation{border-top:0;padding-top:0;margin-top:32px}
.creation h3,.features h3{margin:16px 0 12px}
.creation p,.features p{margin-bottom:0}
.themes{grid-template-columns:repeat(2,minmax(0,1fr))}
.themes button{min-width:0;white-space:normal;line-height:1.7}
.demo-layout{grid-template-columns:minmax(240px,1fr) minmax(0,2fr)}
.demo-nav,#mode-panel{min-width:0}
.demo-nav{padding:24px}.demo-nav button{padding:20px 12px}
#mode-panel{padding:32px}
.topups{grid-template-columns:repeat(3,minmax(0,1fr))}
.topups>div{min-width:0;text-align:center}
.bar{flex-wrap:wrap}
.heading>*{min-width:0}
.heading>p{max-width:420px}
@media(max-width:1100px){.creation,.features{grid-template-columns:repeat(2,minmax(0,1fr))}.split{gap:24px}.demo-layout{grid-template-columns:minmax(210px,1fr) minmax(0,1.7fr)}}
@media(max-width:800px){
 .split,.creation,.features,.demo-layout{grid-template-columns:minmax(0,1fr)}
 .demo-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border-right:0;border-bottom:1px solid var(--line)}
 .demo-nav button{display:block;text-align:center;padding:14px 4px}.demo-nav button span{display:block;font-size:11px;margin-top:8px}.demo-nav small,.demo-note{display:none}
}
@media(max-width:700px){
 :root{--header-height:112px}
 header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:70px 42px;gap:0 10px}
 header nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;font-size:11px;align-self:start}
 header>.button{grid-column:2;grid-row:1}
 .identity,.price-card,#mode-panel{padding:22px}
 .creation article,.features article{padding:22px}
 .topups div{padding:18px 6px}.topups b{font-size:22px}
 .price{font-size:46px}.price span{display:block;margin:8px 0 0}
}