:root{--ink:#20252d;--muted:#667085;--line:#e7e9ee;--soft:#f7f8fa;--orange:#ec692d;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font:15px/1.75 "Be Vietnam Pro",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.section{padding:100px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:#fff;padding:10px}.header{height:80px;position:sticky;top:0;z-index:50;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink);color:white;font-size:13px}.brand span{display:flex;flex-direction:column;line-height:1.35}.brand strong{font-size:15px}.brand small{font-size:10px;color:var(--muted);margin-top:3px}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600;color:#535b68}nav a:hover{color:var(--orange)}nav .nav-cta{border:1px solid var(--line);border-radius:8px;padding:9px 14px;color:var(--ink)}.menu-toggle{display:none}.hero{padding-top:80px;padding-bottom:25px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;min-height:490px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#7b8491;margin:0 0 20px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39a978;margin-right:8px;box-shadow:0 0 0 4px #e8f7ef}h1{font-size:clamp(42px,5.2vw,68px);line-height:1.14;letter-spacing:-3px;margin:0;font-weight:700}h1 em,h2 em{font-style:normal;color:var(--orange)}.lead{font-size:14px;line-height:1.95;color:var(--muted);max-width:540px;margin:24px 0 28px}.lead strong{color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:45px;padding:0 18px;border-radius:8px;font-size:12px;font-weight:700}.primary{background:var(--orange);color:#fff;box-shadow:0 7px 18px #ec692d26}.secondary{border:1px solid var(--line)}.meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px;color:#7a8390;font-size:10px}.art{position:relative;min-height:390px;display:grid;place-items:center}.glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#fff0e7,transparent 72%);right:4%;top:4%}.code-card{position:relative;z-index:2;width:min(100%,440px);border:1px solid #e4e6eb;border-radius:14px;background:white;box-shadow:0 28px 70px #1f293717;overflow:hidden;transform:rotate(-2deg)}.window{height:48px;display:flex;align-items:center;gap:6px;padding:0 17px;border-bottom:1px solid #edf0f3;background:#fcfcfd}.window i{width:7px;height:7px;border-radius:50%;background:#d6dae1}.window small{margin-left:auto;color:#9aa1ac;font-size:10px}.code{padding:26px 18px 20px;font:11px/2.3 ui-monospace,Consolas,monospace;white-space:nowrap;overflow:hidden}.code p{margin:0}.code small{display:inline-block;width:20px;color:#a5acb7}.code b{color:#8a52c7}.code em{font-style:normal;color:#25856c}.code strong{color:#3574d4}.code-foot{display:flex;align-items:center;gap:8px;padding:13px 18px;background:#fafbfc;border-top:1px solid #edf0f3;font-size:9px;color:#7b8491}.code-foot i{width:6px;height:6px;border-radius:50%;background:#39a978}.code-foot span{margin-left:auto;color:#39a978}.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:11px 14px;background:white;border:1px solid #e9ebef;border-radius:11px;box-shadow:0 12px 34px #1f293714}.chip>b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#edf7f2;color:#26885f}.chip span{display:flex;flex-direction:column}.chip strong{font-size:10px}.chip small{font-size:9px;color:#87909d}.chip-b>b{background:#fff1e9;color:var(--orange)}.chip-a{right:-5px;top:38px}.chip-b{left:-8px;bottom:38px}.art-label{position:absolute;bottom:2px;right:8px;color:#9aa1ac;font-size:9px;letter-spacing:1px}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:40px;font-size:9px;letter-spacing:1px;color:#929aa6}.about,.focus{background:var(--soft);border-block:1px solid #f0f1f4}.two-col{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px}h2{font-size:clamp(30px,3.5vw,44px);line-height:1.25;letter-spacing:-1.7px;margin:0;font-weight:700}.about-copy p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:2}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;padding-top:23px;border-top:1px solid #e4e7ec}.stats div{display:flex;flex-direction:column;gap:4px}.stats b{font-size:14px}.stats small{font-size:10px;color:#8a929e}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.section-head .eyebrow{margin-bottom:15px}.section-head>p{max-width:330px;color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 4px}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.project{padding:25px 26px;border:1px solid var(--line);border-radius:12px;min-height:235px;transition:.2s}.project:hover{border-color:#f2b99d;transform:translateY(-3px);box-shadow:0 12px 30px #1f29370a}.project-top{display:flex;justify-content:space-between;color:#9aa1ac;font-size:10px}.project-top b{font-size:18px;color:var(--orange)}.type{font-size:10px;color:var(--orange);font-weight:700;margin:18px 0 5px}.project h3{font-size:18px;letter-spacing:-.5px;margin:0 0 9px}.desc{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.tags{display:flex;gap:7px;margin-top:18px;flex-wrap:wrap}.tags span{font-size:9px;padding:4px 8px;background:#f5f6f8;border-radius:5px;color:#68717e}.focus .eyebrow{margin-bottom:15px}.focus-list{margin-top:35px;border-top:1px solid #e3e6eb}.focus-list article{display:grid;grid-template-columns:45px 1fr 30px;gap:18px;align-items:center;padding:23px 0;border-bottom:1px solid #e3e6eb}.focus-list article>small{font-size:10px;color:#9ba2ad}.focus-list h3{font-size:16px;margin:0 0 3px}.focus-list p{font-size:11px;color:var(--muted);margin:0}.focus-list article>b{font-size:22px;color:var(--orange);text-align:right}.contact{padding:85px 0}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:43px 46px;background:#f8f9fb;border:1px solid var(--line);border-radius:14px}.contact-box .eyebrow{margin-bottom:15px}.contact-box>div:first-child>p:last-child{max-width:550px;color:var(--muted);font-size:12px;line-height:1.9;margin:15px 0 0}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:160px}.contact-actions small{font-size:10px;color:var(--muted);max-width:210px}.contact-actions code{font-size:10px;color:var(--ink)}.contact-actions>a:last-child{font-size:10px;color:#68717e}.footer{border-top:1px solid var(--line);padding:25px 0}.footer-inner{display:flex;align-items:center;gap:20px}.footer-inner>a{font-size:17px;font-weight:800;letter-spacing:-1px}.footer-inner>a span{color:var(--orange)}.footer-inner p{font-size:10px;color:#89919d;margin:0}.footer-inner small{margin-left:auto;font-size:9px;color:#9aa1ac}@media(max-width:900px){.hero-grid{gap:24px}.two-col{gap:45px}.chip-a{right:0}.chip-b{left:0}}@media(max-width:680px){.container{width:calc(100% - 36px)}.section{padding:68px 0}.header{height:70px}.brand>b{width:38px;height:38px}.brand small{font-size:9px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.menu-toggle i{height:1.5px;background:var(--ink);width:100%}nav{display:none;position:absolute;top:69px;left:0;right:0;padding:15px 18px;flex-direction:column;align-items:stretch;gap:0;background:white;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{padding:12px 8px}nav .nav-cta{text-align:center;margin-top:5px}.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}h1{font-size:clamp(40px,11vw,56px);letter-spacing:-2.3px}.lead{font-size:13px}.meta{gap:10px 14px;margin-top:28px}.art{min-height:300px}.code-card{width:92%}.code{font-size:10px;padding:18px 12px}.chip{padding:9px 11px}.chip-a{top:7px}.chip-b{bottom:18px}.hero-bottom{margin-top:30px}.two-col{grid-template-columns:1fr;gap:24px}.about-copy p{font-size:12px}.section-head{display:block}.section-head>p{margin-top:15px}.projects{grid-template-columns:1fr}.project{min-height:0;padding:22px}.focus-list article{grid-template-columns:28px 1fr 25px;gap:12px}.focus-list p{font-size:10px}.contact{padding:55px 0}.contact-box{display:block;padding:27px 22px}.contact-actions{margin-top:24px}.footer-inner{flex-wrap:wrap;gap:9px 15px}.footer-inner small{width:100%;margin-left:0}.stats{gap:8px}.stats small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}