:root{--bg:#f7f8fb;--surface:#fff;--surface-strong:#f0f4f8;--ink:#111827;--muted:#5c6675;--line:#d7dee8;--green:#0f766e;--blue:#2563eb;--rose:#e11d48;--amber:#f97316;--cyan:#0891b2;--shadow:0 22px 55px #1d29391f;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #2563eb14, #f7f8fb00 440px), radial-gradient(circle at top left, #0f766e1f, transparent 300px), var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{overflow:hidden}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#f7f8fbd1;border-bottom:1px solid #d7dee8b8;justify-content:space-between;align-items:center;gap:22px;padding:14px clamp(18px,4vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.brand-mark{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:center;align-items:center;width:42px;height:42px;padding:2px;transition:border-color .18s,transform .18s;display:inline-flex;overflow:hidden;box-shadow:0 10px 26px #1118271f}.brand-mark:hover{border-color:var(--blue);transform:translateY(-1px)}.brand-photo{border-radius:calc(var(--radius) - 2px);object-fit:cover;width:100%;height:100%}.site-header nav{align-items:center;gap:8px;display:flex}.site-header nav a,.header-action,.primary-action,.secondary-action,.project-links a,.secondary-project a{border-radius:var(--radius);align-items:center;gap:8px;min-height:40px;padding:10px 12px;font-size:.9rem;font-weight:700;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.site-header nav a{color:var(--muted)}.site-header nav a:hover{background:var(--surface);color:var(--ink)}.header-action,.secondary-action{background:var(--surface);border:1px solid var(--line)}.header-action:hover,.secondary-action:hover,.project-links a:hover,.secondary-project a:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.hero-section{padding:128px clamp(18px,4vw,56px) 72px}.hero-grid,.section-inner{max-width:1180px;margin:0 auto}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);align-items:center;gap:48px;display:grid}.hero-grid>*,.project-card>*,.contact-grid>*,.stats-grid>*,.service-grid>*,.secondary-grid>*,.timeline-grid>*{min-width:0}.availability,.location-line,.project-kicker,.tag-row,.metric-row,.module-list,.stack-list,.project-links,.hero-actions{flex-wrap:wrap;align-items:center;display:flex}.availability{color:var(--green);gap:10px;margin-bottom:26px;font-size:.92rem;font-weight:800}.pulse-dot{background:var(--green);border-radius:999px;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse;box-shadow:0 0 #0f766e52}h1,h2,h3,p{margin:0}h1{max-width:8ch;font-size:clamp(3.4rem,8vw,7rem);line-height:.9}.hero-title{color:var(--blue);margin-top:22px;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:800}.hero-lead{color:#263241;max-width:820px;margin-top:22px;font-size:clamp(1.12rem,2vw,1.42rem);line-height:1.55}.hero-pitch,.section-heading p,.project-detail,.service-card p,.secondary-project p,.timeline-item p,.contact-grid p{color:var(--muted);font-size:1rem;line-height:1.7}.hero-pitch{max-width:760px;margin-top:16px}.hero-copy,.hero-lead,.hero-pitch{max-width:100%}.hero-actions{gap:12px;margin-top:30px}.primary-action{background:var(--ink);border:1px solid var(--ink);color:#fff;min-height:46px;padding-inline:18px}.primary-action:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-1px)}.secondary-action{min-height:46px;padding-inline:18px}.location-line{color:var(--muted);gap:8px;margin-top:26px}.hero-visual{aspect-ratio:.92;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff2,#f0f4f8d1),repeating-linear-gradient(90deg,#1118270d 0 1px,#0000 1px 42px),repeating-linear-gradient(0deg,#1118270d 0 1px,#0000 1px 42px);min-height:520px;position:relative;overflow:hidden}.profile-ring{border:1px solid var(--line);z-index:2;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:164px;height:164px;padding:10px;display:flex;position:absolute;top:52px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #11182726}.profile-ring img{object-fit:cover;border-radius:999px;width:100%;height:100%}.orbit-stack{position:absolute;inset:0}.orbit-chip{border:1px solid var(--line);border-radius:var(--radius);--chip-x:0;background:#ffffffeb;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:.86rem;font-weight:800;animation:5.2s ease-in-out infinite floaty;display:flex;position:absolute;box-shadow:0 12px 30px #1118271a}.orbit-chip-1{color:var(--green);top:188px;left:34px}.orbit-chip-2{color:var(--blue);animation-delay:.3s;top:156px;right:24px}.orbit-chip-3{color:var(--rose);animation-delay:.6s;top:302px;left:52px}.orbit-chip-4{color:var(--amber);animation-delay:.9s;top:284px;right:46px}.orbit-chip-5{color:var(--cyan);--chip-x:-50%;animation-delay:1.2s;bottom:118px;left:50%}.hero-product-strip{border-top:1px solid var(--line);background:#fffffff0;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-product-strip img{border:1px solid var(--line);border-radius:var(--radius);object-fit:contain;width:56px;height:56px;padding:5px}.stats-band{background:var(--ink);color:#fff;padding:26px clamp(18px,4vw,56px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat-item{border-left:1px solid #ffffff29;padding:18px 26px}.stat-item:first-child{border-left:0}.stat-item strong{font-size:clamp(2rem,4vw,3.1rem);line-height:1;display:block}.stat-item span{color:#ffffffb3;margin-top:8px;line-height:1.45;display:block}.services-section,.projects-section,.secondary-section,.store-section,.stack-section,.contact-section{padding:92px clamp(18px,4vw,56px)}.projects-section,.stack-section{background:var(--surface-strong)}.section-heading{max-width:720px}.wide-heading{max-width:860px}.eyebrow{color:var(--rose);text-transform:uppercase;margin-bottom:12px;font-size:.82rem;font-weight:900;display:inline-block}h2{max-width:12ch;font-size:clamp(2.1rem,5vw,4rem);line-height:1}.wide-heading h2,.contact-grid h2{max-width:15ch}.section-heading p{max-width:760px;margin-top:18px}.service-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px;display:grid}.service-card,.secondary-project,.timeline-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.service-card{min-height:278px;padding:24px}.service-card svg{color:var(--green)}.service-card h3,.secondary-project h3,.timeline-item h3{margin-top:18px;font-size:1.16rem;line-height:1.25}.service-card p,.secondary-project p,.timeline-item p{margin-top:12px}.tag-row,.metric-row,.module-list,.stack-list,.project-links{gap:8px}.tag-row{margin-top:18px}.tag-row span,.metric-row span,.module-list span,.stack-list span{border-radius:var(--radius);padding:8px 9px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.tag-row span,.stack-list span{color:var(--green);background:#eef6f5}.featured-projects{gap:26px;margin-top:42px;display:grid}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(280px,.75fr) minmax(0,1fr);min-height:620px;display:grid;overflow:hidden}.project-media{background:linear-gradient(180deg, color-mix(in srgb, var(--accent), transparent 84%), #fff0), #f9fafb;min-height:100%;padding:28px;position:relative;overflow:hidden}.project-icon{border:1px solid var(--line);border-radius:var(--radius);object-fit:contain;z-index:2;background:#fff;width:72px;height:72px;padding:8px;position:relative;box-shadow:0 12px 28px #1118271f}.project-screenshot{border:1px solid var(--line);border-radius:var(--radius);object-fit:cover;object-position:top;width:calc(100% - 56px);height:calc(100% - 120px);position:absolute;top:118px;left:28px;right:28px;box-shadow:0 18px 42px #1118272e}.project-body{padding:clamp(26px,4vw,44px)}.project-kicker{justify-content:space-between;gap:10px}.project-kicker span{color:var(--blue);text-transform:uppercase;font-size:.82rem;font-weight:900}.project-kicker small{border-radius:var(--radius);color:#a34700;background:#fff4e9;padding:7px 9px;font-weight:900}.project-body h3{margin-top:16px;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.project-summary{color:#263241;margin-top:16px;font-size:1.1rem;font-weight:700;line-height:1.5}.project-detail{margin-top:14px}.project-role{border-left:3px solid var(--blue);color:var(--ink);margin-top:18px;padding-left:14px;font-weight:750;line-height:1.6}.metric-row{margin-top:22px}.metric-row span{background:var(--ink);color:#fff}.module-list{margin-top:16px}.module-list span{color:#3730a3;background:#eef2ff}.highlight-list{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.highlight-list li{color:var(--muted);padding-left:22px;line-height:1.55;position:relative}.highlight-list li:before{background:var(--green);content:"";border-radius:999px;width:7px;height:7px;position:absolute;top:.58em;left:0}.stack-list,.project-links{margin-top:22px}.project-links a{background:var(--surface);border:1px solid var(--line);min-height:38px}.store-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}.store-section:after{background:var(--surface-strong);content:"";height:28%;position:absolute;bottom:0;left:0;right:0}.store-section .section-inner{z-index:1;position:relative}.store-heading .eyebrow{color:#5eead4}.store-heading h2{max-width:13ch}.store-heading p{color:#ffffffbd}.phone-wall{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:16px;margin-top:42px;display:grid}.phone-shot-card:nth-child(2n){margin-top:34px}.phone-shot-card:nth-child(3n){margin-top:18px}.phone-shot-card a{border-radius:var(--radius);color:var(--ink);background:#fffffff0;border:1px solid #ffffff38;height:100%;padding:10px;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;box-shadow:0 24px 58px #0206173d}.phone-shot-card a:hover{border-color:color-mix(in srgb, var(--shot-accent), white 28%);transform:translateY(-6px);box-shadow:0 30px 70px #02061752}.phone-frame{aspect-ratio:9/19.5;background:linear-gradient(180deg, color-mix(in srgb, var(--shot-accent), transparent 78%), #050816), #050816;border-radius:var(--radius);border:1px solid #11182729;padding:8px;overflow:hidden}.phone-frame img{border-radius:calc(var(--radius) - 2px);object-fit:cover;object-position:top;background:#fff;width:100%;height:100%}.phone-shot-card span{margin-top:12px;font-size:.88rem;font-weight:900;line-height:1.2;display:block}.phone-shot-card small{color:var(--muted);margin-top:5px;font-size:.76rem;font-weight:650;line-height:1.38;display:block}.secondary-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px;display:grid}.secondary-project{min-height:300px;padding:24px}.secondary-project img{border:1px solid var(--line);border-radius:var(--radius);object-fit:contain;width:46px;height:46px;padding:5px}.secondary-project a{border:1px solid var(--line);min-height:36px;margin-top:20px;padding-block:8px}.skill-marquee{border-block:1px solid var(--line);white-space:nowrap;margin-top:38px;padding:18px 0;overflow:hidden}.skill-marquee div{gap:10px;animation:36s linear infinite marquee;display:inline-flex}.skill-marquee span{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:10px 14px;font-weight:850}.timeline-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px;display:grid}.timeline-item{padding:24px}.timeline-item span{color:var(--rose);font-weight:900}.contact-section{background:var(--ink);color:#fff}.contact-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}.contact-grid p{color:#ffffffb8;max-width:720px;margin-top:18px}.contact-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.contact-actions .secondary-action{color:#fff;background:0 0;border-color:#ffffff38}.contact-actions .primary-action{color:var(--ink);background:#fff;border-color:#fff}@keyframes pulse{0%{box-shadow:0 0 #0f766e47}70%{box-shadow:0 0 0 10px #0f766e00}to{box-shadow:0 0 #0f766e00}}@keyframes floaty{0%,to{transform:translate(var(--chip-x), 0)}50%{transform:translate(var(--chip-x), -10px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:1040px){.hero-grid,.project-card,.contact-grid{grid-template-columns:minmax(0,1fr)}.hero-visual{min-height:460px}.service-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.phone-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.secondary-grid,.timeline-grid{grid-template-columns:1fr 1fr}.project-media{min-height:520px}}@media (max-width:720px){.site-header{gap:12px;padding-inline:14px}.site-header nav,.header-action span{display:none}.hero-section{padding-top:104px}h1{font-size:clamp(3.1rem,18vw,4.7rem)}.hero-visual{min-height:430px}.orbit-chip span{display:none}.orbit-chip{justify-content:center;min-width:42px}.hero-product-strip{padding:16px}.hero-product-strip img{width:46px;height:46px}.stats-grid,.service-grid,.secondary-grid,.timeline-grid{grid-template-columns:minmax(0,1fr)}.stat-item,.stat-item:first-child{border-top:1px solid #ffffff29;border-left:0;padding-inline:0}.stat-item:first-child{border-top:0}.services-section,.projects-section,.secondary-section,.store-section,.stack-section,.contact-section{padding-block:68px}.phone-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phone-shot-card:nth-child(2n),.phone-shot-card:nth-child(3n){margin-top:0}.phone-shot-card a{padding:8px}.phone-frame{padding:6px}.project-media{min-height:410px;padding:20px}.project-screenshot{width:calc(100% - 40px);height:calc(100% - 108px);top:104px;left:20px;right:20px}.project-body{padding:24px}.project-links a,.contact-actions,.contact-actions a{width:100%}}