:root{--bg:#0f172a;--bg-alt:#111c34;--surface:#1b2945;--border:#2a3a5c;--text:#e8edf7;--text-dim:#9fb0cc;--accent:#38bdf8;--accent-2:#22d3ee;--accent-ink:#03263a;--maxw:1080px;--radius:14px;--gap:clamp(1rem, 2.5vw, 1.75rem);--section-y:clamp(3.5rem, 8vw, 6rem);--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow:0 18px 40px -24px #000000a6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3{margin:0 0 .5em;line-height:1.15}p{margin:0 0 1em}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2rem)}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:0 0 8px;padding:.6rem 1rem;font-weight:600;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s;display:inline-block}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--accent-ink)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--accent)}.btn-block{width:100%}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0f172ad1;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:64px;display:flex}.logo{letter-spacing:-.02em;color:var(--text);font-size:1.25rem;font-weight:800}.logo span{color:var(--accent)}.logo:hover{text-decoration:none}.nav{align-items:center;gap:1.75rem;display:flex}.nav a{color:var(--text-dim);font-weight:500}.nav a:hover{color:var(--text);text-decoration:none}.nav .nav-cta{color:var(--accent-ink);background:var(--accent);border-radius:6px;padding:.5rem 1.1rem;font-weight:600}.nav .nav-cta:hover{color:var(--accent-ink)}.nav a[aria-current=page]{color:var(--text);position:relative}.nav a[aria-current=page]:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:2px;height:2px;position:absolute;bottom:-.45rem;left:0;right:0}.nav-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:.4rem;display:none}.nav-toggle span{background:var(--text);width:26px;height:2px;transition:transform .2s,opacity .2s}.hero{padding-block:clamp(3.5rem,9vw,7rem);background:radial-gradient(ellipse 1400px 800px at 68% 25%, #38bdf82b, transparent 65%), radial-gradient(ellipse 950px 700px at -5% 55%, #22d3ee1a, transparent 60%), var(--bg);min-height:min(100dvh - 64px,60rem);padding-bottom:calc(clamp(3.5rem,9vw,7rem) + 2.75rem);position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:.9rem;font-size:.8rem;font-weight:700}.hero h1{letter-spacing:-.02em;max-width:24ch;font-size:clamp(2.2rem,6vw,3.6rem)}.hero .accent{color:var(--accent)}.lead{color:var(--text-dim);max-width:56ch;font-size:clamp(1.05rem,2.2vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:.9rem;margin:1.75rem 0 2rem;display:flex}.scroll-cue{color:var(--accent);opacity:.5;pointer-events:none;transition:opacity .4s;position:absolute;bottom:clamp(1.25rem,4vh,2.5rem);left:50%;transform:translate(-50%)}.scroll-cue svg{width:26px;height:26px;animation:2.4s ease-in-out infinite scroll-cue-bob;display:block}@keyframes scroll-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}html.scrolled .scroll-cue{opacity:0}@media (width<=720px),(height<=860px){.scroll-cue{display:none}.hero{padding-bottom:clamp(3.5rem,9vw,7rem)}}.check-list{color:var(--text-dim);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.check-list li{padding-left:1.5rem;position:relative}.check-list li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.section{padding-block:var(--section-y)}.section-alt{background:var(--bg-alt)}.section-cta{background:radial-gradient(900px 360px at 50% 0%, #38bdf824, transparent 60%), var(--bg)}.section-head{max-width:70ch;margin-bottom:2.5rem}.section-head h2{letter-spacing:-.02em;font-size:clamp(1.7rem,4vw,2.4rem)}.section-head p{color:var(--text-dim);margin:0;font-size:1.1rem}.section-head p+p{margin-top:1rem}.cards{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem;transition:transform .2s,border-color .2s;position:relative}.card:hover{border-color:var(--accent);transform:translateY(-4px)}.card h3{min-height:2.3em;margin-bottom:.7rem;padding-right:3.9rem;font-size:1.2rem}.card p{color:var(--text-dim);margin:0}.corner-mark{color:#38bdf84d;pointer-events:none;place-items:center;width:60px;height:60px;display:grid;position:absolute;top:.9rem;right:.9rem}.corner-mark svg{width:100%;height:100%;display:block}.corner-mark .num{letter-spacing:-.04em;font-size:3.1rem;font-weight:800;line-height:1}.tiers{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.tier,.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;padding:1.6rem;display:flex;position:relative;overflow:hidden}.tier:before,.step:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));height:3px;position:absolute;inset:0 0 auto}.tier h3,.step h3{min-height:2.3em;margin:0 0 .8rem;padding-right:3.9rem;font-size:1.15rem}.tier p,.step p{color:var(--text-dim);flex:1;margin:0}.stack-tag{color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.25rem .75rem;font-size:.8rem}.projects{gap:var(--gap);display:grid}.project{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:clamp(1.4rem,3vw,2rem);padding:clamp(1.5rem,3vw,2.5rem);display:grid}.project-shot{border:1px solid var(--border);background:var(--bg);border-radius:10px;transition:border-color .2s,transform .2s;display:block;overflow:hidden}.project-shot:hover{border-color:var(--accent);transform:translateY(-2px)}.project-shot img{width:100%;height:auto}.project-chrome{background:var(--bg-alt);border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.55rem .85rem;display:flex}.project-dots{flex:none;gap:.35rem;display:flex}.project-dots span{background:var(--border);border-radius:50%;width:9px;height:9px}.project-url{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.project-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:0 clamp(1.5rem,4vw,3rem);display:grid}.project-copy{flex-direction:column;gap:1.2rem;display:flex}.project-head,.project-foot{grid-column:1/-1}.project-body h3{margin-bottom:.4rem;font-size:1.5rem}.project-body p{color:var(--text-dim)}.project-meta{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0 0 1.2rem;font-size:.85rem;font-weight:700}.project-summary,.project-features{margin:0}.project-note{border-left:2px solid var(--border);margin:auto 0 0;padding-left:.9rem;font-size:.92rem}.project-note b{color:var(--text)}.project-foot{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1.6rem;display:flex}.project-stack{flex-wrap:wrap;flex:22rem;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}@media (width<=720px){.project-body{grid-template-columns:1fr}.project-copy{display:contents}.project-summary{order:1}.project-features{order:2;margin-top:1.1rem}.project-note{order:3;margin-top:1.4rem}.project-foot{order:4}}.steps{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.note{margin-top:var(--gap);font-style:italic}.note h3{margin:0 0 .4rem;font-size:1.05rem}.note p{color:var(--text-dim);margin:0}.contact-form{gap:1.1rem;max-width:560px;display:grid}.field{gap:.4rem;display:grid}.field label{font-size:.95rem;font-weight:600}.field input,.field textarea{font:inherit;color:var(--text);background:var(--bg-alt);border:1px solid var(--border);resize:vertical;border-radius:10px;width:100%;padding:.75rem .9rem}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #38bdf840}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#f87171}:-webkit-any(.field input:-webkit-autofill,.field textarea:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--bg-alt) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out}:is(.field input:autofill,.field textarea:autofill){-webkit-box-shadow:0 0 0 1000px var(--bg-alt) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);transition:background-color 9999s ease-out}:-webkit-any(.field input:-webkit-autofill:focus,.field textarea:-webkit-autofill:focus){-webkit-box-shadow:0 0 0 1000px var(--bg-alt) inset, 0 0 0 3px #38bdf840}:is(.field input:autofill:focus,.field textarea:autofill:focus){-webkit-box-shadow:0 0 0 1000px var(--bg-alt) inset, 0 0 0 3px #38bdf840}:is(.field input:autofill,.field textarea:autofill){box-shadow:0 0 0 1000px var(--bg-alt) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-status{min-height:1.5em;margin:0;font-weight:600}.form-status.error{color:#fca5a5}.form-status.success{color:#6ee7b7}.form-alt{max-width:40rem;color:var(--text-dim);margin:1.5rem 0 0}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);padding-block:1.75rem;font-size:.92rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;display:flex}@media (width<=720px){.hero{background:radial-gradient(ellipse 1400px 800px at 68% 25%, #38bdf814, transparent 65%), radial-gradient(ellipse 950px 700px at -5% 55%, #22d3ee0d, transparent 60%), var(--bg)}.nav-toggle{display:flex}.nav{background:var(--bg-alt);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1.1rem 1.25rem;transition:transform .25s;position:fixed;inset:64px 0 auto;transform:translateY(calc(-100% - 80px))}.nav.open{transform:translateY(0)}.nav a{border-bottom:1px solid var(--border);padding:.85rem .25rem}.nav a[aria-current=page]:after{border-radius:0 2px 2px 0;width:3px;height:auto;inset:0 auto 0 -1.1rem}.nav .nav-cta{text-align:center;border-bottom:0;margin-top:.75rem}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}:root{--spring:linear(0, .103 4.2%, .331 8.3%, .589 12.5%, .815 16.7%, .98 20.8%, 1.079 25.0%, 1.122 29.2%, 1.123 33.3%, 1.101 37.5%, 1.069 41.7%, 1.038 45.8%, 1.012 50.0%, .996 54.2%, .987 58.3%, .984 62.5%, .986 66.7%, .989 70.8%, .993 75.0%, .997 79.2%, 1 83.3%, 1.001 87.5%, 1.002 91.7%, 1.002 95.8%, 1);--float-gap:.75rem}html{overflow-x:clip}.site-header{transform-origin:50% 0;width:100%;transition:width .7s var(--spring), top .7s var(--spring), border-radius .7s var(--spring), border-color .3s ease, outline-color .3s ease, box-shadow .5s ease}.site-header.floating{top:var(--float-gap);width:min(var(--maxw), calc(100% - 2 * var(--float-gap)));border-radius:var(--radius);outline:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none;animation:header-settle .7s var(--spring);background:#0f172af2;border-bottom-color:#0000;margin-inline:auto;transform:translateZ(0)}@keyframes header-settle{0%{scale:1}30%{scale:.995 1.1}60%{scale:1.004 .97}to{scale:1}}section[id]{scroll-margin-top:calc(64px + var(--float-gap) + .5rem)}@media (width<=720px){.site-header.floating .nav{border-radius:0 0 var(--radius) var(--radius)}}.reveal{opacity:0;transition:opacity .6s ease var(--reveal-delay,0s), translate .9s var(--spring) var(--reveal-delay,0s);translate:0 2.5rem}.reveal.in{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){.reveal{transition-delay:0s;translate:none}}#bg{display:none}.has-bg{background:var(--bg)}.has-bg body{background:0 0}.has-bg #bg{z-index:-2;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.has-bg .hero{background:0 0}.has-bg .section-cta{background:radial-gradient(900px 360px at 50% 0,#38bdf824,#0000 60%)}.has-bg .site-footer{background:var(--bg)}.has-bg .section-alt{background:#111c34d1}