@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,300;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root,[data-theme=dark]{--bg:#08171e;--bg-raised:#0f2a38;--bg-sunken:#051119;--ink:#f4f9fb;--ink-soft:#f4f9fb9e;--line:#f4f9fb24;--accent:#71b7d5;--accent-bright:#a1ccdc;--accent-deep:#096b90;--accent-tint:#71b7d51f;--header-bg:#08171ec7}[data-theme=light]{--bg:#e4f1f6;--bg-raised:#fff;--bg-sunken:#cfe6ee;--ink:#08171e;--ink-soft:#3f5a66;--line:#096b9038;--accent:#096b90;--accent-bright:#042b44;--accent-deep:#71b7d5;--accent-tint:#096b9024;--header-bg:#e4f1f6e6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:18px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5;transition:background .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.mono{letter-spacing:.1em;font-family:IBM Plex Mono,monospace}.wrap{width:100%;margin:0 auto;padding:0 48px}.bleed{width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}@media (width<=560px){.wrap{padding:0 22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation-duration:.001ms!important}}::selection{background:var(--accent);color:#fff}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px;border-radius:2px}header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:96px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.8rem;font-weight:700;display:flex}.brand-mark{flex-shrink:0}.nav-desktop{align-items:center;gap:34px;margin-left:8px;display:flex}.nav-desktop a{color:var(--ink-soft);font-size:1.15rem;font-weight:500;transition:color .2s}.nav-desktop a:hover{color:var(--ink)}.header-right{align-items:center;gap:22px;display:flex}.nav-cta{align-items:center;gap:6px;font-size:1.15rem;font-weight:700;display:inline-flex;color:var(--ink)!important}.nav-cta .arrow{color:var(--accent);transition:transform .2s}.nav-cta:hover .arrow{transform:translate(2px,-2px)}.theme-toggle{border:1px solid var(--line);background:var(--bg-raised);width:42px;height:42px;color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s,transform .2s;display:flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:rotate(20deg)}.menu-btn{background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;display:none}.menu-btn span{background:var(--ink);width:20px;height:2px;transition:transform .25s,opacity .25s}.menu-btn.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-btn.is-open span:nth-child(2){opacity:0}.menu-btn.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-drawer{background:var(--bg);border-bottom:1px solid #0000;flex-direction:column;gap:4px;max-height:0;padding:0 22px;transition:max-height .35s,border-color .3s;display:none;overflow:hidden}.mobile-drawer.is-open{border-bottom:1px solid var(--line);max-height:220px;padding:10px 22px 20px}.mobile-drawer a{color:var(--ink);border-bottom:1px solid var(--line);padding:12px 4px;font-size:.95rem;font-weight:500}@media (width<=900px){.nav-desktop{display:none}.menu-btn,.mobile-drawer{display:flex}}.hero{background:var(--bg);padding:150px 0 0;position:relative;overflow:hidden}.hero-content{z-index:1;text-align:center;position:relative}.eyebrow{color:var(--ink-soft);align-items:center;gap:10px;margin:0 auto 40px;font-size:1.3rem;display:inline-flex;position:relative;overflow:hidden}.eyebrow:after{content:"";background:linear-gradient(100deg, transparent 40%, var(--accent-tint) 50%, transparent 60%);pointer-events:none;background-size:250% 100%;animation:3.5s ease-in-out infinite eyebrow-sweep;position:absolute;inset:0}@keyframes eyebrow-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}.eyebrow .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.hero-headline{letter-spacing:-.03em;color:var(--ink);max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;font-size:clamp(3rem,5.6vw,6rem);font-weight:800;line-height:1.12}.hero-headline span{display:block}.gradient-word{background:linear-gradient(100deg, var(--accent) 0%, var(--accent-bright) 30%, var(--accent) 60%, var(--accent-bright) 100%);-webkit-text-fill-color:transparent;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;font-family:Fraunces,serif;font-style:italic;font-weight:400;animation:6s ease-in-out infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-sub{max-width:700px;color:var(--ink-soft);margin:34px auto 0;font-size:1.25rem;line-height:1.6}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:40px;display:flex}.btn-primary{background:var(--accent);color:var(--bg);border-radius:8px;align-items:center;gap:8px;padding:18px 34px;font-size:1.08rem;font-weight:700;display:inline-flex}.btn-primary .arrow{transition:transform .2s}.btn-text{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:2px;font-size:1.08rem;font-weight:600;transition:border-color .2s,color .2s}.btn-text:hover{border-color:var(--accent);color:var(--accent)}.entity-manifest{border-top:1px solid var(--line);z-index:1;margin-top:100px;position:relative}.manifest-row{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr auto 34px;align-items:center;gap:24px;padding:38px 4px;transition:padding-left .3s,color .3s;display:grid;position:relative;overflow:hidden}.manifest-row:before{content:"";background:var(--bg-raised);transform-origin:0;z-index:-1;transition:transform .4s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scaleX(0)}.manifest-row:hover:before{transform:scaleX(1)}.manifest-row:hover{box-shadow:inset 3px 0 0 var(--accent);padding-left:18px}.manifest-row:hover .manifest-name{color:var(--accent)}.manifest-code{color:var(--accent);font-size:1.2rem}.manifest-name{letter-spacing:-.01em;color:var(--ink);font-size:2.3rem;font-weight:700;transition:color .3s}.manifest-tag{color:var(--ink-soft);font-size:1.15rem}.manifest-arrow{color:var(--ink-soft);font-size:1.5rem;transition:color .3s;display:inline-block}.manifest-row:hover .manifest-arrow{color:var(--accent)}@media (width<=700px){.manifest-row{grid-template-columns:34px 1fr 24px}.manifest-tag{display:none}.manifest-name{font-size:1.15rem}}@media (width<=560px){.hero{padding:110px 0 0}.entity-manifest{margin-top:60px}}.hero-ticker{background:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:1;margin-top:64px;position:relative;overflow:hidden}.ticker-track{white-space:nowrap;width:max-content;padding:26px 0;display:flex}.ticker-item{color:var(--bg);align-items:center;gap:16px;padding-right:48px;font-size:1.35rem;display:inline-flex}.ticker-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0}@media (width<=560px){.hero-ticker{margin-top:40px}.ticker-item{font-size:1.05rem}}.hero-fx{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.spotlight{background:conic-gradient(from 0deg, transparent 0deg, var(--accent-tint) 40deg, transparent 90deg, transparent 220deg, var(--accent-tint) 260deg, transparent 310deg, transparent 360deg);width:140vw;height:140vw;margin-top:-70vw;margin-left:-70vw;position:absolute;top:50%;left:50%}.fx-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:48px 48px;position:absolute;inset:-20px;-webkit-mask-image:radial-gradient(65% 55% at 50% 15%,#000 0%,#0000 75%);mask-image:radial-gradient(65% 55% at 50% 15%,#000 0%,#0000 75%)}.particle{background:var(--accent);box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;bottom:0}@media (width<=560px){.spotlight{width:200vw;height:200vw;margin-top:-100vw;margin-left:-100vw}}section{padding:100px 0}.section-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;padding-bottom:28px;display:flex}.section-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:.85rem;display:block}h2{color:var(--ink);max-width:600px;font-family:Fraunces,serif;font-size:clamp(2.6rem,4vw,3.6rem);font-weight:400;line-height:1.15}.section-note{max-width:400px;color:var(--ink-soft);font-size:1.2rem;line-height:1.7}.portfolio-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(340px,1fr));display:grid}.portfolio-grid:has(.card:only-child){grid-template-columns:1fr}.card:only-child{border-right:none;grid-template-columns:1fr 1.3fr;align-items:start;column-gap:80px;display:grid}.card:only-child .card-top,.card:only-child .card-mark,.card:only-child h3,.card:only-child .sector{grid-column:1}.card:only-child>p{grid-area:1/2/span 3}.card:only-child .card-services{grid-area:4/2/span 2;align-self:start}.card:only-child .card-link{grid-area:5/1;place-self:end start}.card{border-right:1px solid var(--line);background:0 0;flex-direction:column;padding:50px 40px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(180deg, var(--bg-raised) 0%, var(--bg-sunken) 100%);z-index:-1;transition:transform .4s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:translateY(-100%)}.card:hover:before{transform:translateY(0)}.card:last-child{border-right:none}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -20px #096b9066}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:34px;display:flex}.card-code{color:var(--ink-soft);font-size:.85rem}.card-status{white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:7px 14px;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:600;display:flex}.status-live{color:#1e8f58;background:#2eb57429}.status-live .dot{background:#1e8f58;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dot-pulse}.status-dev{background:var(--accent-tint);color:var(--accent)}.status-dev .dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite dot-pulse}.card-mark{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;font-family:Fraunces,serif;font-size:1.3rem;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.card:hover .card-mark{transform:scale(1.12)rotate(-6deg)}.card h3{color:var(--ink);margin-bottom:8px;font-family:Fraunces,serif;font-size:1.9rem;font-weight:500}.sector{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:20px;font-size:.86rem}.card p{color:var(--ink-soft);margin-bottom:28px;font-size:1.15rem;line-height:1.7}.card-services{flex-grow:1;margin-bottom:28px}.card-services li{color:var(--ink);border-top:1px solid var(--line);padding:10px 0;font-size:1.08rem;transition:padding-left .25s,color .25s}.card:hover .card-services li:hover{color:var(--accent);padding-left:8px}.card-link{color:var(--accent);align-items:center;gap:8px;font-size:1.05rem;font-weight:600;display:inline-flex}.card-link .arrow{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.card-link:hover .arrow{transform:translate(6px)rotate(8deg)}.card-link.disabled{color:var(--ink-soft);cursor:default}@media (width<=900px){.portfolio-grid{grid-template-columns:1fr}.card:only-child{align-items:stretch;display:flex}.card{border-right:none;border-bottom:1px solid var(--line)}.card:last-child{border-bottom:none}}@media (width<=560px){section{padding:70px 0}}.about{background:#042b44}.about .section-head{border-bottom-color:#ffffff29}.about .section-label{color:#a1ccdc;letter-spacing:.12em;font-size:.85rem}.about h2{color:#fff}.about .section-note{color:#fff9}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.about-lead{color:#fff;max-width:480px;font-family:Fraunces,serif;font-size:1.8rem;font-weight:400;line-height:1.5}.stat-list{flex-direction:column;display:flex}.stat{border-top:1px solid #ffffff29;justify-content:space-between;align-items:baseline;padding:30px 4px;transition:padding-left .3s;display:flex;position:relative;overflow:hidden}.stat:before{content:"";transform-origin:0;z-index:-1;background:#ffffff0a;transition:transform .4s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scaleX(0)}.stat:hover:before{transform:scaleX(1)}.stat:hover{padding-left:14px}.stat:last-child{border-bottom:1px solid #ffffff29}.stat-num{color:#71b7d5;font-family:Fraunces,serif;font-size:2.6rem;transition:color .3s}.stat:hover .stat-num{color:#a1ccdc}.stat-label{color:#ffffffa6;text-align:right;max-width:260px;font-size:1.05rem}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}.stat-label{text-align:right}}.contact{background:var(--bg)}.contact .section-head{margin-bottom:44px}.contact-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:60px;display:grid}.contact-block{margin:-8px;padding:8px;transition:padding-left .3s;position:relative;overflow:hidden}.contact-block:before{content:"";background:var(--accent-tint);transform-origin:0;z-index:-1;transition:transform .4s cubic-bezier(.65,0,.35,1);position:absolute;inset:0;transform:scaleX(0)}.contact-block:hover:before{transform:scaleX(1)}.contact-block:hover{padding-left:16px}.contact-block .label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:.85rem;display:block}.contact-block .value{color:var(--ink);font-family:Fraunces,serif;font-size:1.6rem;transition:color .3s}.contact-block:hover .value{color:var(--accent-bright)}footer{background:var(--bg);padding:34px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer .mono{color:var(--ink-soft);font-size:.9rem}.foot-links{gap:28px;display:flex}.foot-links a{color:var(--ink-soft);font-size:.95rem;transition:color .2s;position:relative}.foot-links a:after{content:"";background:var(--accent-bright);transform-origin:100%;width:100%;height:1px;transition:transform .3s cubic-bezier(.65,0,.35,1);position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.foot-links a:hover{color:var(--accent-bright)}.foot-links a:hover:after{transform-origin:0;transform:scaleX(1)}