:root{--ink:#171717;--paper:#fffef8;--blue:#bfe9ff;--blue2:#e7f8ff;--green:#b9e769;--green2:#ecffc9;--pink:#ff7eaa;--yellow:#ffe682;--line:#171717;--shadow:6px 6px 0 var(--ink)}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px} :focus-visible{outline:3px solid #195b98;outline-offset:5px} [hidden]{display:none!important}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}
    a{color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.pixel{font-family:"Courier New",monospace;font-weight:800;letter-spacing:-.04em}.tiny{font-family:"Courier New",monospace;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
    .topbar{position:sticky;top:0;z-index:20;border-bottom:2px solid var(--line);background:rgba(255,254,248,.94);backdrop-filter:blur(12px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:1.22rem;text-decoration:none;background:var(--green);padding:8px 12px;border:2px solid var(--line);box-shadow:3px 3px 0 var(--ink)}.navlinks{display:flex;gap:24px;align-items:center}.navlinks a{text-decoration:none;font-weight:800}.navlinks a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.nav-cta{background:var(--pink);padding:9px 14px;border:2px solid var(--line);box-shadow:3px 3px 0 var(--ink)}
    .hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding:76px 0 90px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--blue2);border:2px solid var(--line);border-radius:99px;padding:7px 13px;margin-bottom:22px}.dot{width:10px;height:10px;border-radius:50%;background:#34b05a;border:1px solid var(--ink)}h1{font-size:clamp(3.3rem,8vw,7.4rem);line-height:.86;letter-spacing:-.075em;margin:0 0 28px;max-width:780px}.highlight{position:relative;display:inline-block;z-index:0}.highlight:after{content:"";position:absolute;height:.23em;left:-.02em;right:-.02em;bottom:.04em;background:var(--green);z-index:-1;transform:rotate(-1deg)}.lede{font-size:clamp(1.15rem,2vw,1.45rem);max-width:650px;margin:0 0 30px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:11px 19px;border:2px solid var(--line);font-weight:900;text-decoration:none;background:var(--paper);box-shadow:4px 4px 0 var(--ink);transition:.15s}.btn:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn-primary{background:var(--pink)}
    .desktop{position:relative;min-height:500px}.window{border:2px solid var(--line);background:white;box-shadow:var(--shadow);position:absolute}.window-main{width:min(100%,390px);right:5px;top:20px;transform:rotate(2deg)}.titlebar{height:38px;border-bottom:2px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--blue)}.traffic{display:flex;gap:6px}.traffic i{display:block;width:11px;height:11px;border:1.5px solid var(--line);border-radius:50%}.traffic i:nth-child(1){background:var(--pink)}.traffic i:nth-child(2){background:var(--yellow)}.traffic i:nth-child(3){background:var(--green)}.window-body{padding:24px}.portrait{aspect-ratio:4/3;border:2px solid var(--line);background:linear-gradient(180deg,var(--blue) 0 58%,var(--green2) 58%);position:relative;overflow:hidden;display:grid;place-items:center}.portrait:before{content:"REB";font-size:6rem;font-weight:1000;letter-spacing:-.1em;color:white;text-shadow:3px 3px 0 var(--ink)}.portrait:after{content:"tech • games • stories";position:absolute;bottom:14px;background:var(--paper);border:2px solid var(--line);padding:5px 10px;font-family:"Courier New",monospace;font-weight:800}.mini-window{left:0;bottom:34px;width:215px;transform:rotate(-4deg);z-index:2}.mini-body{padding:18px;background:var(--yellow);font-family:"Courier New",monospace;font-weight:800}.sticker{position:absolute;right:-22px;bottom:15px;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--pink);border:2px solid var(--line);font-weight:1000;transform:rotate(12deg);box-shadow:4px 4px 0 var(--ink)}
    .marquee{border-block:2px solid var(--line);background:var(--ink);color:white;overflow:hidden;white-space:nowrap}.track{display:flex;width:max-content;min-width:200%;padding:13px 0;animation:marquee 22s linear infinite;font-family:"Courier New",monospace;font-weight:900}.ticker-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw;gap:36px;padding-inline:18px}.ticker-group b{font:inherit}.ticker-group span{color:var(--green)}@keyframes marquee{to{transform:translateX(-50%)}}
    section{padding:100px 0;border-bottom:2px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}.kicker{display:inline-block;background:var(--yellow);border:2px solid var(--line);padding:5px 9px;margin-bottom:12px}.section-head h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:.95;letter-spacing:-.06em;margin:0}.section-note{max-width:420px;font-size:1.08rem}
    .filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter{border:2px solid var(--line);border-radius:999px;background:white;padding:9px 15px;font:800 .9rem "Courier New",monospace;cursor:pointer}.filter:hover,.filter.active{background:var(--green)}.samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sample{border:2px solid var(--line);background:white;box-shadow:5px 5px 0 var(--ink);transition:.18s}.sample:hover{transform:translateY(-6px)}.video-frame{width:100%;padding:0;border:0;cursor:pointer;aspect-ratio:9/12;background:linear-gradient(150deg,var(--blue2),var(--blue));border-bottom:2px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.video-frame.gaming{background:linear-gradient(150deg,#f6d5ff,#d9b6ff)}.video-frame.ai{background:linear-gradient(150deg,var(--green2),var(--green))}.phone-lines{position:absolute;inset:12%;border:2px solid var(--line);background:rgba(255,255,255,.55)}.play{z-index:2;width:70px;height:70px;border-radius:50%;border:2px solid var(--line);background:var(--pink);display:grid;place-items:center;font-size:1.5rem;box-shadow:4px 4px 0 var(--ink)}.sample-copy{padding:18px}.tag{font:800 .75rem "Courier New",monospace;background:var(--yellow);border:1.5px solid var(--line);padding:4px 7px;display:inline-block}.sample h3{margin:12px 0 5px;font-size:1.25rem}.sample p{margin:0;color:#555}
    .services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{border:2px solid var(--line);padding:24px;background:white}.service:nth-child(2n){background:var(--blue2)}.service:nth-child(3){background:var(--green2)}.service-num{font:900 .85rem "Courier New",monospace;color:#555}.service h3{font-size:1.45rem;margin:24px 0 8px}.service p{margin:0}
    .about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.about-card{border:2px solid var(--line);background:var(--blue);box-shadow:var(--shadow);padding:30px;position:sticky;top:100px}.about-card h3{font-size:2.2rem;line-height:1;margin:0 0 20px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:2px solid var(--line);background:var(--paper);padding:7px 10px;font:800 .78rem "Courier New",monospace}.story{font-size:clamp(1.25rem,2vw,1.6rem)}.story p:first-child{margin-top:0}.why{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}.why div{border:2px solid var(--line);padding:18px;background:white}.why strong{display:block;margin-bottom:5px}
    .contact{background:var(--green)}.contact-box{border:2px solid var(--line);background:var(--paper);box-shadow:10px 10px 0 var(--ink);padding:clamp(28px,6vw,70px);text-align:center}.contact-box h2{font-size:clamp(2.7rem,7vw,6rem);letter-spacing:-.07em;line-height:.9;margin:12px 0 24px}.contact-box p{font-size:1.2rem;max-width:580px;margin:0 auto 30px}.socials{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.socials a{font-weight:900}.footer{padding:28px 0;background:var(--ink);color:white}.footer .shell{display:flex;justify-content:space-between;gap:20px;align-items:center}.future-section{display:none!important}
    .modal{position:fixed;inset:0;background:rgba(23,23,23,.55);z-index:50;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{width:min(520px,100%);border:2px solid var(--line);background:var(--paper);box-shadow:10px 10px 0 var(--ink)}.modal-content{padding:30px}.modal-content h3{font-size:2rem;margin:0 0 10px}.modal-close{border:0;background:transparent;font-size:1.3rem;cursor:pointer;font-weight:900}
    @media(max-width:820px){.navlinks a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;gap:24px;padding-top:60px}.desktop{min-height:430px}.window-main{right:5%;width:82%}.mini-window{left:2%}.samples,.services{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.about-card{position:static}.section-head{align-items:start;flex-direction:column}.why{grid-template-columns:1fr}}
    @media(max-width:560px){.shell{width:min(100% - 22px,1180px)}.hero{min-height:auto}.desktop{min-height:380px}.window-main{width:88%;right:0}.mini-window{width:175px}.sticker{width:88px;height:88px;right:0}.samples,.services{grid-template-columns:1fr}section{padding:72px 0}.footer .shell{align-items:flex-start;flex-direction:column}.track{animation-duration:15s}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{animation:none}.sample,.btn{transition:none}}
