@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500&display=swap');
:root{color-scheme:dark;--bg:#08090b;--surface:#101115;--text:#f1f2f5;--muted:#8c8f99;--line:#24252c;--blue:#83adff;--mono:'IBM Plex Mono',monospace;--font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}body:has(dialog[open]){overflow:hidden}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}::selection{background:#31558c;color:#fff}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:550;letter-spacing:-.055em}.wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:var(--blue);color:#000;padding:10px}.skip-link:focus{top:10px}.site-header{height:88px;border-bottom:1px solid #ffffff0c;position:relative;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{font-size:25px;font-weight:650;display:inline-flex;align-items:center;letter-spacing:-1.1px;line-height:1}.brand-dot{color:var(--blue)}.pixel-mark{width:23px;height:23px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;margin-right:12px}.pixel-mark i{background:#f0f1f5;border-radius:1px}.pixel-mark i:nth-child(2){background:#a2bdff}.pixel-mark i:nth-child(3){background:#628ef0}.pixel-mark i:nth-child(4){background:#3e64b4;transform:translate(2px,2px)}.nav-links{display:flex;gap:34px;margin-left:50px;font-size:13px;color:#a6a8b1}.nav-links a:hover,.footer-bottom a:hover{color:white}.nav-cta{border:1px solid #33363f;border-radius:7px;font-size:12px;padding:8px 16px;display:flex;gap:24px;align-items:center;background:#131419}.nav-cta:hover{background:#20232c}.menu-toggle{display:none}.hero{padding-top:69px;text-align:center;position:relative}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.8px;color:#9b9eaa;display:inline-flex;align-items:center;gap:9px}.hero-eyebrow{color:#b7c1d3;font-size:9px;letter-spacing:1.7px}.status-dot{height:5px;width:5px;flex:0 0 5px;background:#a6c3fc;border-radius:50%;box-shadow:0 0 9px #8aaeff66;display:inline-block}.hero h1{font-size:clamp(44px,6.1vw,78px);line-height:1.06;margin-top:24px;font-weight:550;letter-spacing:-4.2px}.hero h1>span{color:#9699a3;background:linear-gradient(100deg,#a5abb9,#e5e8ef);background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:16px;line-height:1.75;color:#9497a1;margin-top:24px;font-weight:400}.hero-actions{margin-top:28px;display:flex;justify-content:center;gap:13px}.button{padding:12px 20px;border-radius:7px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:28px;line-height:1.6;border:1px solid transparent;transition:background .2s,transform .2s}.button-primary{background:#eff2fa;color:#13151b;border-color:#e0e5f0;box-shadow:0 1px 1px #ffffff33 inset}.button-primary:hover{background:#bed3ff;transform:translateY(-2px)}.button-quiet{background:#121317;border-color:#272930;color:#d0d2db}.button-quiet:hover{background:#20222a}.hero-art{position:relative;margin:59px auto 0;text-align:left}.ambient{position:absolute;pointer-events:none}.ambient-blue{inset:-60px -20px -60px;background:radial-gradient(ellipse at 66% 50%,#3068e51b,transparent 65%);filter:blur(25px);z-index:-1}.pixel-field{position:absolute;inset:-37px -35px;background-image:radial-gradient(#9eaff334 .7px,transparent .7px);background-size:17px 17px;mask-image:radial-gradient(ellipse,black,transparent 70%);z-index:-1}.workspace{border:1px solid #383c48;border-radius:11px;overflow:hidden;background:#0e1015;box-shadow:0 0 0 6px #c3d2ff03,0 24px 80px #0009,0 -1px 25px #7a9bff0b}.workspace-chrome{height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292c35;background:linear-gradient(100deg,#171920,#14161d);padding:0 17px;font-size:9px;color:#8a8f9e;font-family:var(--mono)}.window-dots{display:flex;gap:6px;align-items:center}.window-dots i{width:7px;height:7px;background:#424650;border-radius:50%}.window-dots i:first-child{background:#f07871}.window-dots i:nth-child(2){background:#e4b764}.window-dots i:nth-child(3){background:#82bb82}.workspace-title{margin-left:24px;font-size:9px}.branch{display:flex;gap:7px;align-items:center}.branch svg{width:13px;height:13px;stroke:#7b8394;stroke-width:1.2}.workspace-body{display:grid;grid-template-columns:1.04fr 1fr;min-height:389px}.editor{border-right:1px solid #292c35;min-width:0}.editor-tabs{display:flex;border-bottom:1px solid #222630;background:#0e1016;height:39px;gap:0}.editor-tabs button{border:0;background:transparent;color:#9299a9;font-family:var(--mono);font-size:9px;padding:0 18px;border-right:1px solid #262933;display:flex;gap:8px;align-items:center;position:relative}.editor-tabs button[aria-selected=true]{background:#141720;color:#d2d8e6}.editor-tabs button[aria-selected=true]:before{position:absolute;content:'';height:1px;left:0;right:0;top:0;background:#84aaff}.file-icon{color:#7aa9fa;font-size:14px}.css-icon{color:#b090f5}.tab-dot{width:5px;height:5px;background:#8a94a9;border-radius:50%;margin-left:10px}.code-area{display:flex;padding:20px 12px 15px 20px;height:257px;overflow:auto}.code-area[hidden]{display:none}.line-numbers{color:#4a5060;font-family:var(--mono);font-size:9px;line-height:16px;padding-right:20px;text-align:right;user-select:none}.code-area pre{font-family:var(--mono);font-size:9.4px;line-height:16px;letter-spacing:-.1px;color:#c0c8d9;margin:0;white-space:pre;tab-size:2}.syntax-purple{color:#c69ae9}.syntax-green{color:#9dc3a7}.syntax-muted{color:#6e788d}.syntax-blue{color:#8ab1e4}.syntax-red{color:#e49597}.terminal{border-top:1px solid #282c36;background:#0c0e13;min-height:93px;padding:9px 17px}.terminal-head{display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;color:#9ca4b6;letter-spacing:1px;align-items:center}.terminal-head>span{border-bottom:1px solid #9eacc7;padding-bottom:4px}.terminal-head button{font-family:var(--mono);font-size:8px;border:1px solid #2a303e;border-radius:4px;padding:2px 7px;background:#171c27;letter-spacing:0;color:#b2c2df}.terminal-head button:hover{background:#23324a}.terminal-output{font:9px/1.9 var(--mono);padding-top:7px;min-height:43px;color:#a0acbf}.terminal-prompt{color:#a4ceae}.cursor{display:inline-block;background:#97b7f1;width:5px;height:10px;vertical-align:middle;margin-left:4px;animation:blink 1.3s infinite}.preview-pane{min-width:0;background:#12151c}.preview-toolbar{height:39px;border-bottom:1px solid #282c36;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:8px var(--mono);color:#a1aabc}.preview-toolbar>span:first-child{display:flex;align-items:center;gap:7px}.preview-toolbar .status-dot{width:4px;height:4px;flex-basis:4px;background:#8cae92;box-shadow:none}.mini-browser{margin:18px 20px 0;border:1px solid #353943;border-radius:6px;overflow:hidden;background:#edece7;color:#252a30;box-shadow:0 10px 30px #0003}.mini-nav{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;border-bottom:1px solid #00000013}.mini-brand{font-size:17px;line-height:1;font-weight:650;letter-spacing:-1px}.mini-nav>span:last-child{font-size:6px;display:flex;gap:15px;align-items:center;color:#6f706b}.mini-content{height:225px;padding:25px 20px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 98% 70%,#d6e4dd 0%,#ecece6 65%)}.mini-pill{font:5.5px var(--mono);letter-spacing:1px;border:1px solid #9aaba255;border-radius:20px;padding:4px 7px;color:#5e6a64}.mini-content h2{font-size:32px;line-height:1.04;letter-spacing:-1.7px;position:relative;z-index:1;margin:13px 0 10px;max-width:220px}.mini-content h2 em{font-style:normal;color:#687d70}.mini-content p{font-size:7px;color:#6f776f;line-height:1.6}.mini-button{background:#283f34;color:#f0f4ef;display:inline-flex;font-size:6px;padding:7px 10px;margin-top:15px;border-radius:3px;gap:20px;position:relative;z-index:2}.mini-footer{display:flex;justify-content:space-between;padding:10px 19px;background:#e9eae3;font:5px var(--mono);letter-spacing:.8px;color:#7c837c;border-top:1px solid #0000000b}.orbit-art{position:absolute;width:210px;height:210px;right:-21px;top:35px;transform:rotate(-25deg)}.orbit-sphere{width:118px;height:118px;position:absolute;left:46px;top:45px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#c2d6b9 0%,#849c7b 30%,#3d614a 65%,#203e30 100%);box-shadow:inset -12px -10px 20px #12341e33,13px 16px 25px #39583b33}.orbit-ring{position:absolute;border-radius:50%;border:1px solid #6c8a6e55;width:205px;height:75px;left:3px;top:68px;transform:rotate(-30deg);z-index:2;box-shadow:0 2px 1px #ffffff77}.ring-two{transform:rotate(30deg);width:185px;left:12px;top:75px;border-color:#b5c4ad77}.small-sphere{width:19px;height:19px;background:radial-gradient(circle at 35% 25%,#e1e7ce,#91a483 60%,#4c6648);border-radius:50%;position:absolute;top:160px;left:30px;box-shadow:4px 4px 8px #3f5b3b33}.preview-bottom{display:flex;justify-content:space-between;font:6.5px var(--mono);color:#777f91;padding:12px 21px}.workspace-status{display:flex;justify-content:space-between;padding:5px 13px;border-top:1px solid #2c3240;background:#121722;font:7px var(--mono);color:#94a4c2}.workspace-status>span{display:flex;align-items:center;gap:5px}.workspace-status .status-dot{width:3px;height:3px;flex-basis:3px;background:#88af96;box-shadow:none}.status-separator{margin:0 7px;color:#414b60}.floating-note{position:absolute;right:-22px;bottom:38px;background:#181c24ed;border:1px solid #343c4c;padding:12px 17px 12px 12px;display:flex;gap:11px;align-items:center;border-radius:8px;box-shadow:0 10px 30px #0007;font-size:10px;font-weight:500;backdrop-filter:blur(16px)}.floating-note small{display:block;color:#8993a6;font-size:8px;margin-top:2px;font-weight:400}.note-icon{border:1px solid #416851;color:#a8d2b4;border-radius:50%;height:24px;width:24px;display:grid;place-items:center;background:#344b3d22;font-size:11px}.hero-footnote{display:flex;align-items:center;gap:22px;margin-top:35px;font:8px var(--mono);letter-spacing:1.3px;color:#737885}.hero-footnote>span:last-child{display:flex;gap:14px}.footnote-line{flex:1;height:1px;background:#202329}.section{padding-top:128px;padding-bottom:0}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:39px}.section-intro h2,.studio h2,.contact h2{font-size:44px;line-height:1.13;margin-top:20px;letter-spacing:-2px}.section-intro h2 span,.studio h2 span{color:#8b8e98}.section-intro>p{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:3px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{position:relative;text-align:left;padding:27px 24px 22px;background:linear-gradient(130deg,#14151a,#101115);border:1px solid #26282f;border-radius:9px;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.service-card:hover{border-color:#677a9d;transform:translateY(-4px)}.service-icon{height:29px;font:22px var(--mono);color:#a0b7e7;display:flex;align-items:center}.service-icon svg{height:25px;width:25px;stroke:currentColor;fill:none;stroke-width:1.2}.service-number{position:absolute;right:23px;top:31px;font:9px var(--mono);color:#575e70}.service-card h3{font-size:17px;font-weight:500;letter-spacing:-.6px;margin:32px 0 13px}.service-card p{font-size:11.5px;line-height:1.85;color:#8e929f;flex:1}.service-link{font-size:9px;color:#c6ccd9;display:flex;justify-content:space-between;gap:8px;margin-top:29px;padding-top:16px;border-top:1px solid #282b33}.service-link>span{color:#8996af}.stack-strip{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24262d;padding:30px 0}.stack-strip>span{font:8px var(--mono);letter-spacing:1.2px;color:#757b88}.stack-strip>div{display:flex;gap:27px;font-size:11px;font-weight:500;color:#9ca0ac}.work .section-intro h2{font-size:42px}.project-visual{position:relative;display:block;height:475px;background:radial-gradient(ellipse at 50% 110%,#495d97 0%,#252b43 38%,#151824 74%);overflow:hidden;border:1px solid #2a2f40;border-radius:10px}.project-visual-top{display:flex;justify-content:space-between;padding:25px 28px;align-items:center}.project-label{font:8px var(--mono);letter-spacing:1.5px;color:#b0b9d0}.round-arrow{border:1px solid #69718b77;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#bcc8e8;font-size:15px;transition:transform .2s}.project-visual:hover .round-arrow{transform:translate(2px,-2px)}.project-wordmark{position:absolute;top:37px;left:0;right:0;font-size:125px;letter-spacing:-10px;font-weight:650;opacity:.065;text-align:center;line-height:1}.project-wordmark span{font-weight:400}.project-window{position:absolute;width:76%;height:370px;left:12%;top:111px;border:1px solid #ffffff42;background:#111827;border-radius:9px 9px 0 0;box-shadow:0 0 0 7px #d2e0ff04,0 15px 70px #0005;transform:perspective(1200px) rotateX(3deg);transform-origin:bottom;transition:transform .6s}.project-visual:hover .project-window{transform:perspective(1200px) rotateX(0) translateY(-5px)}.project-window-bar{background:#242a39;display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 12px;font:7px var(--mono);color:#9da7bd}.project-window-bar .window-dots i{height:5px;width:5px}.mountain{position:absolute;width:60%;height:240px;right:-2%;bottom:-15px;clip-path:polygon(0 100%,20% 45%,30% 57%,55% 0,73% 34%,82% 28%,100% 70%,100% 100%)}.mountain-back{background:linear-gradient(120deg,#2e3455,#71678a);right:-3%;bottom:25px}.mountain-front{background:linear-gradient(130deg,#171f34,#343654);width:67%;right:-15%;bottom:-26px;transform:scaleX(-1)}.landscape-lines{position:absolute;bottom:0;height:18%;left:0;right:0;background:repeating-linear-gradient(0deg,#28314f 0px,#28314f 1px,transparent 1px,transparent 9px);opacity:.5}.project-concept{position:absolute;bottom:11px;right:13px;font:5px var(--mono);color:#c8ccdc;z-index:3;letter-spacing:.6px}.project-caption{padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:24px}.project-caption h3{font-size:19px;letter-spacing:-.6px;display:flex;gap:16px}.project-caption h3 span{color:#9099b0}.project-caption p{font-size:12px;color:#8b8f9a;margin-top:8px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags>span{font-size:9px;color:#a3a9b9;border:1px solid #2b2e37;border-radius:5px;padding:5px 9px}.studio{padding-top:0;margin-top:134px;border-top:1px solid #21242b;border-bottom:1px solid #21242b;background:#0c0d10}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:81px;padding-bottom:78px;align-items:center}.studio-illustration{aspect-ratio:1/1;position:relative;display:flex;align-items:center;justify-content:center}.studio-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#9cadd70a 1px,transparent 1px),linear-gradient(90deg,#9cadd70a 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,black 25%,transparent 72%)}.giant-pixels{display:grid;grid-template-columns:1fr 1fr;gap:13px;width:174px;height:174px;transform:rotate(-12deg);filter:drop-shadow(0 20px 45px #4e79de25)}.giant-pixels i{background:linear-gradient(135deg,#a1c1ff,#385899);border:1px solid #bbcfff6b;border-radius:7px;box-shadow:inset 2px 2px 8px #ffffff30,inset -2px -2px 5px #0d224b77,4px 5px 0 #1a2b48}.giant-pixels i:nth-child(2){background:linear-gradient(135deg,#668ef1,#253f7d);transform:translateY(-16px)}.giant-pixels i:nth-child(3){background:linear-gradient(135deg,#5378bf,#1f2c4d);opacity:.8}.giant-pixels i:nth-child(4){background:linear-gradient(135deg,#b6ccf9,#738fbf);transform:translate(12px,-5px)}.illustration-caption{position:absolute;bottom:25px;font:7px var(--mono);letter-spacing:1.6px;color:#6e7c96}.studio-copy h2{font-size:38px;letter-spacing:-1.6px;margin-bottom:22px}.studio-copy>p{font-size:12px;line-height:1.95;color:#9397a3;margin-top:13px}.studio-principles{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#c3c8d3;margin:23px 0}.studio-principles i{font-style:normal;font-size:14px;width:25px;display:inline-block;color:#8ea9df}.text-link{font-size:11px;color:#bdccec;display:inline-flex;gap:28px;align-items:center}.text-link:hover{color:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:33px;margin-top:56px}.process-index{font:10px var(--mono);color:#8497b7;display:flex;gap:16px;align-items:center}.process-index i{height:1px;background:linear-gradient(90deg,#384258,#262a32);flex:1;position:relative}.process-index i:after{position:absolute;right:0;top:-2px;content:'';height:5px;width:5px;border:1px solid #53627c;background:#0c0d10;border-radius:50%}.process-grid h3{font-size:18px;letter-spacing:-.5px;margin-top:22px}.process-grid p{color:#8e929e;font-size:12px;line-height:1.85;margin-top:15px}.process-tag{font:8px var(--mono);color:#75849f;display:block;margin-top:24px}.contact{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:145px;padding-bottom:89px;padding-top:81px;border-top:1px solid #262933}.contact-copy h2{font-size:44px;margin-top:22px}.contact-copy h2 span{color:#9abaff}.contact-copy>p{font-size:13px;line-height:1.95;color:#8e939f;margin-top:25px}.contact-copy>.text-link{margin-top:27px}.contact-signature{display:flex;align-items:center;font-size:9px;letter-spacing:.3px;color:#6c7485;margin-top:54px}.contact-signature .pixel-mark{width:17px;height:17px;opacity:.6;gap:2px}.contact-form{background:#101216;border:1px solid #292c34;border-radius:10px;padding:28px;align-self:start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label,.project-types legend{display:block;font-size:10px;color:#c6cad5;margin-bottom:9px}.field input,.field textarea{width:100%;min-width:0;background:#0b0d11;border:1px solid #2b2e38;border-radius:5px;padding:11px 12px;color:#ecedf2;font-size:11px;line-height:1.6;resize:vertical;transition:border-color .2s}.field input:focus,.field textarea:focus{border-color:#7393c5;outline:0;box-shadow:0 0 0 2px #5279c322}.field input::placeholder,.field textarea::placeholder{color:#5f6676}.project-types{border:0;margin:22px 0;padding:0;min-width:0}.type-options{display:flex;gap:7px;flex-wrap:wrap}.type-options label{position:relative;cursor:pointer}.type-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.type-options span{display:block;font-size:8px;border:1px solid #303541;padding:7px 10px;border-radius:4px;color:#969faf;transition:.15s}.type-options input:checked+span{background:#20304b;border-color:#739de2;color:#bcd3ff}.type-options input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.form-bottom{margin-top:19px;display:flex;gap:15px;justify-content:space-between;align-items:center}.form-bottom p{font-size:8px;color:#7e8798;line-height:1.7}.form-bottom .button{font-size:10px;padding:10px 14px;gap:22px}.form-status{font-size:11px;line-height:1.8;margin-top:0;color:#a4c9af}.form-status:not(:empty){margin-top:18px}.form-status.error{color:#edabab}.form-status a{text-decoration:underline}.site-footer{padding-top:29px;border-top:1px solid #262933;padding-bottom:25px}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:29px}.footer-top .brand{font-size:21px}.footer-top .pixel-mark{width:18px;height:18px;gap:2px}.footer-top>p{font-size:10px;color:#6f7686}.back-top{margin-left:auto;display:flex;gap:16px;font-size:9px;color:#b0b8c8}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #1c1f26;padding-top:20px;color:#646d7e;font-size:8px}.footer-bottom>div{display:flex;gap:23px}.footer-bottom>span:last-child{color:#535d70}dialog{border:1px solid #384156;border-radius:14px;background:#11151e;color:var(--text);padding:45px;max-width:540px;width:calc(100% - 40px);box-shadow:0 30px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:34px;margin-top:20px}dialog>p{font-size:14px;color:#a0aabd;line-height:1.8;margin-top:20px}dialog ul{font-size:13px;color:#b8c5dd;line-height:2.3;padding-left:18px;margin:24px 0 30px}.dialog-close{position:absolute;right:15px;top:12px;background:transparent;border:0;font-size:25px;color:#b7c0d4;width:36px;height:36px}dialog .button{font-size:11px;gap:20px}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(min-width:1500px){.hero{padding-top:85px}.hero-art{margin-top:65px}.hero h1{font-size:85px}.workspace-body{min-height:420px}.code-area{height:282px;padding-top:27px}.code-area pre{font-size:10px;line-height:17px}.line-numbers{line-height:17px}.mini-content{height:250px;padding-top:31px}.mini-content h2{font-size:35px}.orbit-art{top:47px}.section{padding-top:140px}.studio{padding-top:0}.contact{padding-top:85px}}
@media(max-width:1050px){.wrap{padding-left:32px;padding-right:32px}.floating-note{right:-10px}.service-card{padding:24px 18px 20px}.service-card h3{font-size:15px}.stack-strip>div{gap:19px}.mini-content h2{font-size:28px}.orbit-art{right:-55px;top:45px}.code-area{padding-left:12px}.line-numbers{padding-right:12px}.code-area pre{font-size:8px}.studio-grid{gap:45px}.studio-copy h2{font-size:33px}.contact{gap:40px}.contact-copy h2{font-size:38px}.contact-form{padding:23px}.type-options span{padding:7px 8px}.section-intro h2{font-size:39px}.project-window{width:82%;left:9%}.project-wordmark{font-size:105px}.project-caption .tags>span{font-size:8px}.process-grid{gap:22px}.footer-bottom>span:last-child{display:none}}
@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.site-header{height:72px}.brand{font-size:23px}.nav{gap:18px}.nav-links{position:absolute;top:71px;left:0;right:0;margin:0;background:#101217f5;backdrop-filter:blur(20px);display:none;flex-direction:column;gap:0;padding:10px 24px 20px;border-bottom:1px solid #303541}.nav-links.open{display:flex}.nav-links a{padding:13px 0;font-size:15px}.nav-cta{margin-left:auto;font-size:10px;padding:7px 10px;gap:14px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:30px;height:35px;padding:4px;border:0;background:transparent}.menu-toggle span{display:block;width:20px;height:1px;background:#c1cada}.hero{padding-top:53px}.hero h1{font-size:clamp(39px,7.5vw,57px);letter-spacing:-2.5px;margin-top:24px}.hero-description{font-size:14px;margin-top:24px}.hero-eyebrow{font-size:8px;letter-spacing:1.3px}.hero-actions{margin-top:25px;gap:9px}.button{font-size:11px;padding:11px 14px;gap:16px}.hero-art{margin-top:42px}.workspace-body{grid-template-columns:1fr;min-height:0}.editor{border-right:0}.code-area{height:254px;padding:18px 16px}.code-area pre{font-size:10px;line-height:16px}.line-numbers{font-size:9px;line-height:16px;padding-right:17px}.editor-tabs button{font-size:9px}.preview-pane{display:none}.workspace-title{font-size:7px;margin-left:0}.workspace-chrome{padding:0 12px}.branch{font-size:8px}.terminal{min-height:93px}.terminal-output{font-size:9px}.workspace-status{font-size:6px;padding:6px 9px}.workspace-status>span:last-child{gap:3px}.floating-note{right:-9px;bottom:40px;padding:9px 11px;font-size:8px;gap:8px;transform:translateY(16px)}.floating-note small{font-size:7px}.note-icon{height:20px;width:20px;font-size:9px}.hero-footnote{font-size:6px;letter-spacing:.7px;gap:13px;margin-top:24px}.section{padding-top:83px}.section-intro{display:block;margin-bottom:28px}.section-intro h2,.work .section-intro h2{font-size:34px;letter-spacing:-1.5px;margin-top:16px}.section-intro>p{margin-top:21px;font-size:12px;line-height:1.85}.section-intro>p br{display:none}.eyebrow{font-size:8px;letter-spacing:1.4px}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:22px 18px 18px}.service-icon{font-size:21px}.service-card h3{font-size:16px;margin-top:26px}.service-card p{font-size:11px}.service-link{font-size:8px;margin-top:22px;padding-top:13px}.service-number{right:18px;top:25px}.stack-strip{align-items:flex-start;gap:19px;flex-direction:column;padding:26px 0}.stack-strip>div{gap:14px 24px;flex-wrap:wrap;font-size:10px}.stack-strip>span{font-size:7px}.project-visual{height:350px}.project-visual-top{padding:18px}.project-label{font-size:7px}.project-wordmark{top:65px;font-size:76px;letter-spacing:-5px}.project-window{top:113px;width:90%;left:5%;height:280px}.project-caption{align-items:flex-start;flex-direction:column;gap:14px;padding-top:20px}.project-caption h3{font-size:18px}.project-caption p{font-size:11px}.tags>span{font-size:8px}.studio{margin-top:83px;padding-top:0}.studio-grid{grid-template-columns:1fr;padding-top:24px;padding-bottom:48px;gap:15px}.studio-illustration{aspect-ratio:1.6/1;max-width:450px;width:100%;margin:0 auto}.giant-pixels{width:125px;height:125px;gap:10px}.illustration-caption{bottom:10px;font-size:6px}.studio-copy h2{font-size:33px;margin-top:17px}.studio-copy>p{font-size:12px}.process-grid{grid-template-columns:1fr 1fr;gap:36px 25px;margin-top:36px}.process-grid h3{font-size:17px}.process-grid p{font-size:11px;margin-top:12px}.process-tag{font-size:7px;margin-top:19px}.contact{display:block;padding-top:48px;margin-top:83px;padding-bottom:50px}.contact-copy h2{font-size:38px}.contact-copy>p{font-size:13px;margin-top:20px}.contact-signature{display:none}.contact-form{margin-top:32px;padding:23px}.contact-copy .eyebrow{font-size:7px}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:20px;padding-bottom:23px}.footer-top>p{order:3;width:100%;font-size:9px}.back-top{font-size:8px}.footer-bottom{font-size:7px;flex-direction:column;gap:15px}.footer-bottom>div{gap:24px}.footer-bottom>span:first-child{order:2}.site-footer{padding-top:25px}.desktop-break{display:none}dialog{padding:35px 25px}dialog h2{font-size:29px}dialog>p{font-size:13px}dialog ul{font-size:12px}.form-bottom .button{gap:18px}}
@media(max-width:380px){.wrap{padding-left:18px;padding-right:18px}.hero h1{font-size:35px;letter-spacing:-1.8px}.hero-description{font-size:12px}.service-grid{grid-template-columns:1fr}.service-card h3{margin-top:21px}.service-link{margin-top:20px}.code-area pre{font-size:8px}.line-numbers{padding-right:13px}.workspace-title{font-size:6px}.project-wordmark{font-size:60px}.form-row{grid-template-columns:1fr;gap:17px}.contact-form{padding:20px}.contact-copy h2{font-size:33px}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom .button{width:100%;justify-content:space-between}.workspace-status>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the atmospheric backdrop inside the hero on narrow screens. */
.hero{overflow:clip}
.code-area pre{line-height:15px}
.line-numbers{line-height:15px}
.code-area{height:267px}
@media(min-width:1500px){.code-area pre,.line-numbers{line-height:17px}.code-area{height:300px}}
@media(max-width:760px){.code-area{height:267px}.code-area pre,.line-numbers{line-height:15px}}

/* Retain factual project and contact improvements within the original visual rhythm. */
.real-project{margin:0;padding:28px 60px 0;background:radial-gradient(ellipse at 50% 110%,#495d97,#252b43 38%,#151824 74%);border:1px solid #2a2f40;border-radius:10px;overflow:hidden}.real-project>a{display:block;border:1px solid #ffffff35;border-radius:8px;overflow:hidden;box-shadow:0 12px 45px #0005}.real-project-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#222939;color:#c0cbe2;padding:11px 16px;font:10px var(--mono)}.real-project-bar>span:last-child{font:11px var(--font)}.real-project img{display:block;width:100%;height:350px;object-fit:cover;object-position:top;background:#fff}.real-project figcaption{padding:12px 0;font-size:11px;color:#bdc7de}.project-disclosure{font-size:12px;line-height:1.8;color:#a7b2c8;margin-top:22px;max-width:780px}.case-study{display:grid;grid-template-columns:repeat(3,1fr);gap:31px;margin-top:27px;padding-top:25px;border-top:1px solid #2a303c}.case-study h3{font-size:17px;line-height:1.3;letter-spacing:-.5px;margin-top:13px}.case-study p{font-size:12px;line-height:1.85;color:#9ba6bb;margin-top:12px}.project-live-link{margin-top:20px;min-height:40px}.case-study .eyebrow{font-size:10px}.project-caption p{font-size:12px}.tags>span{font-size:10px}.contact-channels{margin-top:24px}.contact-email{font-size:17px;letter-spacing:-.3px;color:#c3d5fc;display:inline-flex;align-items:center;gap:22px;min-height:40px}.contact-channels>p{font-size:12px;color:#aebbd2;margin-top:4px}.contact-channels .text-link{display:inline-flex;margin-top:10px;font-size:12px;min-height:36px}.contact-expectations{border-top:1px solid #282e39;padding-top:21px;margin-top:22px}.contact-expectations h3{font-size:16px;letter-spacing:-.4px}.contact-expectations ol{font-size:12px;line-height:1.8;color:#acb6c9;padding-left:18px;margin:13px 0}.contact-expectations li{margin-top:5px}.contact-expectations>p{font-size:12px;line-height:1.8;color:#929fb6}.contact-signature{display:none}.field label,.project-types legend{font-size:12px;color:#c9d2e4}.field input,.field textarea{font-size:13px}.field input::placeholder,.field textarea::placeholder{color:#8792a6}.type-options span{font-size:11px;min-height:38px;padding:8px 10px}.form-bottom p{font-size:10px;color:#a2b0c8}.form-bottom .button{font-size:12px;min-height:44px}.form-status{font-size:12px}.service-card p{font-size:12px;color:#9ca3b2}.service-link{font-size:10px}.section-intro>p{color:#9da5b5}.footer-bottom{font-size:10px;color:#8997af}.footer-bottom>span:last-child{color:#8997af}.hero-eyebrow{font-size:10px}.workspace-title{font-size:8px}.preview-bottom{font-size:9px}.preview-toolbar{font-size:10px}.project-caption .tags>span{font-size:10px}
@media(max-width:1050px){.real-project{padding:25px 36px 0}.real-project img{height:310px}.case-study{gap:23px}}
@media(max-width:760px){.real-project{padding:18px 18px 0}.real-project-bar{padding:10px;font-size:8px;flex-wrap:wrap;gap:6px}.real-project-bar>span:last-child{font-size:10px}.real-project img{height:235px}.real-project figcaption{font-size:10px}.case-study{grid-template-columns:1fr;gap:24px}.case-study p{font-size:13px}.project-disclosure{font-size:12px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:18px}.contact-expectations li,.contact-expectations>p{font-size:12px}.contact-email{font-size:16px}.service-card p{font-size:12px}.footer-bottom{font-size:10px}.workspace-title{font-size:6px}.hero-eyebrow{font-size:9px}.contact-copy>p br{display:none}.form-bottom{gap:14px;flex-wrap:wrap}.form-bottom p{font-size:10px}.form-bottom .button{font-size:11px}.contact-copy .eyebrow{font-size:9px}.hero-footnote{font-size:8px}.type-options span{font-size:10px}.section-intro>p{font-size:13px}}
@media(max-width:380px){.form-bottom .button{width:100%;justify-content:space-between}.real-project{padding:14px 12px 0}}
/* Center the DefendHer hero within the existing compact project frame. */
.real-project img[src$="defendher-live.png"]{object-position:center}