:root { --ink:#070707; --coal:#0e0e0f; --ivory:#f3efe7; --ash:#a8a39b; --forge:#bd0b12; --forge-bright:#e21a22; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--ivory); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.site-header { position:absolute; z-index:20; inset:0 0 auto; border-bottom:1px solid rgba(255,255,255,.09); background:rgba(7,7,7,.5); backdrop-filter:blur(16px); }
.nav-wrap { height:80px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:12px; font-family:Georgia,serif; letter-spacing:.13em; font-size:17px; }
.brand img { width:48px; height:48px; object-fit:cover; border-radius:50%; }
.brand b { display:block; color:var(--forge-bright); font-size:10px; letter-spacing:.48em; margin-top:1px; }
nav { display:flex; align-items:center; gap:32px; color:#d8d4ce; font-size:14px; }
nav a { transition:color .2s ease; }
nav a:hover { color:white; }
.nav-actions { display:flex; align-items:center; gap:22px; }
.language-picker { position:relative; }
.language-picker summary { min-width:58px; height:38px; padding:0 12px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(255,255,255,.2); color:white; background:rgba(10,10,10,.72); cursor:pointer; list-style:none; font-size:12px; font-weight:800; letter-spacing:.12em; user-select:none; }
.language-picker summary::-webkit-details-marker { display:none; }
.language-picker summary:hover,.language-picker[open] summary { border-color:var(--forge-bright); background:#151515; }
.language-picker summary i { color:var(--forge-bright); font-style:normal; font-size:14px; transition:transform .18s ease; }
.language-picker[open] summary i { transform:rotate(180deg); }
.language-menu { position:absolute; top:calc(100% + 10px); right:0; z-index:40; width:210px; padding:7px; display:grid; gap:2px; border:1px solid #333337; background:#0b0b0c; box-shadow:0 20px 48px rgba(0,0,0,.55); }
.language-menu a { min-height:39px; padding:0 11px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:#ccc7c0; font-size:13px; letter-spacing:0; }
.language-menu a:hover { background:#1b1b1d; color:white; }
.language-menu a[aria-current="page"] { color:white; background:rgba(189,11,18,.2); }
.language-menu b { color:var(--forge-bright); font-size:10px; letter-spacing:.12em; }
.hero { min-height:760px; padding-top:132px; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:32px; }
.hero-copy { position:relative; z-index:2; padding-bottom:32px; }
.eyebrow,.section-number { color:var(--forge-bright); text-transform:uppercase; letter-spacing:.19em; font-weight:700; font-size:12px; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:500; margin:0; }
h1 { font-size:clamp(58px,7.6vw,112px); line-height:.86; letter-spacing:-.06em; }
.lead { max-width:600px; color:#c3bfb8; font-size:18px; line-height:1.72; margin:34px 0 0; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.button { min-height:48px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-size:14px; font-weight:700; border:1px solid transparent; transition:.2s ease; }
.button-primary { background:var(--forge); color:white; }
.button-primary:hover { background:var(--forge-bright); transform:translateY(-2px); }
.button-quiet { border-color:#37373a; color:#d7d3cd; }
.button-quiet:hover { border-color:#777; color:white; }
.hero-art { position:relative; min-height:590px; display:grid; place-items:center; overflow:visible; }
.hero-art::before { content:""; position:absolute; width:82%; aspect-ratio:1; border:1px solid rgba(189,11,18,.24); border-radius:50%; }
.hero-art > img { position:relative; z-index:1; display:block; width:min(660px,112%); height:auto; max-width:none; object-fit:contain; aspect-ratio:1600/900; mix-blend-mode:screen; filter:drop-shadow(0 0 44px rgba(189,11,18,.16)); }
.ember { position:absolute; z-index:2; width:4px; height:4px; border-radius:50%; background:#ff624a; box-shadow:0 0 14px #ff2e21; animation:drift 4s infinite ease-in-out; }
.ember-one { left:29%; bottom:25%; } .ember-two { right:23%; bottom:40%; animation-delay:-2.2s; }
@keyframes drift { 50% { transform:translateY(-38px) scale(.55); opacity:.2; } }
.manifesto { border-top:1px solid #262628; padding:116px 0; display:grid; grid-template-columns:1fr 2fr; gap:60px; }
.manifesto h2 { font-size:clamp(42px,6vw,78px); line-height:1; letter-spacing:-.045em; }
.manifesto div>p { max-width:680px; color:var(--ash); line-height:1.8; font-size:18px; margin-top:32px; }
.project-strip { background:var(--ivory); color:#111; padding:74px 0; }
.project-inner { display:flex; justify-content:space-between; align-items:center; }
.project-inner h2 { font-size:clamp(48px,7vw,92px); letter-spacing:-.055em; margin-top:16px; }
.project-inner p { color:#5b5853; font-size:17px; }
.status { display:inline-flex; align-items:center; gap:8px; color:#55504a; text-transform:uppercase; letter-spacing:.15em; font-size:11px; font-weight:800; }
.status i { width:7px; height:7px; border-radius:50%; background:var(--forge); box-shadow:0 0 0 5px rgba(189,11,18,.12); }
.round-link { width:76px; height:76px; border-radius:50%; background:var(--forge); color:white; display:grid; place-items:center; transition:.2s ease; }
.round-link:hover { transform:rotate(-8deg) scale(1.05); background:#95080e; }
.site-footer { background:#050505; padding:64px 0 24px; border-top:1px solid #1e1e20; color:#918d87; font-size:13px; }
.footer-inner { display:flex; justify-content:space-between; gap:32px; }
.footer-mark { color:white; font-family:Georgia,serif; letter-spacing:.12em; font-size:18px; margin:0 0 8px; }
.footer-links { display:grid; gap:10px; text-align:right; }
.footer-links a:hover { color:white; }
.copyright { border-top:1px solid #1c1c1e; margin-top:44px; padding-top:20px; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.subhero { min-height:700px; padding-top:160px; display:grid; align-items:center; }
.product-hero { grid-template-columns:1fr .8fr; gap:80px; }
.app-icon-wrap { position:relative; display:grid; place-items:center; }
.app-icon-wrap::before { content:""; position:absolute; width:115%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(189,11,18,.2),transparent 66%); }
.app-icon-wrap img { position:relative; width:min(430px,100%); border-radius:22%; box-shadow:0 30px 90px #000,0 0 0 1px rgba(255,255,255,.12); }
.disabled { cursor:default; opacity:.82; }
.feature-section { padding:104px 0 120px; border-top:1px solid #252527; }
.feature-grid { margin-top:38px; display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:#2b2b2d; border:1px solid #2b2b2d; }
.feature-card { background:var(--coal); padding:42px; min-height:220px; }
.feature-card svg { color:var(--forge-bright); }
.feature-card h2 { margin-top:30px; font-size:28px; }
.feature-card p { color:var(--ash); line-height:1.7; }
.quote-strip { padding:90px 0; background:var(--forge); }
.quote-strip p { margin:0; max-width:940px; font-family:Georgia,serif; font-size:clamp(30px,5vw,58px); line-height:1.1; }
.simple-hero { min-height:560px; align-content:center; max-width:1180px; }
.simple-hero h1 { font-size:clamp(62px,10vw,132px); }
.contact-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; padding-bottom:100px; }
.contact-card { border:1px solid #2c2c2e; padding:34px; display:flex; gap:22px; align-items:center; transition:.2s ease; }
.contact-card:hover { border-color:var(--forge); background:#0c0c0d; transform:translateY(-3px); }
.contact-card svg { color:var(--forge-bright); flex:0 0 auto; }
.contact-card span { min-width:0; }
.contact-card small { display:block; color:var(--ash); letter-spacing:.12em; font-size:10px; margin-bottom:8px; }
.contact-card strong { overflow-wrap:anywhere; font-size:clamp(15px,2vw,20px); }
.brand-note { border-top:1px solid #252527; padding:90px 0 120px; display:grid; grid-template-columns:1fr 1.5fr; gap:60px; }
.brand-note h2 { font-size:44px; }
.brand-note p { margin:0; color:var(--ash); font-size:18px; line-height:1.75; }
mark { background:rgba(226,26,34,.19); color:#ff8d91; padding:.08em .25em; }
.legal-hero { position:relative; padding-top:180px; padding-bottom:90px; }
.legal-hero h1 { font-size:clamp(66px,10vw,126px); }
.legal-hero .lead { max-width:690px; }
.delete-panel { max-width:760px; margin-top:38px; padding:22px 24px; border:1px solid rgba(226,26,34,.62); border-left:4px solid var(--forge-bright); background:rgba(189,11,18,.08); }
.delete-panel strong { display:block; color:white; font-size:16px; }
.delete-panel p { margin:10px 0; color:#c3bfb8; line-height:1.65; font-size:14px; }
.delete-panel a { color:white; text-decoration:underline; text-decoration-color:var(--forge); text-underline-offset:4px; }
.legal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:70px; padding:76px 0 120px; border-top:1px solid #2a2a2c; }
.legal-grid-single { grid-template-columns:minmax(0,820px); justify-content:start; }
.legal-copy h2 { font-size:36px; margin-bottom:8px; }
.legal-meta { color:var(--forge-bright)!important; font-size:12px!important; text-transform:uppercase; letter-spacing:.08em; }
.legal-copy h3 { margin:42px 0 10px; font-size:17px; }
.legal-copy p { color:#b3afa8; line-height:1.76; font-size:15px; }
.legal-copy a { color:white; text-decoration:underline; text-decoration-color:var(--forge); text-underline-offset:4px; }
@media (max-width:820px) {
  .shell { width:min(100% - 32px,680px); } .nav-actions { gap:14px; } nav { gap:16px; font-size:12px; } .nav-contact { display:none; }
  .hero { grid-template-columns:1fr; padding-top:145px; min-height:auto; } .hero-art { min-height:390px; margin-top:-20px; opacity:.9; } .hero-art > img { width:min(640px,100%); }
  .manifesto { grid-template-columns:1fr; padding:80px 0; gap:26px; }
  .product-hero { grid-template-columns:1fr; gap:30px; padding-bottom:70px; }
  .app-icon-wrap img { width:min(330px,75vw); }
  .contact-grid,.legal-grid { grid-template-columns:1fr; }
  .brand-note { grid-template-columns:1fr; gap:24px; }
}
@media (max-width:520px) {
  .brand span { display:none; } .nav-game { display:none; } .nav-wrap { height:68px; } .brand img { width:42px; height:42px; } nav { gap:14px; } .language-picker summary { min-width:52px; height:36px; padding:0 10px; }
  .hero { padding-top:118px; } h1 { font-size:54px; } .lead { font-size:16px; } .hero-art { min-height:260px; margin-top:0; } .hero-art > img { width:100%; }
  .project-inner { align-items:flex-end; gap:20px; } .round-link { width:58px; height:58px; flex:0 0 auto; }
  .footer-inner { flex-direction:column; } .footer-links { text-align:left; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card { min-height:auto; padding:30px; }
  .contact-card { padding:24px 20px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }