:root{--bg:#0a0d13;--bg-raise:#10141d;--card:#0f131c;--border:#1e2634;--border-bright:#2c3850;--text:#94a0b4;--text-bright:#edf1f8;--accent:#f0a63c;--accent-soft:#f0a63c24;--terminal:#5ce6c3;--terminal-soft:#5ce6c31f;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;font:17px/1.6 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 500px at 50% -10%, #f0a63c12, transparent 70%), radial-gradient(#ffffff0b 1px, transparent 1px) 0 0 / 28px 28px, var(--bg);min-height:100svh;margin:0}h1,h2,h3{color:var(--text-bright);margin:0;font-weight:650;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d13b8;border-bottom:1px solid #1e263499;justify-content:space-between;align-items:center;padding:14px clamp(20px,4vw,44px);animation:.6s 2.6s both fade-down;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:var(--text-bright);letter-spacing:.02em;align-items:center;gap:10px;font-weight:650;display:flex}.brand .glyph{width:34px;color:var(--accent)}.site-nav nav{gap:clamp(16px,3vw,32px);font-size:15px;display:flex}.site-nav nav a{color:var(--text);transition:color .2s}.site-nav nav a:hover{color:var(--text-bright)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:90px 20px 40px;display:flex;position:relative}.scene{perspective:1100px;width:min(440px,92vw);height:300px;position:relative}.laptop-pop{transform-style:preserve-3d;animation:.8s cubic-bezier(.2,.8,.3,1) .15s both pop-in;position:absolute;inset:0}.laptop{width:280px;height:190px;transform-style:preserve-3d;margin:-95px 0 0 -140px;position:absolute;top:60%;left:50%;transform:rotateX(60deg)rotate(-20deg)}.laptop-shadow{filter:blur(8px);background:radial-gradient(#0009,#0000 68%);width:330px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(-24px)}.base{border:1px solid var(--border-bright);background:linear-gradient(160deg,#2b3345,#1a2130);border-radius:12px;position:absolute;inset:0}.keyboard{background-color:#2e3648;background-image:repeating-linear-gradient(90deg,#0000 0 23px,#141925 23px 27px),repeating-linear-gradient(0deg,#0000 0 18px,#141925 18px 23px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:4px solid #141925;border-radius:8px;height:102px;position:absolute;top:14px;left:16px;right:16px}.trackpad{background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;width:86px;height:46px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lid{border:1px solid var(--border-bright);transform-origin:50% 0;height:170px;transform-style:preserve-3d;background:linear-gradient(200deg,#313a4f,#1e2534);border-radius:12px;animation:1.5s cubic-bezier(.55,.06,.35,1) .85s both lid-open;position:absolute;inset:0}.screen{text-align:left;background:#080b11;border-radius:8px;animation:.9s 1.85s both screen-on;position:absolute;inset:9px;overflow:hidden;transform:rotateX(180deg)}.screen:after{content:"";pointer-events:none;background:linear-gradient(200deg,#ffffff12,#0000 45%);position:absolute;inset:0}.terminal{font:600 9.5px/1.5 var(--mono);color:var(--terminal);white-space:nowrap;margin:0;animation:1.05s 1.7s both typeface;position:absolute;bottom:10px;left:14px}.term{white-space:nowrap;animation:1.05s 1.7s both typeface}.term:after{display:block}.caret{vertical-align:-2px;background:var(--terminal);width:4px;height:9px;margin-left:3px;animation:1.05s step-end infinite blink;display:inline-block}.glasses{width:min(150px,60vw);animation:1.05s ease-out 1.7s both glasses-drop;position:absolute;top:40%;left:50%;transform:translate(-50%)rotate(-7deg)}.glasses-inner{filter:drop-shadow(0 10px 8px #00000080);transform:scale(.7) rotateX("75deg")}.glasses-svg{width:100%;display:block}.glint{animation:5.5s ease-in 3.2s infinite glint-sweep}.glint-2{animation-delay:3.34s}.wordmark{letter-spacing:.045em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.35em;margin-top:34px;font-size:clamp(42px,8.5vw,78px);font-weight:750;display:flex}.wm-word{display:inline-flex}.wm-outline .lt{color:#0000;-webkit-text-stroke:2px var(--accent)}.lt-a{fill:none;width:auto;height:.7448em;stroke:var(--accent);display:block;transform:translateY(.2225em)}.lt-a path{stroke-width:2px;vector-effect:non-scaling-stroke}.lt{animation:.55s cubic-bezier(.2,.9,.3,1) both rise-in;animation-delay:calc(2.05s + var(--i) * 45ms);display:inline-block}.tagline{max-width:560px;font-family:var(--mono);color:var(--text);margin-top:18px;font-size:15px;animation:.6s 2.75s both fade-up}.cta-row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px;animation:.6s 2.95s both fade-up;display:flex}.btn{letter-spacing:.01em;border-radius:10px;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn-solid{background:var(--accent);color:#14100a}.btn-solid:hover{transform:translateY(-2px);box-shadow:0 10px 28px #f0a63c52}.btn-ghost{border:1px solid var(--border-bright);color:var(--text-bright);background:#ffffff05}.btn-ghost:hover{border-color:var(--accent);transform:translateY(-2px)}.scroll-cue{width:34px;color:var(--text);animation:.8s 3.5s both fade-in;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-cue svg{width:100%;animation:1.8s ease-in-out 3.5s infinite cue-bob}.expertise,.contact{max-width:1060px;margin:0 auto;padding:clamp(70px,10vw,120px) 24px}.section-head,.contact{text-align:center}.eyebrow{font-family:var(--mono);letter-spacing:.08em;color:var(--terminal);margin-bottom:12px;font-size:14px}.expertise h2,.contact h2{letter-spacing:-.015em;font-size:clamp(30px,4.5vw,42px)}.section-sub{max-width:520px;margin:14px auto 0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:48px;display:grid}.card{background:linear-gradient(180deg, var(--bg-raise), var(--card));border:1px solid var(--border);text-align:left;border-radius:16px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{border-color:#f0a63c73;transform:translateY(-4px);box-shadow:0 18px 40px #00000059}.card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.card-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.card-num{font-family:var(--mono);color:var(--border-bright);letter-spacing:.06em;font-size:14px}.card h3{margin-bottom:10px;font-size:20px}.card p{font-size:15px}.chips{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.chips li{font-family:var(--mono);color:var(--terminal);background:var(--terminal-soft);border:1px solid #5ce6c340;border-radius:999px;padding:5px 11px;font-size:12.5px}.contact .btn{font-family:var(--mono);margin-top:28px}.site-footer{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:10px;padding:30px 24px 36px;font-size:14px;display:flex}.site-footer .glyph{width:40px;color:var(--accent)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transition-delay:var(--rd,0s);transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:none}@keyframes typeface{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(46px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lid-open{0%{transform:translateZ(2px)rotateX(0)}72%{transform:translateZ(2px)rotateX(112deg)}to{transform:translateZ(2px)rotateX(103deg)}}@keyframes screen-on{0%{box-shadow:none;background:#080b11}to{background:#0a1219;box-shadow:inset 0 0 34px #5ce6c31c,0 0 42px #5ce6c329}}@keyframes glasses-drop{0%{opacity:0;animation-timing-function:cubic-bezier(.5,.05,.85,.4);transform:translate(-50%)translateY(-170px)rotate(45deg)}15%{opacity:1}62%{animation-timing-function:ease-out;transform:translate(-50%)translateY(0)rotate(60deg)}78%{animation-timing-function:ease-in;transform:translate(-50%)translateY(-9px)rotate(63deg)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(65deg)}}@keyframes glint-sweep{0%{transform:skew(-18deg)translate(-60px)}22%{transform:skew(-18deg)translate(300px)}to{transform:skew(-18deg)translate(300px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(.55em)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes blink{0%,55%{opacity:1}56%,to{opacity:0}}@media (width<=560px){.scene{transform-origin:bottom;height:250px;transform:scale(.82)}.wordmark{margin-top:18px}}@media (prefers-reduced-motion:reduce){.site-nav,.laptop-pop,.lid,.screen,.glasses,.lt,.tagline,.cta-row,.scroll-cue{animation-duration:10ms;animation-delay:0s}.glint,.glint-2,.scroll-cue svg,.caret{animation:none}.reveal{transition:none}}
