@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--navy:#0b1020;--slate:#151d30;--cyan:#00d4ff;--purple:#8b5cf6;--green:#25e5a3;--grey:#b9c4d5;--line:#2a3651;--muted:#96a7c3;--title:'Space Grotesk',Inter,sans-serif;font-family:Inter,system-ui,sans-serif;background:var(--navy);color:#fff;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}p{color:var(--grey);line-height:1.68;margin:0 0 1rem}h1,h2,h3{font-family:var(--title);margin:0;color:white;line-height:1.04}h2{font-size:clamp(2.3rem,5vw,4.15rem);letter-spacing:-.058em}h3{font-size:1.42rem;letter-spacing:-.03em}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}img,svg{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 88px));margin-inline:auto}section[id]{scroll-margin-top:98px}.skip{position:fixed;top:8px;left:12px;z-index:9;background:var(--navy);padding:10px;transform:translateY(-180%)}.skip:focus{transform:none}
.top{position:sticky;top:0;z-index:5;background:#0b1020ed;backdrop-filter:blur(20px);border-bottom:1px solid #28354c}.bar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none;font-family:var(--title);letter-spacing:.07em;font-weight:700;font-size:1.02rem;line-height:1.02}.brand svg{width:34px}.brand small{display:block;font:600 .59rem Inter,sans-serif;letter-spacing:.21em;color:#9daccc;margin-top:4px}.bar nav{display:flex;gap:clamp(.6rem,1.5vw,1.4rem);align-items:center}.bar nav a,.footer nav a{font-size:.78rem;font-weight:600;color:var(--grey);padding:11px 0;position:relative}.bar nav a:after{content:'';position:absolute;height:1px;inset:auto 0 4px;background:var(--cyan);transform:scaleX(0);transition:transform .22s}.bar nav a:hover:after,.bar nav a:focus-visible:after{transform:scaleX(1)}.languages{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px;width:max-content}.languages button,.menu{background:transparent;color:var(--grey);border:0;padding:.53rem .6rem;font-size:.75rem;font-weight:750;border-radius:6px}.languages [aria-pressed=true]{color:var(--cyan);background:#00d4ff19}.menu{display:none}
.hero{position:relative;isolation:isolate;border-bottom:1px solid #26334b;background:radial-gradient(ellipse at 78% 42%,#17244c 0%,transparent 50%),radial-gradient(ellipse at 14% 20%,#102640 0%,transparent 52%),#0b1020;overflow:hidden}.hero:before{content:'';z-index:-1;position:absolute;inset:0;background:linear-gradient(#7e99cd13 1px,transparent 1px),linear-gradient(90deg,#7e99cd13 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 50%,#000);opacity:.52}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10px;min-height:590px;padding-block:66px}.hero-copy{position:relative;z-index:1;animation:arrive .55s ease-out}.eyebrow{display:flex;align-items:center;gap:.64rem;font:700 .72rem var(--title);letter-spacing:.145em;text-transform:uppercase;color:#a7b8da}.eyebrow b{color:var(--cyan)}.eyebrow i{width:25px;height:1px;background:#546789}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px #25e5a395;flex:none}.hero h1{font-size:clamp(2.6rem,5.45vw,5.05rem);line-height:.98;letter-spacing:-.075em;text-transform:uppercase;margin:24px 0 19px;max-width:12ch}.hero h1 em{font-style:normal;color:#85eaff;background:linear-gradient(110deg,#64edff,#b59bff 91%);background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-weight:700;color:#e1e9fa;font-size:1.03rem;margin-bottom:.55rem}.intro{max-width:49ch;font-size:.97rem}.hero-art{position:relative;min-width:0;filter:drop-shadow(0 13px 32px #4851da55);animation:arrive .75s ease-out}.hero-art .landscape{width:114%;max-width:none;margin-left:-7%}.art-coord,.art-index{position:absolute;color:#a3b8de;font:600 .69rem var(--title);letter-spacing:.15em}.art-coord{left:8%;top:8%}.art-index{right:6%;bottom:4%}.hero-art .floating{animation:float 8s ease-in-out infinite}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.75rem 1.05rem;border:1px solid transparent;border-radius:9px;font-weight:800;font-size:.74rem;line-height:1.2;text-align:center;letter-spacing:.05em;text-transform:uppercase;transition:transform .18s,box-shadow .18s,border-color .18s;background:transparent;color:white}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.primary{background:#57e3ff;color:#081424;box-shadow:0 6px 25px #00d4ff25}.primary:hover{box-shadow:0 8px 28px #00d4ff55}.secondary{border-color:#51617e;background:#151e34b8}.secondary:hover{border-color:var(--cyan)}.button span{font-size:1rem}
.section{padding-block:80px 0}.section-heading{margin:0 0 29px}.section-heading h2{margin-top:13px}.section-intro{margin-top:-12px;margin-bottom:25px}.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#182239,#101728);min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s}.service:hover,.price:hover,.timeline li:hover,.featured:hover{transform:translateY(-4px);border-color:#4f6c9b;box-shadow:0 15px 35px #0003}.featured{display:grid;grid-template-columns:1.45fr 1fr;overflow:hidden}.game-art,.service-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 52% 62%,#282350,#10162a 73%)}.game-art svg,.game-art img{width:100%;height:100%;min-height:290px;object-fit:cover;transition:transform .55s}.game-art img{object-fit:contain}.featured:hover svg.landscape,.featured:hover .game-art img{transform:scale(1.045)}.featured-copy{align-self:center;padding:clamp(1.4rem,4vw,3.25rem)}.featured-copy h3{font-size:clamp(1.7rem,3.2vw,2.85rem);margin:.9rem 0 .7rem}.featured-copy .button{margin-top:.4rem}.pill{display:inline-flex;border:1px solid #425379;border-radius:100px;padding:.39rem .65rem;color:#d5e2ff;background:#10182bd9;font-size:.71rem;font-weight:650}.concept{position:absolute;top:17px;left:17px}.after{margin-top:17px;color:var(--muted);font-size:.9rem}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service{overflow:hidden;display:flex;flex-direction:column}.service-art{border-bottom:1px solid var(--line);background:radial-gradient(ellipse,#22365b,#10162a 72%)}.service-art svg,.service-art img{width:100%;height:145px;transition:transform .35s}.service-art img{object-fit:cover}.service:hover svg,.service:hover .service-art img{transform:scale(1.07)}.index{position:absolute;top:12px;left:14px;font:.75rem var(--title);color:#c8daf7}.tile-copy{padding:20px;flex:1;display:flex;flex-direction:column}.tile-copy p{font-size:.91rem;margin:.65rem 0 1rem;flex:1}.text-button{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;background:transparent;border:0;padding:5px 0;color:#8eeaff;font-weight:700;font-size:.87rem;text-align:left}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.price{padding:26px;display:flex;flex-direction:column;position:relative}.price.standard{border-color:#7f69e6;background:radial-gradient(ellipse at top,#302554,transparent 65%),#151d30;animation:borderGlow 7s ease-in-out infinite}.badge{color:#e1d8ff;border-color:#9379ef;margin-bottom:12px;align-self:flex-start}.price:not(.standard) h3{margin-top:37px}.amount{font:700 3.5rem/1 var(--title);color:white;margin:15px 0 12px;letter-spacing:-.06em}.amount small{font:500 .82rem Inter,sans-serif;color:var(--muted);letter-spacing:0}.price ul,.notes{color:var(--grey);line-height:1.5;font-size:.86rem}.price ul{padding:0;list-style:none;flex:1;margin:5px 0 22px}.price li{display:flex;gap:8px;margin-bottom:.55rem}.price li:before{content:'✓';color:var(--green)}.notes{padding:16px 20px 16px 36px;background:#131c30;border:1px solid var(--line);border-radius:12px;margin-bottom:0}.notes li+li{margin-top:5px}.split{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(20px,6vw,76px)}.portrait{overflow:hidden;min-height:310px;display:grid;place-items:center;background:radial-gradient(ellipse,#262656,#131a2e 68%);text-align:center}.portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.portrait svg{width:112px;margin:0 auto 22px;filter:drop-shadow(0 0 20px #654cdb9e)}.chips{display:flex;flex-wrap:wrap;gap:7px}.timeline{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:12px}.timeline li{padding:20px;position:relative}.timeline li:not(:last-child):after{content:'';position:absolute;right:-13px;top:34px;width:12px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));animation:borderGlow 5s infinite}.number{display:block;color:#83ebff;font:700 1rem var(--title);margin-bottom:14px}.timeline p{font-size:.87rem;margin:.6rem 0 0}.payment{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center;padding:clamp(20px,5vw,45px);background:radial-gradient(ellipse at 100% 0,#312354,transparent 75%),#151d30}.payment .section-heading{margin-bottom:15px}.fine{color:var(--muted);font-size:.82rem;margin:.65rem 0 0}.contact{align-items:start}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:0}.faq summary{cursor:pointer;font-weight:650;min-height:55px;padding:16px 35px 16px 0;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--cyan);position:absolute;right:10px}.faq [open] summary:after{content:'−'}.faq details p{padding-right:22px}
.config{padding:clamp(16px,4vw,36px)}.progress{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;color:#aebfe2;font-size:.8rem;font-weight:650}.progress progress{width:100%;height:7px;appearance:none;border:0;background:#263552;border-radius:5px;overflow:hidden}.progress progress::-webkit-progress-bar{background:#263552}.progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--cyan),var(--purple));animation:progress-in .32s}.progress progress::-moz-progress-bar{background:linear-gradient(90deg,var(--cyan),var(--purple))}.step-list{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;list-style:none;margin:18px 0 22px;padding:0;font-size:.76rem;color:var(--muted)}.step-list li{padding:8px;border:1px solid var(--line);border-radius:8px}.step-list span{font-family:var(--title);font-weight:700}.step-list [aria-current]{background:#00d4ff18;color:#a8efff;border-color:#00d4ff69}.form-heading{margin-bottom:17px}.form-grid,.field{padding:0;margin:0;border:0;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact .form-grid{grid-template-columns:1fr}.field{display:grid;gap:7px;align-content:start}.field>label,.field legend{font-weight:650;font-size:.87rem}.field small{color:var(--muted);font-weight:500;margin-left:4px}.field legend{margin-bottom:8px}.field.wide{grid-column:1/-1}.field input:not([type=radio],[type=checkbox]),.field select,.field textarea{width:100%;min-width:0;min-height:46px;border:1px solid #435374;border-radius:8px;padding:10px 12px;background:#0d1527;color:#fff}.field textarea{resize:vertical;min-height:105px}.field textarea::placeholder{color:#98a8c3}.field [aria-invalid=true]{border-color:#ff98aa!important}.required,.error{color:#ffacbe}.error{font-size:.82rem}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.option,.check{display:flex;gap:8px;align-items:center;cursor:pointer}.option{background:#10182a;border:1px solid #374966;padding:8px;border-radius:8px;min-height:44px;color:#dee8fa;font-size:.85rem}.option:has(:checked){border-color:var(--cyan);background:#123047}.option input,.check input{accent-color:#59e4ff;flex:none;width:17px;height:17px;margin:0}.check{align-items:flex-start}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.summary{margin:0 0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary div{padding:10px;background:#0d1527;border-radius:8px}.summary dt{color:var(--muted);font-size:.75rem}.summary dd{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}.form-actions{margin-top:19px}.form-policy{margin-top:9px}.form-status{margin:10px 0 0;color:#f1cba9;font-size:.85rem}.success b{color:var(--green);font-size:2rem}.success h3{margin:0 0 14px}.success{animation:arrive .3s}
footer{margin-top:85px;border-top:1px solid var(--line);background:#090e1b}.footer{padding-block:28px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.footer nav,.legal-links{display:flex;flex-wrap:wrap;gap:10px 15px}.footer p{font-size:.76rem;margin:0}.footer p:last-child{grid-column:1/-1}.footer .legal-links{grid-column:1/-1}.footer .text-button{font-size:.77rem}dialog{color:white;background:#151d30;border:1px solid #485a82;border-radius:15px;max-width:min(650px,calc(100% - 30px));padding:25px}dialog::backdrop{background:#060915c9}dialog h2{font-size:2rem;margin-bottom:15px}.reveal{animation:arrive .48s ease-out both}
@keyframes float{50%{transform:translateY(-12px)}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes borderGlow{50%{box-shadow:0 0 24px #8b5cf632}}@keyframes progress-in{from{opacity:.55}to{opacity:1}}
@media(max-width:1000px){.shell{width:min(1180px,calc(100% - 48px))}.bar{gap:10px}.bar nav{gap:.65rem}.bar nav a{font-size:.72rem}.hero-grid{min-height:510px}.timeline li{padding:13px}}
@media(max-width:850px){.menu{display:block;margin-left:auto;border:1px solid var(--line);min-height:41px}.bar nav{position:absolute;top:100%;left:0;right:0;display:grid;background:#111a2d;border-bottom:1px solid var(--line);padding:8px 24px;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}.bar nav.open{visibility:visible;opacity:1;transform:none}.bar nav a{font-size:.94rem;padding:12px 0}.hero-grid{grid-template-columns:1fr 1fr}.section{padding-top:61px}.tiles{gap:12px}.price{padding:17px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline li:nth-child(2):after{display:none}.footer{grid-template-columns:1fr auto}.footer nav{grid-row:2;grid-column:1/-1}}
@media(max-width:640px){.shell{width:calc(100% - 32px)}.bar{height:64px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-block:45px 14px;gap:15px;min-height:0}.hero h1{font-size:clamp(2.5rem,10.3vw,4.2rem);margin-top:17px}.hero-art{max-width:480px;width:100%;margin:auto}.hero-art .landscape{width:100%;margin:0}.section{padding-top:49px}.section-heading{margin-bottom:20px}.featured,.split,.payment{grid-template-columns:1fr}.game-art svg,.game-art img{min-height:0}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.prices{grid-template-columns:1fr}.price:not(.standard) h3{margin-top:0}.portrait{min-height:200px}.tile-copy{padding:13px}.service-art svg,.service-art img{height:100px}.tile-copy h3{font-size:1.16rem}.tile-copy p,.text-button{font-size:.8rem}.options{grid-template-columns:repeat(2,minmax(0,1fr))}.step-list li{font-size:0;text-align:center;padding:6px 0}.step-list span{font-size:.78rem}.form-grid{grid-template-columns:1fr}.summary{grid-template-columns:1fr}.footer{gap:12px}.timeline h3{font-size:1.13rem}.button{padding-inline:.78rem}}
@media(max-width:350px){.tiles:not(.prices),.options{grid-template-columns:1fr}.brand{font-size:.86rem}.brand svg{width:26px}.hero h1{font-size:2.35rem}}
.service-art img[src="/custom-thumbnail.jpg"]{object-fit:contain;padding:6px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

