:root{--cyan:#00b7ff;--orange:#ff7200;--purple:#ce35ff;--ink:#030507;--line:#1b2a35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 22%,#08121e 0,#030507 36%,#000 100%);color:#f7f7f7;font-family:'DM Sans',sans-serif}.shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.hero{min-height:690px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 45%,#1a0b01 0,transparent 27%),linear-gradient(120deg,#020609 30%,#080305)}.nav{height:102px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.logo{font:700 34px/22px 'Space Grotesk';letter-spacing:-2px;text-decoration:none;color:white;display:flex;flex-wrap:wrap;width:210px;text-shadow:0 2px 5px #000}.logo b{color:var(--orange);font-weight:700}.logo i{font:700 12px/12px 'Space Grotesk';letter-spacing:7px;color:var(--cyan);width:100%;padding-left:47px;margin-top:5px}.navlinks{display:flex;gap:42px;text-transform:uppercase;font-size:13px;font-weight:700}.navlinks a,.socials{color:#eee;text-decoration:none}.navlinks .active{color:var(--cyan);border-bottom:2px solid var(--cyan);padding-bottom:12px}.socials{display:flex;gap:18px;font-weight:bold}.hero-content{display:grid;grid-template-columns:34% 66%;min-height:570px;align-items:center}.eyebrow{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:2px;margin:0 0 15px}.hero-copy{z-index:2}.hero h1{font:700 clamp(38px,4vw,58px)/.99 'Space Grotesk';margin:0;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--orange)}.hero h1 strong{font-weight:700;background:linear-gradient(90deg,#fc138c,#9152ff,#008eff);color:transparent;background-clip:text}.intro{font-size:16px;line-height:1.6;max-width:315px;color:#d4d8dc;margin:22px 0 28px}.button{display:inline-block;color:#fff;text-decoration:none;border-radius:8px;padding:14px 18px;font-size:13px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.17)}.cyan{border:2px solid var(--cyan);box-shadow:0 0 18px #0077a844}.button span{font-size:20px;margin-left:10px}.hero-art{height:540px;position:relative;isolation:isolate}.burst{position:absolute;inset:3% -13% 4% 0;background:repeating-conic-gradient(from 15deg at 52% 53%,#ff4d00 0deg 1deg,transparent 1deg 10deg),radial-gradient(circle at 54% 52%,#fc6d00,transparent 35%);filter:blur(.2px);opacity:.85}.cube{position:absolute;width:47px;height:47px;background:linear-gradient(135deg,#11cbff,#0056e8);transform:rotate(30deg) skew(-8deg);box-shadow:0 0 22px #006eff}.c1{top:16%;left:38%}.c2{top:12%;right:19%;background:linear-gradient(135deg,#c900ff,#ff509c)}.c3{bottom:25%;left:12%;background:linear-gradient(135deg,#ffdf00,#ff4a00)}.c4{bottom:18%;right:8%;background:linear-gradient(135deg,#b3ff00,#0fbc55)}.character{position:absolute;z-index:2}.boy{left:25%;top:13%;width:226px;height:330px}.girl{right:18%;top:22%;width:180px;height:285px}.face{position:absolute;z-index:2;top:74px;left:48px;width:129px;height:128px;border-radius:47% 49% 50% 45%;background:linear-gradient(135deg,#ffbf78,#b94f22);color:#17202f;font-size:44px;letter-spacing:13px;padding:37px 20px;line-height:1}.face span{font-size:25px}.hair{position:absolute;z-index:3;left:25px;top:20px;width:165px;height:120px;border-radius:55% 40% 45% 30%;background:repeating-radial-gradient(ellipse at 50% 100%,#1a0c05 0 9px,#713109 10px 13px);transform:rotate(-12deg)}.hoodie{position:absolute;bottom:0;left:14px;width:210px;height:180px;border-radius:70px 70px 25px 25px;background:linear-gradient(125deg,#1f2226,#020305);border:2px solid #583316;color:#f0d34e;padding:75px 55px;font:12px monospace}.girl .face{top:54px;left:27px;width:120px;height:125px}.girlhair{position:absolute;width:178px;height:210px;top:15px;left:0;border-radius:55% 45% 50% 45%;background:repeating-radial-gradient(ellipse at 50% 0,#6b270d 0 8px,#da7d32 9px 12px);transform:rotate(13deg)}.top{position:absolute;z-index:1;bottom:0;left:20px;width:145px;height:120px;border-radius:55px 55px 16px 16px;background:#111217}.brand-hero{position:absolute;z-index:4;bottom:27px;left:5%;right:3%;font:700 clamp(46px,6.3vw,88px)/.75 'Space Grotesk';letter-spacing:-6px;color:#eee;text-shadow:3px 3px #000,0 0 20px #fff6}.brand-hero b{color:var(--orange)}.brand-hero i{display:block;text-align:center;letter-spacing:20px;color:var(--cyan);font-size:.25em;margin-top:23px}.services{margin-top:-18px;position:relative;z-index:3;background:linear-gradient(120deg,#071018,#06070b);border:1px solid #203544;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}.services article{display:flex;gap:17px;padding:0 32px;border-right:1px solid #25303b}.services article:last-child{border:0}.service-icon{width:72px;height:72px;flex:0 0 72px;border-radius:50%;display:grid;place-items:center;font-size:40px;border:2px solid;box-shadow:0 0 20px currentColor}.phone{color:var(--cyan)}.game{color:#ff4100}.design{color:var(--purple)}.services h3{margin:0;color:var(--cyan);font-size:20px}.services article:nth-child(2) h3{color:#ff4100}.services article:nth-child(3) h3{color:var(--purple)}.services p{font-size:13px;line-height:1.4;margin:8px 0}.services a{font-size:11px;font-weight:bold;color:var(--cyan);text-decoration:none}.products{padding:26px 0}.products h2,.about h2,.why h2{font:700 26px 'Space Grotesk';text-align:center;margin:0 0 16px}.products h2 span,.about h2 span,.why h2 span{color:var(--cyan)}.products h2 b,.about h2 b,.why h2 b{color:var(--orange)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{border:1px solid #2a4658;border-radius:14px;padding:13px;background:linear-gradient(150deg,#08121d,#020405);overflow:hidden}.product:nth-child(2){border-color:#702178}.product:nth-child(4){border-color:#a85300}.thumb{height:260px;margin:-13px -13px 14px;border-radius:13px 13px 0 0;overflow:hidden;position:relative;display:grid;place-items:center}.groceries .thumb{background:radial-gradient(circle,#598b16,#112406 70%)}.groceries .thumb>span{font-size:100px}.mock-phone{position:absolute;transform:rotate(9deg);background:#f0f2ed;color:#23472c;border-radius:14px;padding:18px 9px;text-align:center;line-height:2;font-size:25px;box-shadow:0 9px 20px #000}.mock-phone small{font-size:10px}.sudoku .thumb{background:radial-gradient(circle,#c777a4,#200a1c 70%)}.sudoku .thumb>span{position:absolute;top:24px;left:20px;font-size:35px}.avatar{font-size:145px;color:#ffc098;text-shadow:0 0 30px #ff63ad}.worth .thumb{background:linear-gradient(145deg,#042d48,#071219)}.dashboard{background:#e4f7ff;color:#075585;width:82%;padding:20px;border-radius:8px;transform:rotate(8deg);box-shadow:0 15px 25px #000;font-size:14px}.dashboard b{font-size:27px}.western .thumb{background:radial-gradient(circle,#7c410b,#170e05 70%)}.keys{color:#ffc751;font:700 20px/2.2 monospace;text-align:center;text-shadow:0 0 8px #ff6300;background:#281506;padding:20px}.product h3{margin:0;font-size:17px}.product h4{margin:4px 0;color:#71db27;font-size:12px}.product:nth-child(2) h4{color:#e35dff}.product:nth-child(3) h4{color:var(--cyan)}.product:nth-child(4) h4{color:#ff9700}.product p{font-size:13px;line-height:1.45;color:#e0e0e0;min-height:76px}.green{background:#4c9200}.purple{background:#71239a}.blue{background:#07598c}.orange{background:#ad4300}.about{display:grid;grid-template-columns:45% 55%;gap:30px;padding:0 0 28px;align-items:center}.about-image{height:350px;background:linear-gradient(135deg,#111037,#070a15 50%,#061728);border:1px solid #25334a;border-radius:13px;position:relative;overflow:hidden}.screen{position:absolute;inset:42px 36px 24px;background:#090e1b;border:1px solid #314d86;color:white;padding:18px;font:700 22px 'Space Grotesk';box-shadow:0 0 40px #792db5}.screen span{color:var(--orange)}.screen small{color:var(--cyan);font-size:10px}.code-lines{font:12px/2 monospace;color:#75b5ff;margin-top:47px}.little-cube{position:absolute;right:25px;top:18px;width:80px;height:80px;border:4px solid #ff4d30;box-shadow:inset 0 0 20px #004dff,0 0 26px #873cff;transform:rotate(30deg)}.about h2{text-align:left;margin-bottom:14px}.about-copy>p{line-height:1.5;margin-top:0}.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px}.principles>div{padding:0 13px;border-right:1px dotted #53616b}.principles>div:last-child{border:0}.principles i{font-size:31px;color:var(--cyan);font-style:normal}.principles div:nth-child(2) i{color:#ffae00}.principles div:nth-child(3) i{color:#e237ff}.principles div:nth-child(4) i{color:#99ec00}.principles h4{font-size:12px;margin:6px 0}.principles small{font-size:10px;color:#ddd}.why{border:1px solid #20323d;border-radius:14px;padding:20px 25px;margin-bottom:23px;background:#06090e}.why h2{margin-bottom:18px}.why>div{display:grid;grid-template-columns:repeat(4,1fr)}.why article{display:flex;gap:13px;border-right:1px dotted #56616a;padding:0 18px;color:var(--cyan);font-size:44px;align-items:center}.why article:nth-child(2){color:#ffb700}.why article:nth-child(3){color:#d738ff}.why article:nth-child(4){color:#b4ed00;border:0}.why p{font-size:11px;color:#ddd;line-height:1.45}.why strong{color:inherit;font-size:12px}.support{min-height:178px;border:1px solid #31254e;border-radius:14px;background:radial-gradient(circle at 20% 50%,#261337,transparent 30%),radial-gradient(circle at 85% 50%,#5d1a06,transparent 27%),#0a0b20;display:flex;align-items:center;justify-content:center;gap:35px;text-align:center;overflow:hidden}.support h2{font:700 27px 'Space Grotesk';margin:0}.support p{margin:5px 0 14px}.gradient{background:linear-gradient(90deg,#ff6c00,#e40152,#a13dd2)}.mug{font-size:100px;color:#ff3a88;text-shadow:0 0 25px #ff0066}.support-cube{width:75px;height:75px;border:3px solid var(--orange);box-shadow:inset 0 0 30px #ffb100,0 0 27px #ff5300;transform:rotate(30deg)}footer{margin-top:32px;padding:14px 22px 45px;display:grid;grid-template-columns:1.6fr 1fr 1.1fr 1.5fr;gap:30px;position:relative}footer>div:not(.footer-logo){border-left:1px solid #1f2c35;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:#d7d7d7}footer b{color:var(--cyan);font-size:11px}footer>div:nth-child(3) b{color:var(--orange)}footer>div:nth-child(4) b{color:var(--purple)}footer a{color:#ddd;text-decoration:none}.footer-logo{transform:scale(.8);transform-origin:top left}.footer-logo p{width:200px;font:13px/1.4 'DM Sans';letter-spacing:0;color:#bfc5c8}.copyright{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#707981;font-size:11px}
@media(max-width:800px){.navlinks,.socials{display:none}.nav{height:85px}.hero{min-height:780px}.hero-content{display:block}.hero-copy{padding-top:30px}.hero-art{height:395px;margin-top:20px}.brand-hero{font-size:54px}.boy{transform:scale(.8);transform-origin:top left;left:12%}.girl{transform:scale(.75);transform-origin:top right;right:4%}.services,.product-grid{grid-template-columns:1fr 1fr}.services article{padding:18px;border:0}.services article:last-child{grid-column:span 2}.about{grid-template-columns:1fr}.principles{grid-template-columns:1fr 1fr;gap:18px}.why>div{grid-template-columns:1fr 1fr;gap:20px}.why article{border:0;padding:0;font-size:34px}.support{padding:18px;gap:15px}.mug{display:none}footer{grid-template-columns:1fr 1fr}.footer-logo{grid-column:span 2}.copyright{bottom:12px}}@media(max-width:480px){.shell{width:min(100% - 28px,1200px)}.logo{transform:scale(.8);transform-origin:left}.hero h1{font-size:42px}.services,.product-grid{grid-template-columns:1fr}.services article:last-child{grid-column:auto}.product-grid{gap:14px}.product p{min-height:auto}.about-image{height:270px}.principles{grid-template-columns:1fr 1fr}.principles>div{padding:0 7px}.support-cube{display:none}.support h2{font-size:22px}footer{grid-template-columns:1fr;gap:18px}.footer-logo{grid-column:auto}footer>div:not(.footer-logo){border-left:0;padding-left:0}.hero-art{transform:scale(.85);transform-origin:left top;width:118%}}