:root { --maroon:#480000; --deep:#260000; --red:#e70012; --bright:#ff2436; --white:#fffaf7; --ink:#210404; --muted:#d9b8b5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--maroon); color:var(--white); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,a { -webkit-tap-highlight-color:transparent; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }

.site-header { position:fixed; inset:0 0 auto; z-index:50; background:rgba(72,0,0,.94); border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter:blur(16px); transition:background .22s,border-color .22s,box-shadow .22s; }
.site-header.is-scrolled { background:rgba(54,0,0,.96); border-bottom-color:rgba(255,255,255,.12); box-shadow:0 10px 30px rgba(22,0,0,.22); }
.header-inner { min-height:84px; display:flex; align-items:center; justify-content:space-between; }
.logo-link { display:inline-flex; align-items:center; position:relative; z-index:2; }
.logo-slot { width:190px; height:54px; position:relative; display:flex; align-items:center; justify-content:flex-start; overflow:hidden; border-radius:12px; }
.site-logo { width:100%; height:100%; position:relative; z-index:1; display:block; object-fit:contain; object-position:left center; background:transparent; }
.logo-slot.is-empty .site-logo { display:none; }
.nav-links { display:flex; align-items:center; gap:32px; font-size:12px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.nav-links>a:not(.nav-cta) { color:rgba(255,250,247,.72); transition:color .18s; }
.nav-links>a:not(.nav-cta):hover { color:white; }
.nav-cta { padding:12px 18px; color:var(--deep); background:var(--white); border:1px solid rgba(255,255,255,.8); border-radius:999px; box-shadow:0 8px 22px rgba(20,0,0,.14); transition:color .18s,background .18s,transform .18s; }
.nav-cta:hover { background:var(--red); color:white; }
.hero { min-height:760px; padding:170px 0 0; position:relative; overflow:hidden; isolation:isolate; background-color:var(--maroon); background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:72px 72px; }
.hero::before { content:''; position:absolute; inset:0; z-index:-2; background:linear-gradient(110deg,rgba(38,0,0,.1) 20%,rgba(38,0,0,.65) 100%); }
.hero::after { content:'99'; position:absolute; z-index:-1; right:-2vw; top:48px; color:rgba(255,255,255,.022); font-size:clamp(260px,39vw,610px); line-height:1; font-weight:900; letter-spacing:-.13em; }
.hero-glow { position:absolute; width:650px; height:650px; left:23%; top:-300px; z-index:-1; border-radius:50%; background:rgba(255,36,54,.28); filter:blur(130px); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.78fr); align-items:center; gap:clamp(50px,8vw,112px); }
.mobile-hero-card { display:none; }
.eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:25px; color:#ffd7d4; font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.flag-dot { display:inline-block; width:28px; height:14px; background:linear-gradient(#e70012 0 50%,#fff 50% 100%); box-shadow:0 0 0 1px rgba(255,255,255,.25); }
.hero h1 { margin:0; color:var(--white); font-size:clamp(58px,7.1vw,100px); line-height:.91; letter-spacing:-.075em; font-weight:900; }
.hero h1 span { display:inline-block; color:var(--bright); text-shadow:0 16px 40px rgba(0,0,0,.18); }
.hero-description { max-width:580px; margin:32px 0 0; color:var(--muted); font-size:16px; line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:36px; }
.button { min-height:58px; display:inline-flex; align-items:center; justify-content:center; gap:26px; padding:0 24px; border-radius:14px; font-size:12px; font-weight:900; letter-spacing:.08em; transition:transform .18s,background .18s,color .18s,box-shadow .18s; }
.button span { font-size:18px; }
.button:hover { transform:translateY(-3px); }
.button-primary { color:var(--deep); background:var(--white); border:1px solid rgba(255,255,255,.7); box-shadow:0 14px 34px rgba(24,0,0,.2); }
.button-primary:hover { color:white; background:var(--red); box-shadow:0 16px 36px rgba(80,0,0,.28); }
.text-link { display:inline-flex; gap:12px; align-items:center; color:rgba(255,255,255,.75); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }
.text-link span { color:var(--bright); }

.access-panel { padding:30px; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:rgba(34,0,0,.72); box-shadow:0 24px 64px rgba(17,0,0,.22); backdrop-filter:blur(16px); }
.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.12); }
.panel-heading span,.access-content small { color:var(--bright); font-size:9px; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
.panel-heading h2 { margin:5px 0 0; font-size:26px; line-height:1; letter-spacing:-.04em; }
.panel-heading .status { color:#ffb8bc; letter-spacing:.08em; }
.status i { width:6px; height:6px; display:inline-block; margin-right:7px; border-radius:50%; background:#ff5260; box-shadow:0 0 0 5px rgba(255,82,96,.13); animation:pulse 1.8s infinite; }
.access-list { display:grid; gap:12px; margin-top:22px; }
.access-card { min-height:112px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; padding:18px 20px; border:1px solid rgba(255,255,255,.085); border-radius:16px; background:rgba(255,255,255,.038); box-shadow:0 10px 26px rgba(16,0,0,.1); transition:transform .18s,border-color .18s,background .18s,box-shadow .18s; }
.access-card:hover { transform:translateY(-3px); border-color:rgba(255,82,96,.45); background:rgba(255,255,255,.065); box-shadow:0 16px 34px rgba(16,0,0,.18); }
.access-number { color:rgba(255,255,255,.22); font-size:27px; font-weight:900; }
.access-content { display:flex; flex-direction:column; gap:4px; }
.access-content strong { font-size:16px; }
.access-content em { color:#c9aaa7; font-size:12px; font-style:normal; }
.access-arrow { width:38px; height:38px; display:grid; place-items:center; color:var(--bright); border:1px solid rgba(255,36,54,.22); border-radius:12px; background:rgba(255,36,54,.06); font-size:19px; }
.panel-note { margin:20px 0 0; color:rgba(255,255,255,.47); font-size:11px; }
.panel-note span { margin-right:6px; color:var(--bright); }
.trust-strip { min-height:97px; display:flex; align-items:center; gap:30px; margin-top:74px; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.5); font-size:10px; letter-spacing:.15em; }
.trust-strip div { height:1px; flex:1; background:rgba(255,255,255,.11); }
.trust-strip strong { color:#f0cfcd; font-size:10px; }

.about { padding:124px 0 132px; color:var(--ink); background:var(--white); }
.about-grid { display:grid; grid-template-columns:.44fr 1fr; gap:50px; }
.section-label { display:flex; align-items:flex-start; gap:15px; }
.section-label span { color:var(--red); font-size:11px; font-weight:900; }
.section-label p { margin:0; font-size:11px; font-weight:900; letter-spacing:.15em; }
.about-copy h2 { margin:0; font-size:clamp(44px,5.4vw,76px); line-height:.98; letter-spacing:-.065em; }
.about-copy h2 span { color:var(--red); }
.about-copy>p { max-width:690px; margin:34px 0 0; color:#765a58; font-size:16px; line-height:1.8; }

.features { padding:116px 0 126px; background:var(--deep); }
.features-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.section-label.light p { color:white; }
.features-intro { max-width:280px; margin:0; color:#b88f8d; font-size:13px; line-height:1.6; text-align:right; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:54px; }
.feature-card { min-height:340px; position:relative; padding:34px; border:1px solid rgba(255,255,255,.085); border-radius:20px; background:rgba(255,255,255,.028); box-shadow:0 16px 38px rgba(12,0,0,.12); transition:background .22s,transform .22s,border-color .22s,box-shadow .22s; }
.feature-card:first-child { border-left:1px solid rgba(255,255,255,.085); }
.feature-card:hover { z-index:2; border-color:rgba(255,82,96,.28); background:rgba(255,255,255,.05); box-shadow:0 22px 48px rgba(12,0,0,.18); transform:translateY(-5px); }
.feature-card>span { color:rgba(255,255,255,.27); font-size:11px; font-weight:900; }
.feature-icon { width:78px; height:78px; position:relative; display:grid; place-items:center; margin:54px 0 28px; overflow:hidden; border:1px solid rgba(255,82,96,.28); border-radius:18px; background:rgba(255,255,255,.035); }
.feature-icon-placeholder { position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.5); font-size:9px; font-weight:900; letter-spacing:.11em; }
.feature-icon-image { width:100%; height:100%; position:relative; z-index:1; display:block; padding:9px; object-fit:contain; background:var(--deep); }
.feature-icon.is-empty .feature-icon-image { display:none; }
.feature-card h3 { margin:0 0 14px; font-size:24px; letter-spacing:-.04em; }
.feature-card p { margin:0; color:#b68f8c; font-size:14px; line-height:1.7; }

.apk-section { padding:100px 0; background:var(--maroon); }
.apk-card { width:min(880px,100%); margin-inline:auto; position:relative; overflow:hidden; padding:52px; border:1px solid rgba(255,255,255,.1); border-radius:28px; background:linear-gradient(145deg,rgba(44,0,0,.97),rgba(24,0,0,.98)); box-shadow:0 28px 70px rgba(24,0,0,.28); }
.apk-card::after { display:none; }
.apk-app-slot { width:92px; height:92px; position:relative; display:grid; place-items:center; margin-bottom:30px; overflow:hidden; border:1px solid rgba(255,82,96,.25); border-radius:20px; background:rgba(255,255,255,.035); }
.apk-app-slot>span { position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.5); font-size:9px; font-weight:900; letter-spacing:.1em; }
.apk-app-slot img { width:100%; height:100%; position:relative; z-index:1; display:block; object-fit:contain; background:var(--deep); }
.apk-app-slot.is-empty img { display:none; }
.apk-kicker { color:#ffaaa9; font-size:10px; font-weight:900; letter-spacing:.18em; }
.apk-card h2 { margin:14px 0 0; font-size:clamp(38px,5vw,62px); line-height:1; letter-spacing:-.055em; }
.apk-card h2 span { color:var(--bright); }
.apk-rule { width:58px; height:4px; margin:28px 0; background:var(--red); }
.apk-card>p { max-width:700px; margin:0; color:#d5aaa7; font-size:15px; line-height:1.8; }
.apk-card ul { display:grid; gap:14px; margin:30px 0 36px; padding:0; list-style:none; }
.apk-card li { position:relative; padding-left:28px; color:#f0d6d4; font-size:13px; }
.apk-card li::before { content:'✓'; position:absolute; left:0; color:var(--bright); font-weight:900; }
.apk-button { min-height:62px; position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:18px; padding:0 26px; color:white; background:var(--red); border:1px solid rgba(255,255,255,.12); border-radius:14px; box-shadow:0 14px 32px rgba(117,0,8,.3); font-size:12px; font-weight:900; letter-spacing:.11em; transition:transform .2s,box-shadow .2s; }
.apk-button::before { content:''; position:absolute; z-index:-1; width:34%; height:260%; top:-80%; left:-55%; transform:rotate(24deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent); animation:button-shine 2.6s ease-in-out infinite; }
.apk-button:hover { transform:translateY(-3px); box-shadow:0 18px 38px rgba(117,0,8,.4); }

.cta-section { padding:78px 0; background:linear-gradient(135deg,#e70012,#b9000e); }
.cta-card { min-height:310px; display:flex; align-items:center; justify-content:space-between; gap:50px; padding:58px 66px; border:1px solid rgba(255,255,255,.7); border-radius:26px; background:var(--white); color:var(--ink); box-shadow:0 28px 70px rgba(72,0,0,.22); }
.cta-kicker { color:var(--red); font-size:10px; font-weight:900; letter-spacing:.17em; }
.cta-card h2 { margin:17px 0 0; font-size:clamp(43px,5vw,68px); line-height:.94; letter-spacing:-.065em; }
.button-dark { flex:0 0 auto; color:white; background:var(--maroon); box-shadow:0 14px 30px rgba(72,0,0,.22); }
.button-dark:hover { background:var(--red); box-shadow:0 18px 38px rgba(72,0,0,.28); }
footer { padding:44px 0; background:var(--maroon); border-top:1px solid rgba(255,255,255,.11); }
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.footer-inner p,.footer-inner>a:last-child { color:#926d6b; font-size:11px; }
.footer-inner>a:last-child { font-weight:800; letter-spacing:.06em; text-transform:uppercase; }

.reveal { opacity:0; animation:reveal-up .7s ease forwards; }
.reveal-one { animation-delay:.08s; }.reveal-two { animation-delay:.18s; }.reveal-three { animation-delay:.3s; }.reveal-four { animation-delay:.41s; }
html.reveal-ready [data-scroll-reveal] { opacity:0; filter:blur(10px); transform:translate3d(0,46px,0) scale(.985); transition:opacity .8s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1); will-change:opacity,transform,filter; }
html.reveal-ready [data-scroll-reveal].is-visible { opacity:1; filter:blur(0); transform:translate3d(0,0,0) scale(1); }
html.reveal-ready .feature-card:nth-child(2) { transition-delay:.08s; }
html.reveal-ready .feature-card:nth-child(3) { transition-delay:.16s; }
@keyframes reveal-up { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
@keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:.4; } }
@keyframes button-shine { 0%,52% { left:-55%; } 78%,100% { left:125%; } }

@media (max-width:900px) {
  .shell { width:min(100% - 36px,720px); }
  .nav-links { display:none; }
  .hero { min-height:auto; padding-top:136px; }.hero-grid { grid-template-columns:1fr; gap:60px; }.trust-strip { margin-top:64px; }
  .about-grid { grid-template-columns:1fr; gap:48px; }.feature-grid { grid-template-columns:1fr; }
  .feature-card,.feature-card:first-child { min-height:auto; border:1px solid rgba(255,255,255,.085); }.feature-icon { margin-top:40px; }
  .apk-card { padding:40px; }
  .cta-card { align-items:flex-start; flex-direction:column; }
}

@media (max-width:600px) {
  .shell { width:min(100% - 28px,520px); }.header-inner { min-height:72px; }
  .logo-slot { width:160px; height:46px; }
  .hero { padding-top:102px; }
  .hero-grid { gap:30px; }
  .hero-copy { display:none; }
  .mobile-hero-card { width:100%; position:relative; isolation:isolate; overflow:hidden; display:grid; justify-items:center; padding:42px 22px 24px; border:1px solid rgba(255,255,255,.12); border-radius:28px; background:linear-gradient(155deg,rgba(38,0,0,.94),rgba(82,0,7,.82)); box-shadow:0 26px 64px rgba(20,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06); text-align:center; }
  .mobile-hero-card::before { content:''; position:absolute; inset:0; z-index:-2; opacity:.55; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:46px 46px; }
  .mobile-hero-card::after { content:''; position:absolute; z-index:-1; width:330px; height:330px; right:-130px; bottom:-190px; border-radius:50%; background:rgba(255,36,54,.25); filter:blur(64px); }
  .mobile-hero-logo { width:100%; display:flex; justify-content:center; margin-bottom:22px; }
  .mobile-hero-logo .logo-slot { width:min(260px,78vw); height:104px; justify-content:center; }
  .mobile-hero-logo .site-logo { object-position:center; }
  .mobile-hero-kicker { color:#ff9aa3; font-size:9px; font-weight:900; letter-spacing:.2em; }
  .hero .mobile-hero-card h1 { margin:13px 0 0; color:var(--white); font-size:clamp(27px,8vw,38px); line-height:1.08; letter-spacing:-.045em; }
  .hero .mobile-hero-card h1 span { color:var(--bright); text-shadow:0 10px 28px rgba(255,36,54,.2); }
  .mobile-hero-card>p { max-width:330px; margin:20px 0 0; color:#d8b7b5; font-size:13px; line-height:1.7; }
  .mobile-hero-button { width:100%; min-height:58px; position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:16px; margin-top:26px; padding:0 18px; border:1px solid rgba(255,255,255,.16); border-radius:16px; color:white; background:linear-gradient(135deg,#ff1f33,#dc0012); box-shadow:0 16px 34px rgba(145,0,12,.32),inset 0 1px 0 rgba(255,255,255,.22); font-size:11px; font-weight:900; letter-spacing:.1em; transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1); }
  .mobile-hero-button::before { content:''; position:absolute; z-index:0; width:30%; height:240%; top:-70%; left:-48%; transform:rotate(22deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent); animation:button-shine 2.7s ease-in-out infinite; pointer-events:none; }
  .mobile-hero-button::after { content:''; position:absolute; inset:1px; border:1px solid rgba(255,255,255,.1); border-radius:15px; pointer-events:none; }
  .mobile-hero-button:hover { transform:translateY(-3px) scale(1.01); box-shadow:0 20px 42px rgba(145,0,12,.42),inset 0 1px 0 rgba(255,255,255,.25); }
  .mobile-hero-button:active { transform:scale(.985); }
  .hero h1 { font-size:clamp(48px,15.5vw,72px); }.hero-description { font-size:14px; }
  .hero-actions { align-items:stretch; flex-direction:column; gap:26px; }.button-primary { width:calc(100% - 8px); }.text-link { justify-content:center; }
  .access-panel { padding:20px; }.access-card { grid-template-columns:auto 1fr; gap:15px; padding:16px; }.access-arrow { display:none; }
  .trust-strip { min-height:84px; gap:14px; }.trust-strip>span,.trust-strip div { display:none; }.trust-strip strong { flex:1; text-align:center; }
  .about,.features { padding-block:86px; }.about-copy h2 { font-size:43px; }
  .features-heading { align-items:flex-start; flex-direction:column; }.features-intro { text-align:left; }.feature-grid { margin-top:38px; }
  .apk-section { padding:58px 0; }.apk-card { padding:30px 24px; border-radius:22px; box-shadow:0 20px 48px rgba(24,0,0,.24); }.apk-app-slot { width:78px; height:78px; }.apk-card h2 { font-size:39px; }.apk-button { padding-inline:14px; font-size:10px; }
  .cta-section { padding:44px 0 54px; }.cta-card { min-height:330px; padding:40px 26px; border-radius:22px; box-shadow:0 22px 54px rgba(72,0,0,.22); }.cta-card h2 { font-size:42px; }.button-dark { width:100%; }
  .footer-inner { align-items:flex-start; flex-direction:column; }
}

@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } html.reveal-ready [data-scroll-reveal] { opacity:1; filter:none; transform:none; transition:none; } }