:root{--ink:#08294e;--deep:#061f3d;--blue:#2a8cd4;--blue-light:#58b5eb;--paper:#f2f5ef;--yellow:#ffcb3d;--line:#ffffff3b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--blue);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border-radius:10px}a{color:inherit;text-decoration:none}::selection{background:var(--yellow);color:var(--deep)}.ocean{pointer-events:none;z-index:-1;background:linear-gradient(145deg,#1174bd 0%,#3aa2df 48%,#1380c6 100%);position:fixed;inset:0;overflow:hidden}.ocean:before{content:"";opacity:.22;background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.ocean div{border:1px solid #ffffff1f;width:38vw;height:38vw;animation:18s ease-in-out infinite alternate oceanDrift;position:absolute;transform:rotate(45deg)}.ocean div:first-child{top:22vh;left:-12vw}.ocean div:nth-child(2){animation-duration:24s;animation-delay:-6s;top:-8vh;right:-18vw}.ocean div:nth-child(3){animation-duration:30s;animation-delay:-10s;bottom:-34vw;right:20vw}@keyframes oceanDrift{to{transform:rotate(45deg)translate(20px,-16px)}}.site-header{z-index:30;color:#fff;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1276b89e;align-items:center;height:82px;padding:0 clamp(24px,5vw,82px);display:flex;position:sticky;top:0}.brand{align-items:center;display:flex}.pixeluk-logo{color:#fff;letter-spacing:-.08em;align-items:flex-end;font-size:31px;font-weight:900;line-height:.8;display:inline-flex;position:relative}.logo-pixels{flex:none;width:.65em;height:.82em;margin-right:.08em;position:relative}.logo-pixels i{width:.34em;height:.34em;image-rendering:pixelated;background:linear-gradient(135deg,#744dff,#f04dad);position:absolute}.logo-pixels i:first-child{bottom:0;left:0}.logo-pixels i:nth-child(2){width:.52em;height:.52em;bottom:.31em;left:.31em}.logo-pixels i:nth-child(3){width:.17em;height:.17em;bottom:.73em;left:.73em}.logo-pixel{transform-origin:100% 100%;text-shadow:1px 0;font-family:Courier New,Courier,monospace;font-weight:900;transform:scaleX(.92)}.logo-uk{color:#ffcb3d;letter-spacing:-.11em;border-left:.1em solid #ffcb3d;margin-left:.1em;padding-left:.13em;font-family:Arial Black,Arial,sans-serif;font-size:.87em}.site-header nav{gap:34px;font-size:13px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.site-header nav a{border-radius:8px;padding:9px 7px;position:relative}.site-header nav a:after{content:"";background:#fff;height:2px;transition:right .25s;position:absolute;bottom:0;left:0;right:100%}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0}.header-cta{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.07em;background:0 0;border:1px solid #fff9;border-radius:12px;margin-left:auto;padding:11px 18px;font-size:12px;font-weight:800;transition:all .2s}.header-cta:hover{color:var(--ink);background:#fff}.menu-button{display:none}.hero{color:#fff;grid-template-columns:minmax(410px,.78fr) minmax(480px,1.22fr);align-items:center;gap:clamp(34px,6vw,100px);max-width:1540px;min-height:calc(100vh - 82px);margin:0 auto;padding:clamp(46px,6vw,92px) clamp(24px,5vw,82px) 40px;display:grid}.hero-copy{padding-bottom:14px}.eyebrow{color:#ffffffd4;letter-spacing:.19em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 22px;font-size:11px;font-weight:800;display:flex}.eyebrow span{background:var(--yellow);width:28px;height:2px}.eyebrow.dark{color:#45617d}.hero h1{letter-spacing:-.075em;text-transform:uppercase;max-width:700px;margin:0;font-size:clamp(57px,7vw,104px);font-weight:900;line-height:.88}h1 em,h2 em{color:var(--yellow);letter-spacing:-.045em;font-family:Georgia,serif;font-weight:400}.intro{color:#ffffffd1;max-width:510px;margin:30px 0 0;font-size:clamp(17px,1.35vw,21px);line-height:1.55}.hero-actions{align-items:center;gap:27px;margin-top:34px;display:flex}.primary{border:1px solid var(--yellow);color:var(--yellow);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;box-shadow:none;background:0 0;border-radius:13px;padding:16px 22px;font-size:12px;font-weight:900;transition:background .18s,color .18s,border-color .18s}.primary:hover{background:#ffcb3d21}.hero-actions a{text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:800}.hero-actions a span{margin-left:10px}.live-stats{border-top:1px solid var(--line);gap:clamp(18px,3vw,50px);margin-top:52px;padding-top:22px;display:flex}.live-stats div{flex-direction:column;gap:5px;display:flex}.live-stats strong{letter-spacing:-.03em;font-size:18px}.live-stats span{color:#ffffffa1;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.map-stage{border:1px solid var(--line);background:radial-gradient(circle at 50% 47%,#ffffff29,#0000 55%);border-radius:28px;min-width:0;height:min(75vh,790px);min-height:560px;position:relative;overflow:hidden}.map-stage:before,.map-stage:after{content:"";z-index:-1;background:var(--line);position:absolute}.map-stage:before{height:1px;top:52%;left:-12px;right:-12px}.map-stage:after{width:1px;top:0;bottom:0;left:50%}.map-status{z-index:4;color:#fff;letter-spacing:.14em;align-items:center;gap:8px;font-size:9px;font-weight:900;display:flex;position:absolute;top:0;left:16px;right:16px}.map-status b{color:#ffffff94;letter-spacing:.08em;margin-left:auto;font-weight:600}.map-selection-total{z-index:7;color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051f3dd6;border:1px solid #ffffff38;border-radius:11px;align-items:center;gap:12px;padding:9px 12px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:43px;left:16px;transform:translateY(-5px)}.map-selection-total.is-visible{opacity:1;transform:translateY(0)}.map-selection-total span{color:#ffffffa6;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:800}.map-selection-total strong{color:var(--yellow);font-size:15px}.pulse{background:#56f0a8;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 0 4px #56f0a824}@keyframes pulse{50%{box-shadow:0 0 0 8px #56f0a800}}.map-wrap{position:absolute;inset:24px 0 34px;overflow:hidden}.pixel-map,.pixel-ripples{width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-ripples{z-index:1;pointer-events:none;image-rendering:pixelated}.pixel-map{z-index:2;touch-action:none;cursor:crosshair}.pixel-map.is-panning{cursor:grabbing}.zoom-controls{z-index:5;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#051f3ddb;border:1px solid #ffffff3d;border-radius:14px;grid-template-columns:34px 56px 34px;display:grid;position:absolute;top:15px;right:15px;overflow:hidden;box-shadow:4px 4px #051f3d3d}.zoom-controls button,.zoom-controls output{min-height:34px;color:inherit;background:0 0;border:0;border-right:1px solid #ffffff29;place-items:center;font-size:16px;font-weight:800;display:grid}.zoom-controls button{cursor:pointer;transition:background .18s,color .18s}.zoom-controls button:hover:not(:disabled){background:var(--yellow);color:var(--deep)}.zoom-controls button:disabled{opacity:.35;cursor:default}.zoom-controls output{letter-spacing:.06em;font-size:9px}.zoom-controls .zoom-reset{letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #ffffff29;border-right:0;grid-column:1/-1;min-height:27px;font-size:8px}.pixel-tooltip{z-index:4;color:#fff;opacity:0;pointer-events:none;border-left:3px solid var(--yellow);background:#051f3deb;border-radius:0 11px 11px 0;min-width:154px;padding:11px 13px;transition:all .15s;position:absolute;top:46%;right:3%;transform:translateY(6px)}.pixel-tooltip.is-visible{opacity:1;transform:translateY(0)}.pixel-tooltip strong,.pixel-tooltip span{display:block}.pixel-tooltip strong{margin-bottom:4px;font-size:11px}.pixel-tooltip span{color:#ffffffa3;font-size:9px}.map-key{z-index:4;color:#ffffffb8;text-transform:uppercase;letter-spacing:.08em;gap:15px;font-size:9px;display:flex;position:absolute;bottom:2px;left:16px}.map-key span{align-items:center;gap:5px;display:flex}.key-dot{border-radius:2px;width:7px;height:7px;display:inline-block}.key-dot.available{background:#e8f2ef}.key-dot.owned{background:#ff6257}.key-dot.chosen{background:var(--yellow)}.map-instruction{text-align:center;color:#ffffffa1;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:9px;position:absolute;bottom:1px;left:0;right:0}.ticker{background:var(--yellow);color:var(--deep);white-space:nowrap;border-top:4px solid var(--deep);border-bottom:4px solid var(--deep);overflow:hidden}.ticker div{letter-spacing:.12em;padding:13px 0;font-size:12px;font-weight:900;animation:25s linear infinite ticker}.ticker span{margin:0 24px}@keyframes ticker{to{transform:translate(-40%)}}.content-section{background:var(--paper);padding:110px clamp(24px,7vw,110px)}.about-section{grid-template-columns:160px minmax(300px,.8fr) minmax(420px,1fr);align-items:start;gap:clamp(28px,6vw,95px);display:grid}.section-number{color:#75879a;letter-spacing:.12em;font-size:10px;font-weight:800}.section-copy h2,.why-card h2{letter-spacing:-.065em;margin:0;font-size:clamp(46px,5.2vw,78px);line-height:.92}.section-copy>p:last-child{color:#4b647b;margin-top:30px;font-size:17px;line-height:1.65}.steps{border-top:1px solid #bfc9c3}.steps article{border-bottom:1px solid #bfc9c3;grid-template-columns:45px 130px 1fr;gap:15px;padding:27px 0;display:grid}.steps b,.steps p{color:#6c7f91}.steps b{padding-top:5px;font-size:10px}.steps h3{letter-spacing:-.03em;margin:0;font-size:22px}.steps p{margin:0;font-size:14px;line-height:1.55}.why-section{background:var(--deep);color:#fff;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(50px,8vw,120px);padding:100px clamp(24px,7vw,110px);display:grid}.why-card>p:not(.eyebrow){color:#ffffffa8;max-width:510px;margin:29px 0 32px;font-size:17px;line-height:1.65}.primary.light{box-shadow:none}.benefit-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.benefit-grid article{border:1px solid #ffffff2e;border-radius:18px;min-height:220px;padding:26px;transition:background .22s,border-color .22s,color .22s,transform .22s}.benefit-grid span{color:var(--yellow);font-size:10px}.benefit-grid h3{margin:60px 0 9px;font-size:23px}.benefit-grid p{color:#ffffff94;font-size:13px;line-height:1.5}.benefit-grid article:hover,.benefit-grid article:focus-within{background:var(--yellow);border-color:var(--yellow);color:var(--deep);transform:translateY(-3px)}.benefit-grid article:hover span,.benefit-grid article:focus-within span,.benefit-grid article:hover p,.benefit-grid article:focus-within p{color:var(--deep)}footer{color:#fff;background:#03162c;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:58px clamp(24px,7vw,110px) 28px;display:grid}.footer-brand{font-size:39px}footer>p{color:#ffffff8f;font-family:Georgia,serif;font-style:italic}footer>div:nth-child(3){text-transform:uppercase;gap:25px;font-size:11px;font-weight:800;display:flex}footer small{color:#fff6;letter-spacing:.09em;text-transform:uppercase;border-top:1px solid #ffffff1f;grid-column:1/-1;padding-top:25px;font-size:9px}.selection-dock{z-index:40;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041c37f5;border:1px solid #ffffff2e;border-radius:18px;align-items:center;gap:16px;width:min(1100px,100% - 30px);min-height:74px;padding:11px 12px 11px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 15px 55px #0000004d}.selection-dock>div:first-child{align-items:center;gap:10px;min-width:164px;display:flex}.selection-dock>div:first-child>span{background:var(--yellow);width:43px;height:43px;color:var(--deep);border-radius:12px;place-items:center;font-size:18px;font-weight:900;display:grid}.selection-dock p{flex-direction:column;gap:3px;margin:0;display:flex}.selection-dock p strong{font-size:12px}.selection-dock p small{color:#ffffff80;font-size:9px}.palette{flex-wrap:wrap;gap:6px;width:238px;padding:0 5px;display:flex}.palette button{cursor:pointer;border:2px solid #0000;border-radius:6px;width:21px;height:21px}.palette button.active{outline-offset:2px;outline:2px solid #fff}.custom-colour{cursor:pointer;background:conic-gradient(#ff6257,#ffcb3d,#4fe3a4,#22c8eb,#9e7bff,#ff6257);border:2px solid #fff;border-radius:6px;width:21px;height:21px;position:relative;overflow:hidden}.custom-colour span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.custom-colour input{opacity:0;cursor:pointer;width:40px;height:40px;position:absolute;inset:-8px}.dock-total{flex-direction:column;margin-left:auto;display:flex}.dock-total span{color:#ffffff80;font-size:9px}.dock-total strong{font-size:20px}.dock-clear{color:#fff9;cursor:pointer;background:0 0;border:0;font-size:10px;text-decoration:underline}.dock-buy{border:1px solid var(--yellow);color:var(--yellow);text-transform:uppercase;letter-spacing:.07em;cursor:pointer;background:0 0;border-radius:12px;align-self:stretch;padding:0 22px;font-size:11px;font-weight:900;transition:background .18s}.dock-buy:hover{background:#ffcb3d21}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#021122c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);width:min(540px,100%);max-height:calc(100vh - 40px);color:var(--ink);border:4px solid var(--deep);box-shadow:10px 10px 0 var(--yellow);border-radius:24px;padding:44px;position:relative;overflow-y:auto}.purchase-modal{box-shadow:none;border:0}.modal-close{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #b9c4bd;border-radius:9px;padding:7px 9px;font-size:8px;font-weight:900;position:absolute;top:14px;right:16px}.modal h2{letter-spacing:-.05em;margin:10px 0;font-size:43px;line-height:1}.modal h3{color:#47627c;font-family:Georgia,serif;font-style:italic;font-weight:400}.modal>p:not(.eyebrow){color:#5c7185;line-height:1.55}.owner-swatch{float:right;border:3px solid var(--deep);border-radius:16px;place-items:center;width:80px;height:80px;font-size:11px;font-weight:900;display:grid}.modal-link{margin-top:12px;display:inline-block}.purchase-note{border-bottom:1px solid #ccd3ce;padding-bottom:18px}.purchase-modal label{text-transform:uppercase;letter-spacing:.08em;margin:16px 0;font-size:10px;font-weight:900;display:block}.purchase-modal input{width:100%;color:var(--ink);background:#fff;border:1px solid #aebcb5;border-radius:10px;margin-top:7px;padding:13px;display:block}.purchase-selection{background:#fff;border:1px solid #ccd3ce;border-radius:13px;align-items:center;gap:13px;padding:13px;display:flex}.purchase-colour{border:2px solid var(--deep);border-radius:10px;flex:0 0 42px;width:42px;height:42px}.purchase-selection p{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.purchase-selection strong{font-size:11px}.purchase-selection small{color:#65798b;font-size:9px;line-height:1.4;overflow:hidden}.purchase-summary{border-top:1px solid #ccd3ce;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;display:flex}.purchase-summary span{color:#65798b;font-size:12px}.purchase-summary strong{font-size:26px}.purchase-button{width:100%;margin-top:20px}.purchase-modal .purchase-button,.owner-modal .primary{color:var(--deep);border-color:#c89500}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media (width<=1050px){.hero{grid-template-columns:.78fr 1.22fr;gap:24px}.about-section{grid-template-columns:110px 1fr}.steps{grid-column:2}.selection-dock{gap:10px}.palette{width:184px}.palette button,.custom-colour{width:18px;height:18px}}@media (width<=760px){.site-header{height:68px;padding:0 19px}.pixeluk-logo{font-size:27px}.menu-button{color:#fff;text-transform:uppercase;background:0 0;border:1px solid #ffffff80;margin-left:auto;padding:8px 11px;font-size:10px;display:block}.site-header nav{background:var(--deep);gap:9px;padding:16px;display:none;top:61px;left:12px;right:12px;transform:none;box-shadow:0 15px 30px #0003}.site-header nav.is-open{display:flex}.site-header nav a{text-align:center;flex:1}.header-cta{display:none}.hero{flex-direction:column;align-items:stretch;gap:28px;min-height:0;padding:55px 19px 32px;display:flex}.hero h1{font-size:clamp(58px,17vw,82px)}.intro{max-width:90%;font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.live-stats{justify-content:space-between;gap:9px;margin-top:38px}.live-stats strong{font-size:15px}.live-stats span{font-size:7px}.map-stage{border:1px solid var(--line);height:72vh;min-height:560px}.map-wrap{inset:32px -4px 40px}.map-key{gap:9px;font-size:7px}.pixel-tooltip{min-width:130px;top:43%;right:6px}.map-instruction{padding:0 58px;font-size:7px;line-height:1.4}.zoom-controls{grid-template-columns:31px 47px 31px;top:9px;right:9px}.content-section{padding:76px 22px}.about-section{display:block}.section-number{margin-bottom:40px}.section-copy h2,.why-card h2{font-size:51px}.section-copy>p:last-child{font-size:15px}.steps{margin-top:55px}.steps article{grid-template-columns:30px 1fr}.steps article p{grid-column:2}.steps h3{font-size:20px}.why-section{grid-template-columns:1fr;padding:76px 22px}.benefit-grid article{min-height:190px;padding:18px}.benefit-grid h3{margin-top:45px;font-size:20px}footer{grid-template-columns:1fr}.footer-brand{font-size:40px}footer>p{margin:0}footer small{grid-column:1}.selection-dock{flex-wrap:wrap;width:calc(100% - 16px);min-height:97px;padding:7px;bottom:8px}.selection-dock>div:first-child{min-width:0}.selection-dock>div:first-child>span{width:40px;height:40px}.selection-dock p small,.dock-clear,.dock-total{display:none}.dock-buy{min-height:45px;margin-left:auto;padding:0 13px}.dock-buy span{display:none}.palette{scrollbar-width:thin;flex-wrap:nowrap;order:3;width:100%;padding:4px 3px 3px;overflow-x:auto}.palette button,.custom-colour{flex:0 0 24px;width:24px;height:24px}.modal{padding:38px 24px 28px}.modal h2{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}