@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090c12;--surface:#111720;--surface-2:#17202b;--ink:#eef1f4;--muted:#97a3b2;--line:rgba(255,255,255,.12);--lime:#ba68ec;--lime-hover:#c991f2;--violet:#a99bff;--orange:#ff977c;--radius:24px;--shadow:0 25px 80px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'DM Sans',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:'Space Grotesk','Arial',sans-serif;line-height:1.07;letter-spacing:-.055em}h1{font-size:clamp(3.7rem,9vw,9.2rem);letter-spacing:-.085em}h2{font-size:clamp(2.7rem,5vw,5.5rem)}h3{font-size:clamp(1.35rem,2vw,2rem)}p{color:#b7c0cc}.container{width:min(1190px,calc(100% - 56px));margin:0 auto}.narrow{max-width:740px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:24px;z-index:999;background:var(--lime);color:#090c12;padding:12px}.skip-link:focus{top:12px}.muted{color:var(--muted)}.small{font-size:.8rem}.accent{color:var(--lime)}.eyebrow{font-family:'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;font-weight:700;color:var(--lime);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:20px;height:2px;background:var(--lime)}.section{padding:108px 0}.section-muted{background:#0c1118}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.section-heading h2{margin:14px 0 0}.section-heading p{max-width:340px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:transparent;border:1px solid var(--line);border-radius:999px;padding:16px 24px;min-height:54px;color:var(--ink);font-weight:800;font-size:.91rem;transition:transform .2s,background .2s,color .2s;white-space:nowrap}.button:hover{transform:translateY(-2px);background:#222d35}.button-primary{background:var(--lime);color:#111; border-color:var(--lime)}.button-primary:hover{background:var(--lime-hover)}.button-sm{min-height:43px;padding:11px 20px;font-size:.82rem}.button-outline{border-color:#8c999c}.button-danger{background:#4a202b;color:white}.button-ghost{padding:10px 0;border:0;min-height:auto;justify-content:start}.arrow-link{font-weight:800;display:inline-flex;align-items:center;gap:16px;font-size:.91rem}.arrow-link span{color:var(--lime)}.arrow-link:hover{color:var(--lime)}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(9,12,18,.94);backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:90px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:215px}.brand-mark{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--lime);color:#0c1214;transform:rotate(-9deg);font:900 27px/1 'Space Grotesk',sans-serif}.brand-mark span{transform:rotate(9deg)}.brand-mark i{position:absolute;background:#0c1214;width:10px;height:3px;bottom:9px;right:7px;transform:rotate(-35deg)}.brand-text{font:800 18px/0.93 'Space Grotesk',sans-serif;letter-spacing:-.055em}.brand-text>span{display:block;letter-spacing:.095em;font-size:11px;margin-top:5px}.brand-dot{color:var(--lime)}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{color:#b3bdc7;font-weight:700;font-size:.87rem}.main-nav a:hover,.main-nav a[aria-current]{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:20px}.client-link{font-size:.85rem;font-weight:800;color:#c5ccd3}.client-link span{color:var(--lime)}.menu-toggle{display:none;background:transparent;border:0;padding:12px}.menu-toggle span{display:block;background:white;width:24px;height:2px;margin:5px 0}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:100px 0 80px;background:radial-gradient(ellipse at 78% 21%,rgba(111,96,182,.12),transparent 34%)}.hero:before{content:'';position:absolute;width:560px;height:560px;top:40px;right:-190px;border:1px solid rgba(211,250,87,.11);border-radius:50%;box-shadow:0 0 0 72px rgba(211,250,87,.02),0 0 0 144px rgba(211,250,87,.018);z-index:-1}.hero-inner{position:relative}.hero-top{display:flex;align-items:center;justify-content:space-between}.hero-location{color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.hero h1{max-width:1120px;margin:35px 0 24px;line-height:.94}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px #8e9a9b}.hero h1 .highlight{color:var(--lime);font-style:normal}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.hero-bottom p{font-size:1.17rem;max-width:590px;color:#c7cdd5;margin:14px 0 0}.hero-social{display:flex;align-items:center;gap:16px}.hero-stamp{position:absolute;right:0;top:175px;width:140px;height:140px;border-radius:50%;border:1px dashed rgba(211,250,87,.46);display:flex;align-items:center;justify-content:center;transform:rotate(14deg);color:var(--lime);font-weight:800;text-align:center;line-height:1.3;font-size:.75rem;letter-spacing:.1em}.hero-stamp span{font-size:2rem;display:block;line-height:1}.ticker{overflow:hidden;border-block:1px solid rgba(0,0,0,.15);background:var(--lime);color:#0a1012;display:flex;white-space:nowrap;padding:17px 0;font:800 .85rem/1 'Space Grotesk',sans-serif;letter-spacing:.11em}.ticker-track{display:flex;gap:28px;animation:marquee 29s linear infinite}.ticker b{font-weight:800}.ticker span{font-size:18px}@keyframes marquee{to{transform:translateX(-50%)}}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{display:block;position:relative}.project-art{height:325px;border-radius:22px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#252433;transition:transform .25s}.project-card:hover .project-art{transform:translateY(-4px)}.project-art:before{content:'';position:absolute;inset:-30%;background:radial-gradient(circle at 40% 44%,rgba(255,255,255,.19),transparent 42%);transform:rotate(11deg)}.art-violet{background:linear-gradient(135deg,#45275e,#271d3b 55%,#110f25)}.art-orange{background:linear-gradient(135deg,#c45347,#59252c 55%,#201720)}.art-lime{background:linear-gradient(130deg,#586a28,#23392f 60%,#112322)}.art-blue{background:linear-gradient(130deg,#175879,#172d50 58%,#141c35)}.art-pink{background:linear-gradient(130deg,#ab477d,#58294f 55%,#221a35)}.art-cyan{background:linear-gradient(130deg,#277a85,#1c4758 55%,#18252d)}.art-red{background:linear-gradient(130deg,#842e45,#411b39 60%,#1e1520)}.art-amber{background:linear-gradient(130deg,#917237,#59412e 60%,#1b1c20)}.project-art .browser{width:75%;max-width:455px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(13,18,27,.87);box-shadow:0 24px 50px rgba(0,0,0,.44);overflow:hidden;transform:rotate(-5deg);position:relative;transition:transform .25s}.project-card:hover .browser{transform:rotate(-2deg) scale(1.03)}.browser-top{height:29px;display:flex;align-items:center;gap:5px;border-bottom:1px solid rgba(255,255,255,.1);padding-left:13px}.browser-top i{width:6px;height:6px;border-radius:50%;background:#d6dce1;opacity:.45}.browser-content{padding:27px 28px 36px;min-height:150px}.browser-content .mini-eyebrow{display:block;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.21em;text-transform:uppercase}.browser-content .preview-name{font-family:'Space Grotesk',sans-serif;color:white;font-size:clamp(19px,2.5vw,34px);line-height:1.02;letter-spacing:-.06em;font-weight:800;margin:13px 0 14px;overflow-wrap:anywhere}.preview-lines{display:flex;gap:7px}.preview-lines i{width:25%;height:6px;border-radius:5px;background:rgba(255,255,255,.22)}.preview-lines i:first-child{background:var(--lime);width:40%}.project-art .project-corner{position:absolute;right:21px;top:20px;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#fff;color:#111;font-size:22px;font-weight:900}.project-meta{display:flex;justify-content:space-between;gap:15px;align-items:start;padding:22px 4px 12px}.project-meta h3{margin:0 0 7px;font-size:1.65rem}.project-meta p{margin:0;font-size:.92rem;color:var(--muted)}.project-stage{display:inline-block;margin:6px 0;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);font-weight:800;white-space:nowrap}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{padding:30px 28px 34px;border-radius:22px;border:1px solid var(--line);background:#111821;min-height:290px;display:flex;flex-direction:column;align-items:start;transition:border-color .2s,transform .2s}.service-card:hover{transform:translateY(-4px);border-color:#8a9d62}.service-no{color:var(--lime);font-size:.83rem;font-weight:800;letter-spacing:.12em}.service-card h3{font-size:1.5rem;margin:46px 0 12px}.service-card p{margin-bottom:20px;flex:1;font-size:.94rem}.service-card .service-arrow{color:var(--lime);font-size:1.5rem}.service-card:nth-child(2){background:#181721}.service-card:nth-child(3){background:#152025}.studio-split{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:center}.studio-split h2{margin:18px 0 26px}.studio-split p{max-width:560px;font-size:1.08rem}.studio-art{aspect-ratio:1;border:1px solid rgba(211,250,87,.25);border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#1c2d2d 8%,#0c1017 67%);box-shadow:inset 0 0 0 24px rgba(211,250,87,.025)}.studio-art:before,.studio-art:after{content:'';position:absolute;inset:12%;border:1px dashed rgba(211,250,87,.4);border-radius:50%;transform:rotate(33deg)}.studio-art:after{inset:23%;border-style:solid;opacity:.5}.studio-art .a{font:800 clamp(6rem,16vw,13rem)/1 'Space Grotesk',sans-serif;color:var(--lime);transform:rotate(-12deg);text-shadow:9px 9px #455632}.studio-art .studio-small{position:absolute;bottom:13%;font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:.7rem}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-item{padding:26px 20px;border-top:1px solid var(--line)}.process-item strong{font-size:.83rem;color:var(--lime)}.process-item h3{font-size:1.35rem;margin:24px 0 12px}.process-item p{font-size:.91rem}.cta-band{background:var(--lime);color:#0b1114;padding:66px 0}.cta-flex{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font-size:clamp(2.5rem,5.5vw,5rem);margin:8px 0 0}.cta-band .eyebrow{color:#1c2821}.cta-band .eyebrow:before{background:#1c2821}.cta-band .button{background:#101720;color:white;border-color:#101720}
.site-footer{padding:85px 0 22px;background:#070a10}.footer-head{display:flex;align-items:end;justify-content:space-between;padding-bottom:86px;border-bottom:1px solid var(--line)}.footer-head h2{font-size:clamp(4.1rem,9vw,8.7rem);margin:20px 0 0}.footer-head em{font-style:normal;color:var(--lime)}.round-arrow{display:flex;align-items:center;justify-content:center;border:1px solid var(--lime);width:105px;height:105px;border-radius:50%;font-size:3.6rem;color:var(--lime);transition:background .2s,color .2s}.round-arrow:hover{background:var(--lime);color:#111}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:32px}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{font-size:.84rem;color:#bbc3cd}.footer-links a:hover{color:var(--lime)}.brand-small{transform:scale(.8);transform-origin:left}
.page-hero{padding:95px 0 66px;position:relative;overflow:hidden}.page-hero h1{margin:24px 0 20px;font-size:clamp(3.7rem,7vw,7.6rem)}.page-hero p{max-width:680px;font-size:1.14rem}.subnav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 32px}.chip{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--line);border-radius:99px;font-size:.8rem;font-weight:800}.chip.active{background:var(--lime);color:#121812;border-color:var(--lime)}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 34px}.feature{display:flex;align-items:start;gap:14px;border:1px solid var(--line);padding:20px;border-radius:14px;background:var(--surface)}.feature .check{color:var(--lime);font-size:23px;line-height:1}.feature strong{display:block;margin-bottom:4px}.feature p{font-size:.88rem;margin:0}.content-wrap{padding:28px 0 112px}.detail-split{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}.detail-prose{font-size:1.06rem;white-space:pre-line}.detail-card{padding:32px;border:1px solid var(--line);background:var(--surface);border-radius:22px}.detail-card h3{font-size:1.4rem}.detail-card dl{margin:0}.detail-card dt{color:var(--muted);font-size:.82rem;margin-top:18px}.detail-card dd{margin:4px 0 0;font-weight:800}.detail-card .button{margin-top:30px;width:100%}.section-intro{font-size:1.08rem;max-width:620px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field{display:flex;flex-direction:column;gap:8px;min-width:0}.form-field.span2{grid-column:1/-1}.form-field label{font-size:.83rem;color:#ccd3db;font-weight:800}.form-field input,.form-field select,.form-field textarea,.input{background:#141d26;border:1px solid #35404a;border-radius:12px;min-height:49px;width:100%;color:#eef1f4;padding:12px 14px;outline:none;transition:border-color .15s}.form-field textarea{resize:vertical;min-height:130px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(211,250,87,.12)}.form-field input::placeholder,.form-field textarea::placeholder{color:#84909c}.form-field select option{background:#111a22}.form-note{font-size:.81rem;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact-info h2{font-size:clamp(3.2rem,5vw,5rem)}.contact-panel{border:1px solid var(--line);border-radius:24px;padding:35px;background:var(--surface)}.contact-item{border-top:1px solid var(--line);margin-top:35px;padding-top:20px}.contact-item strong{display:block;font-size:.8rem;color:var(--lime);text-transform:uppercase;letter-spacing:.1em}.contact-item a{font-size:1.15rem;font-weight:800}.alert{margin:18px 0;padding:14px 18px;border:1px solid #6b7d4d;background:#263b1e;color:#e1f2c7;border-radius:12px}.alert-error{border-color:#854e59;background:#3e202a;color:#ffd5d7}.alert-success{border-color:#6b7d4d}.empty-state{padding:34px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}
/* Portal / admin */
.private-body{background:#0b1017}.dashboard{padding:38px 0 100px;min-height:60vh}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.dashboard-head h1{font-size:clamp(2.35rem,4vw,4rem);letter-spacing:-.055em;margin:9px 0}.dashboard-nav{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:30px}.dashboard-nav a{border-radius:999px;padding:10px 16px;font-size:.84rem;color:#c3cdd6;font-weight:800;border:1px solid transparent}.dashboard-nav a.active,.dashboard-nav a:hover{background:#202d33;color:var(--lime);border-color:#334348}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:27px;margin-bottom:20px}.panel h2{font-size:1.6rem;margin:0 0 18px}.panel h3{font-size:1.24rem;margin:0 0 8px}.panel p{font-size:.94rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.stat-card{padding:23px 24px;background:#17202a;border:1px solid var(--line);border-radius:17px}.stat-card .number{font:700 2.7rem/1.2 'Space Grotesk',sans-serif;letter-spacing:-.07em;color:var(--lime)}.stat-card .stat-label{color:#bac4cb;font-size:.85rem}.table-scroll{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;min-width:610px}table.data-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:800;padding:14px 13px;border-bottom:1px solid var(--line)}table.data-table td{padding:17px 13px;border-bottom:1px solid var(--line);font-size:.91rem;vertical-align:top}table.data-table td a:not(.button){color:var(--lime);font-weight:800}.pill{display:inline-block;padding:5px 10px;border:1px solid #41505d;background:#253039;border-radius:60px;font-size:.7rem;font-weight:800;white-space:nowrap;color:#e2e9ec}.pill-new,.pill-active,.pill-delivered{border-color:#7c9852;color:#d7f3a9;background:#253521}.pill-review{border-color:#a39b52;color:#f5eeb9;background:#363520}.pill-off{border-color:#895362;color:#ffd7dc;background:#39242d}.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:23px}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:18px 0;color:var(--muted);font-size:.88rem}.progress-track{width:100%;height:9px;border-radius:100px;background:#26323c;overflow:hidden;margin:10px 0 12px}.progress-bar{height:100%;background:var(--lime);border-radius:100px}.project-portal{border:1px solid var(--line);background:#141c25;border-radius:18px;padding:26px;display:block;margin:16px 0}.project-portal:hover{border-color:#96a46d}.project-portal h3{margin:10px 0}.project-portal p{margin-bottom:12px}.timeline-entry{border-left:2px solid #50623a;padding:2px 0 23px 19px;margin-left:7px;position:relative}.timeline-entry:before{content:'';position:absolute;left:-7px;top:3px;width:12px;height:12px;background:var(--lime);border-radius:50%}.timeline-entry h4{font-size:1.04rem;margin:0 0 3px}.timeline-entry .small{font-size:.76rem}.message{border-radius:14px;border:1px solid #29343e;background:#161f28;padding:15px 17px;margin-bottom:10px}.message.me{background:#263426;border-color:#3c5335}.message small{font-size:.75rem;color:var(--muted)}.message p{white-space:pre-line;margin:8px 0 0}.login-outer{padding:75px 0 120px;min-height:68vh;display:flex;justify-content:center}.login-panel{width:min(480px,100%);background:#141d25;border:1px solid var(--line);border-radius:25px;padding:40px;box-shadow:var(--shadow)}.login-panel h1{font-size:2.9rem;margin:17px 0}.login-panel>p{margin-bottom:26px}.stack{display:flex;flex-direction:column;gap:16px}.stack .button{width:100%;margin-top:6px}.mini-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mini-actions form{display:inline-flex;margin:0}.text-link{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.hint{font-size:.78rem;color:var(--muted)}.danger-text{color:#ffadbb}.section-divider{height:1px;background:var(--line);margin:25px 0}.check-row{display:flex;gap:10px;align-items:center;font-size:.85rem}.check-row input{width:auto;min-height:auto}.code-secret{border-radius:10px;border:1px dashed var(--lime);background:#263319;padding:14px 18px;color:#eaffbc;font:700 1.1rem/1.4 monospace;word-break:break-word}.break-word{overflow-wrap:anywhere}.full{width:100%}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.mt-2{margin-top:16px}.mt-3{margin-top:26px}.mb-3{margin-bottom:26px}.border-top{border-top:1px solid var(--line);padding-top:24px}.tiny{font-size:.73rem}.items-gap>*+*{margin-top:14px}.hidden-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.notice{border-left:3px solid var(--lime);background:#192322;padding:15px 19px;font-size:.87rem;color:#d5dfd8;margin-bottom:24px}
@media(max-width:1050px){.header-actions{gap:10px}.brand{min-width:0}.main-nav{gap:19px}.hero-stamp{right:15px;top:140px;opacity:.7}.process{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.header-inner{min-height:76px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:22px 28px;background:#121923;box-shadow:0 20px 40px #0008;border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:20px}.main-nav.is-open{display:flex}.header-cta{display:none}.client-link{font-size:.8rem}.hero{padding:68px 0}.hero h1{font-size:clamp(3.7rem,10vw,6rem)}.hero-stamp{display:none}.hero-bottom{flex-direction:column;align-items:start;gap:26px}.section{padding:76px 0}.section-heading{align-items:start;flex-direction:column;gap:12px}.project-grid,.studio-split,.contact-layout,.detail-split,.admin-split{grid-template-columns:1fr}.project-art{height:310px}.studio-art{max-width:420px;margin:auto}.footer-bottom{flex-wrap:wrap}.footer-head{padding-bottom:55px}.round-arrow{width:75px;height:75px;font-size:2.7rem}.cta-flex{align-items:start;flex-direction:column}}
@media(max-width:560px){.container{width:calc(100% - 34px)}.brand-mark{width:36px;height:36px}.brand-text{font-size:15px}.brand-text>span{font-size:9px}.client-link{display:none}.hero h1{font-size:clamp(3.35rem,12.3vw,4.9rem)}.hero-top .hero-location{display:none}.hero-bottom p{font-size:1rem}.section{padding:64px 0}.project-grid,.grid-3,.feature-list,.form-grid,.stat-grid,.process{grid-template-columns:1fr}.project-art{height:260px}.browser-content{padding:17px;min-height:110px}.project-meta h3{font-size:1.43rem}.page-hero{padding:64px 0 30px}.page-hero h1{font-size:clamp(3.4rem,12vw,5.5rem)}.form-field.span2{grid-column:1}.contact-panel,.panel{padding:21px}.footer-head h2{font-size:clamp(3.3rem,13vw,5.5rem)}.footer-links{gap:13px}.footer-bottom{display:block}.footer-bottom>*{margin-bottom:20px}.dashboard-head{flex-direction:column;align-items:start}.login-panel{padding:26px}.site-footer{padding-top:60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.project-cover{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center top;transition:transform .35s ease}.project-card:hover .project-cover{transform:scale(1.035)}

/* === SLAPBACK STUDIOS ORIGINAL IDENTITY: PURPLE / CHARCOAL / WHITE === */
:root{--purple:#6a049f;--purple-bright:#9a35d0;--lime:#bb73eb;--lime-hover:#cf93f2;--bg:#0d0b12;--surface:#17121e;--surface-2:#211729;--ink:#f8f5fa;--muted:#b2a7b9;--line:rgba(216,190,232,.16);color-scheme:dark}
body,.private-body{background:var(--bg);color:var(--ink)}
p{color:#c2b8c9}
.site-header{background:#fff;border-bottom:4px solid var(--purple);box-shadow:0 5px 22px rgba(26,6,38,.14);backdrop-filter:none;position:relative}
.header-inner{min-height:104px}
.brand{min-width:235px;display:inline-flex;align-items:center}
.brand-logo{width:228px;height:auto;max-height:78px;object-fit:contain;display:block}
.main-nav a{color:#302039;font-size:.91rem}.main-nav a:hover,.main-nav a[aria-current]{color:var(--purple)}
.client-link{color:#302039}.client-link span{color:var(--purple)}
.button-primary{background:var(--purple);color:#fff;border-color:var(--purple)}
.button-primary:hover{background:#8520bd;border-color:#8520bd;color:#fff}
.button-primary:focus-visible,.button:focus-visible,.main-nav a:focus-visible{outline:3px solid #d493f6;outline-offset:3px}
.site-header .button-primary{color:#fff}
.hero{background:radial-gradient(ellipse at 78% 18%,rgba(146,36,200,.25),transparent 42%),linear-gradient(125deg,#100c18 0%,#17101f 60%,#190f22 100%);padding-top:105px}
.hero:before{border-color:rgba(191,91,233,.19);box-shadow:0 0 0 72px rgba(155,67,200,.035),0 0 0 144px rgba(155,67,200,.022)}
.hero h1 .outline{-webkit-text-stroke:1.5px #dfb8f0}.hero h1 .highlight{color:#c67df2}
.hero-stamp{border-color:#bd73de;color:#ead4f4}
.ticker{background:var(--purple);color:#fff;border-block:1px solid #a561cc}
.section-muted{background:#130f19}
.project-card{border-radius:22px}
.project-art{background:#201427;border:1px solid rgba(214,173,237,.19)}
.project-art:before{display:none}
.project-cover{object-fit:cover;object-position:top center;z-index:1}
.project-corner{z-index:4}
.screenshot-caption{position:absolute;z-index:3;bottom:17px;left:17px;display:inline-flex;align-items:center;padding:7px 12px;background:rgba(17,12,24,.86);border:1px solid #ffffff40;color:#fff;font-size:.67rem;letter-spacing:.11em;font-weight:800;border-radius:100px}
.screenshot-missing,.screenshot-unavailable{position:absolute;inset:0;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:50px;color:#fff;background:radial-gradient(circle at 85% 20%,#56256f 0%,#251332 45%,#160d1f 100%)}
.screenshot-missing:before,.screenshot-unavailable:before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:#b65bdf}
.screenshot-missing>span{font-size:.73rem;color:#daa0f4;letter-spacing:.2em;font-weight:800;position:relative}
.screenshot-missing>b,.screenshot-unavailable>b{font-size:clamp(1.7rem,3vw,3rem);letter-spacing:-.06em;line-height:1.1;position:relative}
.screenshot-missing>small,.screenshot-unavailable>small{font-size:.88rem;color:#e0cbe9;margin-top:16px;position:relative}
.screenshot-unavailable{display:none;z-index:2}
.project-art.is-unavailable .screenshot-unavailable{display:flex}
.project-art.is-unavailable img[data-project-screenshot],.project-art.is-unavailable .screenshot-caption{display:none}
.project-art-detail .project-cover{object-fit:contain;background:#101018}
.project-meta h3{color:#fff}
.service-card{background:#191220;border-color:#44304f}.service-card:nth-child(2){background:#211628}.service-card:nth-child(3){background:#181420}
.service-card:hover{border-color:#a85ed0}
.service-no,.service-arrow{color:#d69cf3}
.studio-art{background:radial-gradient(circle,#392046 8%,#100a18 67%);border-color:#8545a5;box-shadow:inset 0 0 0 24px rgba(137,34,188,.045)}
.studio-small{color:#d99cf6}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{box-shadow:0 0 0 3px rgba(163,65,218,.18)}
.chip.active{background:#8339ae;color:#fff;border-color:#a665cc}
.pill-new,.pill-active,.pill-delivered{border-color:#9f65cc;color:#edd6ff;background:#38214d}
.stat-card .number{color:#cf8ef1}.dashboard-nav a.active,.dashboard-nav a:hover{color:#e3bafa;background:#261a30;border-color:#5c3772}
.login-panel{background:#18121f}.menu-toggle span{background:var(--purple)}
.site-footer{border-top:3px solid var(--purple)}
.brand-small{background:#fff;border-radius:12px;padding:7px 13px;min-width:0}
.brand-small .brand-logo{width:184px;max-height:52px}
.footer-head em{color:#cf88ee}
@media(max-width:800px){.site-header .main-nav{background:#fff;border-bottom:3px solid var(--purple)}.main-nav a{color:#302039}}
@media(max-width:560px){.header-inner{min-height:78px}.brand{min-width:0}.brand-logo{width:170px;max-height:61px}.brand-small .brand-logo{width:160px}.screenshot-missing,.screenshot-unavailable{padding:30px}}