@font-face { font-family:"Suez One"; src:url("suez-one.woff") format("woff"); font-display:swap; }
:root { --display:"Suez One",Georgia,serif; --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --text:#f5f7fb; --muted:#c2c8d2; --accent:#ffd34d; --surface:rgba(255,255,255,.085); --line:rgba(255,255,255,.15); }
* { box-sizing:border-box; }
html { min-width:320px; scroll-behavior:smooth; }
body { margin:0; color:var(--text); font-family:var(--sans); line-height:1.65; background:#132338; }
body.digger-machine { --accent:#ffd34d; background:radial-gradient(circle at 75% 5%,#1d82bd,transparent 34%),linear-gradient(180deg,#123f68,#0b223a 52%,#081724); }
body.digger-two { --accent:#ffc44c; background:radial-gradient(circle at 22% 8%,#a95822,transparent 30%),linear-gradient(180deg,#372113,#1d1511 50%,#100d0c); }
body.word-travels { --accent:#ffe16c; background:radial-gradient(circle at 18% 5%,#e88865,transparent 28%),radial-gradient(circle at 82% 12%,#7257aa,transparent 28%),linear-gradient(180deg,#463263,#211b35 52%,#171425); }
img { display:block; max-width:100%; }
a { color:inherit; }
.landing-shell { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.skip-link { position:fixed; z-index:1000; top:-80px; left:16px; padding:10px 14px; background:#fff; color:#111; }
.skip-link:focus { top:16px; }
.game-site-header { position:sticky; z-index:100; top:0; border-bottom:1px solid var(--line); background:rgba(10,14,22,.76); backdrop-filter:blur(18px); }
.game-nav { min-height:70px; display:flex; align-items:center; gap:24px; }
.studio-brand { margin-right:auto; }
.studio-brand img { width:142px; }
.game-nav-links { display:flex; gap:6px; }
.game-nav-links a { padding:9px 12px; border-radius:999px; font-size:.73rem; font-weight:850; letter-spacing:.09em; text-decoration:none; text-transform:uppercase; }
.game-nav-links a:hover,.game-nav-links a[aria-current="page"] { background:rgba(255,255,255,.1); color:var(--accent); }
.game-hero { position:relative; overflow:hidden; padding:72px 0 80px; }
.game-hero::before { position:absolute; inset:0; z-index:-1; opacity:.25; background-image:radial-gradient(circle,rgba(255,255,255,.22) 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(180deg,#000,transparent 82%); content:""; }
.game-hero::after { position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.32)); content:""; }
.hero-content { max-width:880px; margin:0 auto; padding:42px 46px 46px; border:1px solid rgba(255,255,255,.13); border-radius:34px; background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.02)); box-shadow:0 30px 90px rgba(0,0,0,.15); text-align:center; }
.game-logo { width:min(440px,72vw); margin:0 auto 20px; filter:drop-shadow(0 18px 28px rgba(0,0,0,.28)); }
.digger-two .game-logo { width:min(470px,75vw); }
.word-logo { width:min(580px,90vw); display:grid; grid-template-columns:repeat(6,1fr); gap:9px; margin:0 auto 28px; transform:rotate(-2deg); }
.word-logo span { aspect-ratio:1; display:grid; place-items:center; border-radius:12px; background:#fff; color:#523270; box-shadow:0 12px 25px rgba(0,0,0,.22); font:clamp(1.4rem,4vw,2.8rem)/1 var(--display); }
.word-logo .blank { visibility:hidden; }
.game-kicker { margin:0 0 12px; color:var(--accent); font-size:.78rem; font-weight:900; letter-spacing:.17em; text-transform:uppercase; }
.game-hero h1 { margin:0; font:400 clamp(2.8rem,5vw,4.7rem)/1.05 var(--display); }
.game-lead { max-width:700px; margin:22px auto 0; color:var(--muted); font-size:1.12rem; }
.download-row { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:30px; }
.download-row img { width:205px; height:auto; }
.section { padding:72px 0; }
.section-heading { max-width:760px; margin:0 auto 38px; text-align:center; }
.section-heading .label { margin:0 0 12px; color:var(--accent); font-size:.76rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.section-heading h2 { margin:0; font:400 clamp(2.3rem,5vw,4.2rem)/1.08 var(--display); }
.section-heading p { color:var(--muted); }
.media-card { overflow:hidden; border:1px solid var(--line); border-radius:24px; background:rgba(0,0,0,.18); box-shadow:0 26px 70px rgba(0,0,0,.28); }
.video-frame { display:block; width:100%; aspect-ratio:16/9; border:0; }
.gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }
.gallery img { width:100%; aspect-ratio:16/9; border:1px solid var(--line); border-radius:16px; object-fit:cover; }
.feature-panel { display:grid; grid-template-columns:.92fr 1.08fr; gap:48px; padding:50px; border:1px solid var(--line); border-radius:28px; background:var(--surface); box-shadow:0 22px 60px rgba(0,0,0,.18); }
.feature-panel h2 { margin:0 0 18px; color:var(--accent); font:400 clamp(2.4rem,5vw,4rem)/1.08 var(--display); }
.feature-panel p { color:var(--muted); }
.features { margin:0; padding:0; list-style:none; }
.features li { position:relative; padding:13px 0 13px 32px; border-bottom:1px solid var(--line); }
.features li::before { position:absolute; left:2px; color:var(--accent); content:"✦"; }
.reviews { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.reviews blockquote { margin:0; padding:30px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.reviews p { margin:0 0 18px; font-size:1.05rem; }
.reviews cite { color:var(--accent); font-style:normal; font-weight:850; }
.final-cta { padding:70px 24px; border:1px solid var(--line); border-radius:30px; background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035)); text-align:center; }
.final-cta h2 { margin:0; font:400 clamp(2.5rem,6vw,4.8rem)/1.05 var(--display); }
.final-cta p { margin:15px 0 0; color:var(--muted); }
.landing-footer { margin-top:80px; padding:54px 0 26px; border-top:1px solid rgba(255,255,255,.08); background:#101115; color:#fff; }
.landing-footer-grid { display:grid; grid-template-columns:1.35fr .65fr .65fr; align-items:start; gap:46px; padding-bottom:38px; }
.landing-footer img { width:165px; }
.landing-footer-about p { max-width:390px; margin:18px 0 0; color:#999ca5; }
.landing-footer-column { display:block; }
.landing-footer-column h2 { margin:0 0 15px; color:#fff; font-size:.75rem; letter-spacing:.16em; text-transform:uppercase; }
.landing-footer-column a { display:block; margin:8px 0; color:#d7d8dd; font-size:1rem; font-weight:400; letter-spacing:0; text-decoration:none; text-transform:none; }
.landing-footer-column a:hover { color:var(--accent); }
.landing-footer-bottom { padding-top:23px; border-top:1px solid rgba(255,255,255,.1); color:#858891; font-size:.84rem; }
@media(max-width:800px) { .feature-panel{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.landing-footer-grid{grid-template-columns:1fr 1fr}.landing-footer-about{grid-column:1/-1} }
@media(max-width:620px) { .landing-shell{width:min(100% - 28px,1120px)}.game-nav{flex-wrap:wrap;padding-block:11px}.studio-brand img{width:125px}.game-nav-links{width:100%;overflow-x:auto}.game-nav-links a{white-space:nowrap;font-size:.66rem;padding:7px 9px}.game-hero{padding:46px 0 54px}.hero-content{padding:32px 18px 36px;border-radius:24px}.section{padding:58px 0}.download-row img{width:min(190px,46vw)}.feature-panel{padding:30px 23px;gap:28px}.gallery{grid-template-columns:1fr}.reviews{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr}.landing-footer-about{grid-column:auto}.word-logo{gap:6px}.word-logo span{border-radius:8px} }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*::before,*::after{transition:none!important} }