/* Upcraftly dimensional edition. */
:root{--bg:#060910;--panel:#0b1322;--text:#eef3ff;--muted:#a5b4cc;--accent:#79aaff;--accent2:#b9d2ff;--light:#0a101c;--ink:#eef3ff;--line:#26364f;--shadow:0 24px 70px #0008}
body{background:var(--bg);color:var(--text)}body::selection{background:#89b4ff;color:#060910}
.top{background:#060910e8;border-color:#ffffff12}.brand{color:#eef3ff}.brand span{color:#79aaff}.navlinks{color:#b6c2d7}.navlinks a.is-current{color:#b9d2ff}.top.is-scrolled{background:#060910f5}
.primary{background:linear-gradient(125deg,#93beff,#3673d6 70%,#16478f);color:#fff;border:1px solid #9bc5ff80;box-shadow:inset 0 1px 2px #ffffff50,0 6px 24px #2363db26}.secondary{background:#ffffff04;color:#eaf1ff;border-color:#607291}.btn{border-radius:999px}.btn:focus-visible,a:focus-visible,button:focus-visible{outline-color:#a9cfff}
.hero{background:radial-gradient(ellipse at 76% 48%,#10306b60,transparent 45%),#060910;overflow:clip;padding:30px 0 0;position:relative}.hero:before{display:none}
.dimensional-wordmark{font-size:clamp(64px,12.3vw,180px);font-weight:900;letter-spacing:-.065em;line-height:.95;padding:10px 0 25px;background:linear-gradient(180deg,#596a88 0%,#d9e6ff 55%,#839bbc 100%);background-clip:text;-webkit-background-clip:text;color:transparent;white-space:nowrap}
.hero-grid{grid-template-columns:1fr 1fr;gap:48px;min-height:470px;align-items:center;padding-bottom:50px}.hero-grid>div:first-child{position:relative;z-index:2}.hero h1{font-size:clamp(38px,4.3vw,62px);max-width:650px;line-height:1.08;margin:18px 0 22px;letter-spacing:-.05em}.headline-line{color:#e9f0ff}.headline-line.accent-line{color:#8cb7ff}.hero p{color:#afbdd4;font-size:17px;max-width:460px}.studio-label{font-size:10px;letter-spacing:.15em;color:#afbdd4}.studio-label>span{background:#8bb7ff}.hero .mock{display:none}.hero .trust{margin-top:28px;color:#91a3be}.hero .trust strong{color:#e0eaff}.hero .actions{gap:12px}.hero .actions .btn{font-size:13px;padding:14px 20px}.hero .service-paths{margin-top:0;border-top:1px solid #29384e;padding-bottom:35px}.service-path{border-color:#29384e}.service-path strong{color:#e8efff}.service-path p{color:#a2b2cd}.path-arrow{background:#152b4e;color:#b8d2ff}
.sculpture{height:450px;position:relative;perspective:1000px;isolation:isolate;touch-action:pan-y}.sculpture:after{content:'';position:absolute;bottom:16px;left:14%;width:72%;height:40px;background:radial-gradient(ellipse,#2b68d84a,transparent 70%);transform:scaleY(.4);z-index:-1}.sculpture-stage{position:absolute;inset:0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform 400ms cubic-bezier(.23,1,.32,1);transform-style:preserve-3d}
.sculpture-halo{position:absolute;inset:24px 15px;border:1px solid #759fe124;border-radius:50%;transform:rotate(-20deg)}.sculpture-halo:after{content:'';position:absolute;inset:24px;border:1px dashed #759fe11c;border-radius:50%}
.sculpture-float{position:absolute;left:50%;top:52%;width:200px;height:200px;margin:-100px;transform-style:preserve-3d;animation:sculpture-float 7s ease-in-out infinite}
.brand-cube{width:200px;height:200px;position:relative;transform-style:preserve-3d;transform:rotateX(-17deg) rotateY(-32deg) rotateZ(-8deg)}
.cube-face{position:absolute;inset:0;border:1px solid #7ba9fc75;background:linear-gradient(145deg,#245ec5,#091a3c 72%);border-radius:18px;box-shadow:inset 0 0 22px #67a2ff20;backface-visibility:hidden}.cube-front{transform:translateZ(100px);display:grid;place-items:center;background:radial-gradient(ellipse at 15% 0%,#73a5fa,#1a4388 45%,#07172f)}.cube-front span{font-size:158px;line-height:1;font-weight:900;color:#b9d3ff;text-shadow:1px 2px #7399cd,2px 4px #365883,4px 7px #172d4c,5px 10px 15px #0009;transform:translateZ(8px)}.cube-back{transform:rotateY(180deg) translateZ(100px)}.cube-right{transform:rotateY(90deg) translateZ(100px);background:linear-gradient(130deg,#173974,#030912)}.cube-left{transform:rotateY(-90deg) translateZ(100px)}.cube-top{transform:rotateX(90deg) translateZ(100px);background:linear-gradient(140deg,#a9caff,#3564af 40%,#102a59)}.cube-bottom{transform:rotateX(-90deg) translateZ(100px)}
.chrome-orb{position:absolute;width:105px;height:105px;right:7%;top:24px;border-radius:50%;background:radial-gradient(circle at 31% 24%,#fff 0,#d9e9ff 6%,#7697c9 21%,#182e54 42%,#020711 62%,#2e5fa0 80%,#b0ccf5 95%);box-shadow:inset -7px -9px 12px #0009,0 18px 35px #0005;animation:orb-float 8s ease-in-out infinite}.chrome-orb.small{width:48px;height:48px;top:auto;right:auto;left:9%;bottom:80px;animation-delay:-3s}
.sculpture-ring{position:absolute;left:4%;top:33%;width:92%;height:100px;border:9px solid #72a0ec;border-top-color:#bddeff;border-bottom-color:#142b52;border-radius:50%;transform:rotate(-24deg);box-shadow:0 4px 0 #142b52,inset 0 4px 0 #283e64,0 12px 24px #0004;pointer-events:none}.sculpture-ring.back-ring{transform:rotate(48deg);border-width:2px;z-index:-1;top:30%;height:180px;border-color:#5087d74d;box-shadow:none}
.scene-label{position:absolute;left:16px;bottom:5px;color:#8da7cb;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.motion-toggle{position:absolute;right:6px;bottom:0;padding:10px 14px;min-height:44px;color:#c5d7f2;background:#101e33;border:1px solid #344968;border-radius:99px;font-size:11px;z-index:5}.motion-paused .sculpture-float,.motion-paused .chrome-orb{animation-play-state:paused}
@keyframes sculpture-float{0%,100%{transform:translateY(0) rotateZ(-2deg)}50%{transform:translateY(-17px) rotateZ(3deg)}}@keyframes orb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(15px)}}
.light,.work,#process,#pricing,.faq{background:#0a101c;color:#eef3ff}.light{border-radius:44px 44px 0 0}.work{background:#060910}.kicker,.work .kicker,.num{color:#92baff}.lead,.work .lead,.pricing-note,.price-term{color:#a7b7ce}h2{font-size:clamp(40px,6.5vw,84px);letter-spacing:-.05em;line-height:1.02;color:#e4edff}.card,.pricecard,.project-copy{background:#0e1828;border-color:#27374f;color:#eef3ff}.card h3,.pricecard h3,.price,.project-copy h3{color:#eff4ff}.card p,.pricecard p,.pricecard ul,.project-copy p{color:#aabbd3}.pricecard.featured{background:linear-gradient(155deg,#1b3155,#0e1828);border-color:#7caaff}.package-link{color:#bdd5ff}.project{background:#0d1626;border:1px solid #344660;border-radius:36px;padding:12px;overflow:hidden}.project-copy{border:0;background:transparent}.project-visual{background:radial-gradient(ellipse at top,#253f67,#0b1424);border-color:#364866;border-radius:26px;perspective:1000px}.project-visual>.browser{transform:rotateY(-8deg) rotateX(4deg);box-shadow:16px 24px 35px #0006;transition:transform 500ms cubic-bezier(.23,1,.32,1)}.project:hover .project-visual>.browser{transform:rotateY(0) rotateX(0)}.project-visual-caption{color:#d2def3}.project-visual-caption small,.concept-label{color:#a3b8d5}.case-brief{border-color:#35465f}.deliverables{color:#c2d3ee}.deliverables li{border-color:#7caaff}.status{color:#b8d3ff}.status:before{background:#8fbaff}.project-img{border-radius:24px}
.service-art{background:linear-gradient(145deg,#193358,#0b182e);border-color:#29446a}.mini-window,.after-window,.build-block{background:#172942;border-color:#43648d;color:#c2d9ff}.service-art b,.care-ring span{color:#bbd6ff}.care-ring{border-color:#7aa6e5}.care-label{color:#edf4ff}.care-label span{color:#a6bddc}.build-block span{background:#719ee0}
.fi-promo{background:radial-gradient(ellipse at 85% 20%,#153568,#091222 65%);border-top:1px solid #263957;border-bottom:1px solid #263957}.fi-promo:after{display:none}.fi-promo p{color:#b8c9e2}.dashboard{background:#101c30;border-color:#37527a;box-shadow:0 32px 64px #0007;transform:perspective(1000px) rotateY(-4deg)}.report-tabs button[aria-pressed=true]{background:#adcfff;color:#091222}.chart-bar{background:linear-gradient(#a4cbff,#3a73d4)}.metric-summary strong{color:#eef4ff}.report-tabs button{color:#c7d8f2}.sample-data{color:#c3d2e9}
.faq summary,.faq h2{color:#e9f1ff}.faq details{border-color:#344862}.faq details p{color:#acbdd5}.cta{background:radial-gradient(ellipse at 0% 0%,#193b72,#0d1d36 65%);color:#eef4ff;border-top:1px solid #3e5a82}.next-steps{border-color:#49648a}.enquiry-form{background:#070f1e;border-color:#385071}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{background:#111e32;border-color:#465d80;color:#e9f1ff}.contact-intro,.ctabox p{color:#bfd0e8}footer{background:#050810;border-color:#23334e;color:#9caccc}.footergrid a:hover,.navlinks a:hover{color:#bcd8ff}.sample-note,.report-insight{color:#b7cae5}
#services .card,#services .card+.card{background:#0e1828;border-color:#27374f;border-radius:22px}#services h2,#work h2{font-size:clamp(40px,6.5vw,84px)}.report-switch{background:#070f1e}.report-switch button{color:#bacce8}.report-switch button[aria-pressed=true]{background:#a9cdff;color:#081328}.metric-heading,.dashboard-top,.dashboard-period,.chart-grid,.chart-column>span{color:#a9bddb}.metric-summary>span{color:#b2cefa}.chart-column:last-child .chart-bar{background:#9dc6ff}.chart-grid span:after{border-color:#304564}.report-insight{background:#14243c;border-color:#355071}.report-insight>span{color:#adcfff}.fi-promo .report-insight p,.sample-data caption{color:#b7cae5}.sample-data,.sample-data th,.sample-data td{border-color:#304564}.dashboard-top{border-color:#355071}.service-path:hover .path-arrow{background:#87b5ff;color:#091222}
.work .btn.secondary,.light .btn.secondary{color:#d9e8ff;border-color:#6081b0;background:#15233a}.project-copy .status,.fi-brand,.fi-brand span,.fi-promo .kicker{color:#a8caff}.navlinks a:after{background:#91bcff}.build-block:last-child{background:#427cd5;color:#edf4ff}.after-window i,.after-window span:last-child{background:#93bcfa}.redesign-art b{color:#b8d2ff}.dashboard-mark{background:#1c355b;color:#bdd9ff}.dashboard-top>span:nth-child(2),.dashboard-top small{color:#b6c9e4}.btn:active{background:#315f9d}.pricecard .num,#process .num{color:#a1c4fa}
@media(min-width:1100px) and (min-height:950px){.project{top:100px}.project.concept{top:135px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:25px}.hero h1{font-size:clamp(38px,7vw,58px);max-width:650px}.hero p{max-width:580px}.sculpture{height:400px;width:min(540px,100%);justify-self:center}.hero .actions .btn{width:auto}.hero .trust{gap:22px}.dashboard{transform:none}.hero .service-paths{padding-top:10px}.dimensional-wordmark{font-size:12.1vw}.navlinks{background:#0c1729}.project-visual>.browser{transform:none}}
@media(max-width:600px){.hero{padding-top:24px}.dimensional-wordmark{font-size:12vw;padding-bottom:30px}.hero h1{font-size:40px}.hero .actions{flex-direction:column}.hero .actions .btn{width:100%}.sculpture{height:340px;margin-top:15px}.sculpture-stage{scale:.8}.sculpture-halo{inset:0 -10px}.sculpture-float{top:50%}.chrome-orb{right:0;top:0}.chrome-orb.small{left:0;bottom:50px}.scene-label{font-size:8px;left:0}.motion-toggle{right:0}.light{border-radius:28px 28px 0 0}.project{padding:0;border-radius:24px}.project-copy{padding:24px}.project-visual{margin:0 10px 10px;padding:15px}.service-path p{font-size:14px}h2{font-size:42px}.service-art{height:150px}}
@media(prefers-reduced-motion:reduce){.sculpture-float,.chrome-orb{animation:none}.sculpture-stage{transform:none!important}.motion-toggle{display:none}.project-visual>.browser{transform:none}.dashboard{transform:none}}