:root{--bg:#030303;--bg-soft:#0b0b0b;--line:#1f1f1f;--line-soft:#131313;--text:#f2f2f2;--muted:#b2b2b2;--muted-strong:#d3d3d3;--panel:#0a0a0ad1;--panel-strong:#050505f0;--panel-soft:#ffffff08;--accent:#fff;--radius:18px;--radius-lg:26px;--duration:.42s;--ease:cubic-bezier(.22, 1, .36, 1);--font-heading:"Bahnschrift", "Aptos Display", "Segoe UI Semibold", "Segoe UI", sans-serif;--font-body:"Cascadia Code", "Aptos", "Consolas", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 14% -12%, #1a1a1a, var(--bg) 42%);color:var(--text);font-family:var(--font-body), "Segoe UI", sans-serif;text-rendering:geometricprecision;margin:0;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.02em;font-family:var(--font-heading), "Segoe UI", sans-serif;margin:0;font-weight:550}p{color:var(--muted);margin:0;line-height:1.65}a{color:inherit}button,input,a{font:inherit}:focus-visible{outline-offset:2px;outline:1px solid #e8e8e8}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:linear-gradient(#2f2f2f,#5c5c5c);border:2px solid #050505;border-radius:999px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;position:relative}.tesseract-scene{z-index:0;pointer-events:none;opacity:.95;position:fixed;inset:0}.tesseract-scene:after{content:"";background:radial-gradient(circle at 56% 48%,#ffffff1a,#0000 48%);position:absolute;inset:0}.tesseract-scene.is-ambient:after{background:radial-gradient(circle at 50% 20%,#ffffff14,#0000 40%),linear-gradient(#ffffff08,#0000 48%)}.scanline-overlay,.noise-overlay,.grid-overlay{position:absolute;inset:0}.scanline-overlay{mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 3px,#ffffff05 3px 4px)}.noise-overlay{opacity:.08;background-image:radial-gradient(circle,#ffffff52 .8px,#0000 .9px);background-size:3px 3px}.grid-overlay{opacity:.18;transform-origin:top;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:64px 64px;transform:perspective(680px)rotateX(58deg)translateY(40%)}.ambient-grid{opacity:.14;background-size:72px 72px;animation:14s linear infinite gridDrift;transform:none}.ambient-vignette{background:radial-gradient(circle at 50% 60%,#0000 45%,#0009 100%);position:absolute;inset:0}.ambient-column-set,.ambient-trace-set{position:absolute;inset:0}.ambient-column{opacity:.5;background:linear-gradient(#0000,#ffffff3d,#0000);width:1px;height:80%;animation:7s ease-in-out infinite columnPulse;position:absolute;top:10%}.ambient-trace{opacity:.32;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:84%;height:1px;animation:8s ease-in-out infinite traceSweep;position:absolute;left:8%}.content-shell{z-index:10;width:min(1180px,100% - 2.5rem);animation:liftIn .7s var(--ease) both;margin:0 auto;padding:7rem 0 5rem;position:relative}.hero,.capability-outcomes-section,.final-cta-section{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(155deg,#ffffff0d,#ffffff04),#060606d1;border:1px solid #ffffff14;position:relative;overflow:hidden;box-shadow:0 32px 80px #0000006b,inset 0 0 0 1px #ffffff05}.hero:before,.capability-outcomes-section:before,.final-cta-section:before,.capability-panel:before,.outcome-card:before,.portfolio-card:before,.project-modal:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0a,#0000 35% 70%,#ffffff05);position:absolute;inset:0}.hero{margin-bottom:2.3rem;padding:2rem 2rem 2.2rem}.hero:after{content:"";opacity:.7;pointer-events:none;background:radial-gradient(circle at 15% 25%,#ffffff0f,#0000 24%),radial-gradient(circle at 82% 18%,#ffffff0a,#0000 26%);animation:24s ease-in-out infinite alternate heroDrift;position:absolute;inset:-20% -10%}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#bdbdbd;margin-bottom:.9rem;font-size:.73rem}.hero-title-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.hero-logo-link{align-items:center;display:inline-flex}.hero-logo{opacity:.95;width:clamp(190px,28vw,360px);height:auto;transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease)}.hero-logo-link:hover .hero-logo{opacity:1;transform:translateY(-2px)}.hero>p{max-width:68ch;color:var(--muted-strong);font-size:clamp(1rem,1.8vw,1.22rem)}.hero-supporting-copy{max-width:68ch;margin-top:1.35rem}.hero-cta-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.85rem;display:flex}.hero-button,.launch-button,.clear-filters-button,.modal-close{cursor:pointer;transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), background-color var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease);border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.hero-button{border:1px solid #4b4b4b;min-height:46px;padding:.72rem 1.15rem}.hero-button:hover,.launch-button:hover,.clear-filters-button:hover,.modal-close:hover{transform:translateY(-2px)}.hero-button-primary,.launch-button{color:#050505;background:#f4f4f4;border-color:#f4f4f4;box-shadow:0 10px 24px #ffffff1a}.hero-button-primary:hover{filter:brightness(1.04);transform:translateY(-2px)scale(1.03);box-shadow:0 14px 30px #ffffff29}.hero-button-secondary,.launch-button-secondary,.clear-filters-button,.modal-close{color:var(--text);background:#ffffff0a;border:1px solid #404040}.hero-button-secondary:hover{background:#ffffff14;border-color:#ffffff57;box-shadow:inset 0 0 0 1px #ffffff0f}.portfolio-section{margin-top:2rem}.section-head{margin-bottom:1.3rem}.section-head h2,.capability-outcomes-section h2,.final-cta-section h2{font-size:clamp(1.35rem,2.5vw,2.2rem)}.section-intro{max-width:760px;margin-top:.85rem}.capability-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeLift .38s var(--ease) both;background:linear-gradient(145deg,#121212eb,#22222261),#080808db;border:1px solid #ffffff14;border-radius:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;margin-bottom:1.3rem;padding:1.6rem;display:grid;position:relative}.capability-panel:after{content:"";opacity:.02;pointer-events:none;background-image:radial-gradient(circle,#ffffff2e .8px,#0000 .9px);background-size:5px 5px;position:absolute;inset:0}.panel-label,.modal-kicker,.card-system-type{text-transform:uppercase;letter-spacing:.1em;color:#ffffff94;font-size:.73rem}.capability-context{animation:contextSwap .24s var(--ease) both;gap:.55rem;padding-right:1.2rem;display:grid}.capability-context h3{margin-top:.35rem;font-size:1.3rem}.capability-context p{max-width:64ch;line-height:1.6}.capability-toolbar{align-content:start;gap:1rem;padding-left:1.5rem;display:grid;position:relative}.capability-toolbar:before{content:"";background:linear-gradient(#0000,#ffffff24,#0000);width:1px;position:absolute;top:.1rem;bottom:.1rem;left:0}.context-bullet-list{color:#d9d9d9;gap:.35rem;margin:.3rem 0 0;padding-left:1.1rem;font-size:.88rem;display:grid}.filter-toolbar{flex-wrap:wrap;gap:.55rem;display:flex}.filter-toggle{color:#d8d8d8;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:background-color var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease), transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#ffffff08;border:1px solid #353535;border-radius:999px;padding:.55rem .9rem;font-size:.72rem}.filter-toggle:hover{color:#f1f1f1;background:#ffffff0f;border-color:#707070;transform:translateY(-1px)}.filter-toggle.is-active{color:#080808;background:#ffffffeb;border-color:#f5f5f5;transform:scale(1.03);box-shadow:0 10px 20px #ffffff1f,0 0 18px #ffffff14}.filter-summary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;display:flex}.filter-summary{color:var(--muted-strong);animation:statusSwap .24s var(--ease) both;font-size:.92rem}.clear-filters-button{color:#ffffffc2;background:#ffffff06;min-height:40px;padding:.55rem .9rem}.clear-filters-button:hover{background:#ffffff0f;border-color:#ffffff2e}.filter-empty{color:#bdbdbd;margin-bottom:1rem;font-size:.88rem}.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.portfolio-card{border-radius:var(--radius);color:inherit;text-align:left;cursor:pointer;opacity:0;animation:cardIn .56s var(--ease) forwards;transition:transform var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), background-color var(--duration) var(--ease);background:linear-gradient(160deg,#ffffff0a,#ffffff03);border:1px solid #242424;grid-column:span 6;position:relative;overflow:hidden;transform:translateY(12px)}.portfolio-card:hover{background-color:#ffffff0f;border-color:#5d5d5d;transform:translateY(-6px)scale(1.01);box-shadow:0 24px 48px #00000085,inset 0 0 0 1px #ffffff1f}.card-image-wrap{aspect-ratio:16/9;background:#080808;width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;object-position:center top;opacity:0;transition:opacity .46s var(--ease), transform .66s var(--ease), filter .66s var(--ease);transform:scale(1.03)}.portfolio-card .card-image{object-position:center top}.portfolio-card .card-image.is-loaded{transform:scale(1.08)}.project-modal .card-image{object-position:center center}.card-image.is-loaded{opacity:1;transform:scale(1)}.card-image-skeleton{background:linear-gradient(110deg,#090909 20%,#171717 40%,#0d0d0d 60%) 0 0/200% 100%;animation:1.2s linear infinite shimmer;position:absolute;inset:0}.card-image-overlay{opacity:.82;transition:opacity var(--duration) var(--ease);background:linear-gradient(#0000 28%,#0000003d 52%,#000000e0);position:absolute;inset:0}.card-hover-panel{opacity:0;transition:transform var(--duration) var(--ease), opacity var(--duration) var(--ease);position:absolute;bottom:1rem;left:1rem;right:1rem;transform:translateY(12px)}.portfolio-card:hover .card-hover-panel,.portfolio-card:focus-visible .card-hover-panel{opacity:1;transform:translateY(0)}.portfolio-card:hover .card-image,.portfolio-card:focus-visible .card-image{filter:brightness(.82);transform:scale(1.12)}.card-hover-kicker{letter-spacing:.1em;text-transform:uppercase;color:#f4f4f4;margin-bottom:.65rem;font-size:.74rem;display:inline-block}.card-capability-list{color:#d7d7d7;gap:.35rem;margin:0;padding-left:1rem;font-size:.84rem;display:grid}.card-body{padding:1.2rem;position:relative}.card-head{gap:.35rem;display:grid}.card-body h3{font-size:1.25rem}.card-description{margin-top:.85rem;margin-bottom:1rem;font-size:.95rem}.tag-row,.stack-pill-grid,.modal-cta-row,.outcomes-grid,.final-cta-row{flex-wrap:wrap;gap:8px;display:flex}.tag{text-transform:uppercase;letter-spacing:.08em;color:#d7d7d7;background:#ffffff0a;border:1px solid #3a3a3a;border-radius:999px;padding:6px 9px;font-size:.69rem}.capability-outcomes-section,.final-cta-section{margin-top:3rem;padding:1.7rem}.outcomes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.3rem;display:grid}.outcome-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:1.1rem;position:relative;overflow:hidden}.outcome-card h3{margin-bottom:.55rem;font-size:1.05rem}.final-cta-section{text-align:center}.final-cta-section .section-intro{margin-left:auto;margin-right:auto}.final-cta-row{justify-content:center}.page-end{justify-content:center;margin-top:2.8rem;padding-top:1rem;display:flex}.page-end-logo-link{display:inline-flex}.page-end-logo{opacity:.78;width:clamp(110px,17vw,180px);height:auto;transition:opacity var(--duration) var(--ease), transform var(--duration) var(--ease)}.page-end-logo-link:hover .page-end-logo{opacity:1;transform:translateY(-2px)}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;place-items:center;padding:1.1rem;animation:.22s both fadeIn;display:grid;position:fixed;inset:0}.project-modal{background:var(--panel-strong);width:min(1120px,100%);max-height:min(92vh,980px);animation:modalIn .43s var(--ease) both;border:1px solid #313131;border-radius:24px;position:relative;overflow:auto}.modal-topbar{z-index:2;background:linear-gradient(#050505f5,#05050500);justify-content:flex-end;padding:1rem 1rem 0;display:flex;position:sticky;top:0}.modal-close{min-height:40px;padding:.55rem .95rem}.modal-image-wrap{aspect-ratio:16/7.4;border:1px solid #282828;border-radius:18px;width:calc(100% - 2rem);margin:0 auto;position:relative;overflow:hidden}.modal-content{width:min(1020px,100% - 2rem);margin:0 auto;padding:1.5rem 1rem 1.8rem}.modal-header-block h3{margin-top:.3rem;font-size:clamp(1.55rem,3vw,2.25rem)}.modal-system-type,.modal-category-line{color:var(--muted-strong);margin-top:.5rem}.modal-header-block .tag-row{margin-top:1rem}.modal-layout{grid-template-columns:minmax(0,1.4fr) minmax(290px,.9fr);gap:1.4rem;margin-top:1.4rem;display:grid}.modal-primary,.modal-secondary{align-content:start;gap:1rem;display:grid}.modal-detail-block{background:#ffffff06;border:1px solid #242424;border-radius:18px;padding:1rem 1rem 1.05rem}.modal-detail-block h4{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem;font-size:.88rem}.modal-bullet-list{color:#cbcbcb;gap:.45rem;margin:0;padding-left:1.2rem;display:grid}.stack-pill-grid{flex-wrap:wrap;gap:.55rem;display:flex}.stack-pill{color:#d6d6d6;background:#ffffff08;border:1px solid #3a3a3a;border-radius:999px;padding:.42rem .74rem;font-size:.78rem}.modal-cta-row{margin-top:.35rem}.launch-button{min-height:44px;padding:.7rem 1rem}.launch-button-secondary{color:var(--text);box-shadow:none;background:#ffffff0a;border:1px solid #404040}.conversion-line{color:#b6b6b6;margin-top:1rem;font-size:.9rem}.conversion-line a{color:#fff;text-underline-offset:3px;text-decoration:underline}@media (max-width:1080px){.capability-panel,.modal-layout,.outcomes-grid{grid-template-columns:1fr}.capability-toolbar{padding-left:0}.capability-toolbar:before{display:none}}@media (max-width:960px){.portfolio-card{grid-column:span 12}.content-shell{width:calc(100% - 1.2rem);padding-top:5.8rem}.hero,.capability-outcomes-section,.final-cta-section{padding:1.35rem}}@media (max-width:700px){.hero-title-row{align-items:center}.hero-button,.launch-button{width:100%}.hero-cta-row{align-items:stretch}.capability-panel,.card-body,.modal-detail-block,.capability-outcomes-section,.final-cta-section{padding:1rem}.modal-content{padding-bottom:2rem}.modal-image-wrap{width:calc(100% - 1rem)}}@keyframes gridDrift{0%{transform:translate(0,0)}to{transform:translate(18px,12px)}}@keyframes columnPulse{0%,to{opacity:.2}50%{opacity:.6}}@keyframes traceSweep{0%,to{opacity:.18;transform:scaleX(.92)}50%{opacity:.42;transform:scaleX(1)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes liftIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeLift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes heroDrift{0%{transform:translate(-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.03)}}@keyframes contextSwap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes statusSwap{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}