:root{--bg:#f8f8f4;--surface:#ffffff;--surface-soft:#f0f1ec;--ink:#1b241d;--muted:#666e67;--line:#dfe3da;--accent:#d8fa87;--yellow:#dbfa8a;--shadow:0 22px 50px rgba(30,43,28,.10);color-scheme:light}
:root[data-theme=dark]{--bg:#151a17;--surface:#212923;--surface-soft:#262f28;--ink:#f2f4ea;--muted:#adb8a9;--line:#3d493e;--shadow:0 22px 50px rgba(0,0,0,.25);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7e9a30;outline-offset:4px}::selection{background:#d8fa87;color:#1b241d}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:10px;top:-60px;z-index:100;padding:12px 16px;color:#111;background:#d8fa87}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-row{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-square{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding-bottom:7px;background:var(--ink);border-radius:6px;color:var(--bg);font-size:32px;font-weight:850;letter-spacing:-4px}.brand-square span,.footer-brand span{color:#c1f372}.brand-words{font-size:12px;letter-spacing:.12em;font-weight:850;line-height:1.6}.brand-words small{font-size:9px;font-weight:700;color:var(--muted);display:block;letter-spacing:.14em}.desktop-nav{display:flex;gap:34px;font-size:13px;font-weight:700}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:#86a442}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);height:40px;width:40px;border-radius:50%;display:grid;place-items:center}.theme-toggle svg{width:19px}.header-contact{height:42px;padding:0 21px;border-radius:6px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:18px;transition:transform .2s}.header-contact:hover,.button:hover{transform:translateY(-3px)}.nav-toggle{display:none;background:transparent;border:0;width:39px;height:39px;flex-direction:column;align-items:center;justify-content:center;gap:6px}.nav-toggle span{width:22px;height:2px;background:var(--ink)}.mobile-nav[hidden]{display:none!important}.mobile-nav{border-top:1px solid var(--line);padding:12px 24px 22px;display:grid;gap:3px}.mobile-nav a{font-weight:700;padding:12px}
.eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:.15em;font-size:11px;font-weight:800}.eyebrow-slash{opacity:.25}.eyebrow.muted{color:var(--muted)}.number{color:#8f9b86}.status-dot{height:8px;width:8px;display:inline-block;border-radius:50%;background:#75bb52;box-shadow:0 0 0 5px rgba(117,187,82,.12)}
.hero{padding:112px 0 110px;min-height:680px;display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center}.hero-copy{position:relative;z-index:1}.hero h1{font-weight:800;font-size:clamp(62px,6.4vw,98px);line-height:.99;letter-spacing:-.074em;margin:28px 0 29px;max-width:740px}.hero h1 em,.section h2 em,.expertise-band h2 em,.contact-section h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.075em;font-style:italic}.hero h1 em{white-space:normal}.hero h1 .dot{color:#a7ca65}.hero-desc{font-size:18px;max-width:460px;line-height:1.7;color:var(--muted);margin:0 0 32px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:51px;border:1px solid var(--ink);border-radius:6px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:13px;font-weight:850;transition:transform .2s}.button-dark{background:var(--ink);color:var(--bg)}.button-outline{background:transparent;color:var(--ink)}.hero-foot{display:flex;align-items:center;gap:28px;margin-top:61px}.hero-foot span:not(.foot-rule){display:grid;gap:5px}.hero-foot strong{font-size:16px;letter-spacing:-.02em}.hero-foot small{font-size:11px;letter-spacing:.01em;color:var(--muted)}.foot-rule{height:37px;width:1px;background:var(--line)}
.hero-stage{height:510px;position:relative;background:#dde8d1;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-stage::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid #b6cba7;left:34%;top:21%;box-shadow:0 0 0 78px rgba(197,217,187,.29),0 0 0 156px rgba(197,217,187,.22)}.hero-stage::after{content:"";position:absolute;inset:0;background-image:radial-gradient(#96b08a 1px,transparent 1px);background-size:20px 20px;opacity:.15;z-index:-1}.stage-stamp{position:absolute;left:28px;top:28px;font-size:10px;line-height:1.8;letter-spacing:.1em;font-weight:800;color:#4b6753}.stage-stamp span{font-weight:500}.stage-window{width:82%;background:#252d2b;border-radius:10px;box-shadow:25px 33px 0 #abc39b,0 40px 65px rgba(49,67,42,.3);transform:rotate(-4deg);color:#f4f6f1;overflow:hidden;position:relative;z-index:2}.window-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #3f4944;font-size:10px;letter-spacing:.04em;color:#899991}.window-dots{display:flex;gap:6px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#f58c77}.window-dots i:nth-child(2){background:#efd07f}.window-dots i:nth-child(3){background:#9dcc91}.window-inner{padding:30px 27px 24px;font:500 clamp(11px,1.1vw,14px)/2 "SFMono-Regular",Consolas,monospace}.window-label{color:#86968e;margin-bottom:17px;font-size:11px;letter-spacing:.06em}.code-line{white-space:nowrap}.code-purple{color:#c3aeff}.code-orange{color:#f1c190}.code-lime{color:#b8ec9f}.indent{padding-left:29px}.window-separator{height:1px;background:#3e4941;margin:25px 0 15px}.window-bottom{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.06em;color:#a7b7ae}.window-bottom span:first-child{display:flex;align-items:center;gap:9px}.pulse{height:6px;width:6px;border-radius:50%;background:#a7ee8a}.floating-card{position:absolute;bottom:33px;left:14px;display:flex;gap:13px;align-items:center;background:#fff;padding:13px 21px 13px 12px;border-radius:7px;z-index:3;box-shadow:0 15px 35px rgba(67,80,53,.17);font-size:12px;color:#50604a}.floating-card strong{font-size:16px;color:#202d22}.floating-icon{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#d8fa87;color:#21341a;font-size:20px}.stage-decor{position:absolute;font-size:34px;color:#e7fae1}.decor-one{top:71px;right:47px}.decor-two{bottom:65px;right:22px}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.marquee-inner{display:flex;align-items:center;gap:40px;min-height:84px;overflow:hidden}.marquee-inner>span{font-size:11px;white-space:nowrap;font-weight:850;letter-spacing:.1em}.marquee-inner>div{white-space:nowrap;font-size:13px;letter-spacing:.06em;font-weight:750;color:var(--muted)}.marquee-inner b{font-size:16px;color:#92b65e;margin:0 15px}
.section{padding-top:124px;padding-bottom:132px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:46px}.section h2,.expertise-band h2{font-size:clamp(48px,5.3vw,75px);line-height:1.08;letter-spacing:-.065em;margin:17px 0 16px;font-weight:800}.section-intro{max-width:580px;color:var(--muted);font-size:16px;line-height:1.8;margin:0}.filters{display:flex;gap:5px;flex-wrap:wrap;flex-shrink:0}.filter{border:1px solid var(--line);border-radius:30px;background:transparent;color:var(--ink);padding:9px 16px;font-size:12px;font-weight:700;white-space:nowrap}.filter.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filter span{font-size:10px;margin-left:5px;opacity:.55}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 26px}.project{min-width:0}.project[hidden]{display:none}.project-large{grid-column:1/-1}.project-media{display:block;overflow:hidden;border-radius:9px;position:relative;height:345px;transition:transform .25s}.project-media:hover{transform:translateY(-4px)}.project-large .project-media{height:450px}.project-visit{position:absolute;z-index:10;right:20px;bottom:20px;height:48px;width:48px;border-radius:50%;background:#fff;color:#1c241d;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 25px rgba(0,0,0,.1)}.media-atelier{background:#e9dbd0;display:grid;place-items:center}.media-atelier::before{content:"✳";position:absolute;font-size:300px;color:#e2bfa8;opacity:.3;left:-40px;top:-150px}.mini-shop{width:76%;height:88%;border-radius:7px 7px 0 0;background:#fdf8f1;box-shadow:0 25px 60px rgba(92,64,56,.17);padding:24px 37px;transform:translateY(24px);color:#433329}.mini-shop-nav{display:flex;justify-content:space-between;align-items:center}.mini-shop-nav strong{font-size:24px;letter-spacing:-.07em;font-family:Georgia,serif}.mini-shop-nav strong span{color:#d77a55}.mini-shop-nav>span{font-size:9px;letter-spacing:.08em}.mini-shop-title{font:normal 48px/.99 Georgia,serif;letter-spacing:-.04em;margin:34px 0 22px}.mini-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-product{height:137px;display:grid;place-items:center;border-radius:3px}.mini-product svg{width:110px;height:112px}.blush{background:#f2ded0}.butter{background:#e9e9d5}.lilac{background:#e4dde7}
.media-signal{background:#e5e9ff;display:grid;place-items:center;padding:38px}.mini-dashboard{background:#fff;border-radius:10px;box-shadow:0 22px 50px #6774b429;padding:20px 21px 10px;width:92%;height:85%;transform:rotate(-3deg);color:#1b2350}.mini-dash-top{font-size:19px;font-weight:850}.mini-dash-top span{float:right;font-size:9px;letter-spacing:.13em;color:#8e96b2;margin-top:10px}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.mini-metrics span{border:1px solid #e6e9f9;border-radius:6px;padding:10px 13px;color:#8087a4;font-size:10px}.mini-metrics strong{display:block;font-size:24px;letter-spacing:-.05em;color:#202b67}.mini-chart{width:100%;height:135px;margin-top:8px}.media-canvas{background:#d5e3cf;display:grid;place-items:center;padding:38px}.mini-editor{width:95%;height:95%;display:grid;grid-template-columns:94px 1fr;background:#f9f8f4;border-radius:9px;box-shadow:0 24px 45px #50784a2d;overflow:hidden;transform:rotate(3deg)}.editor-side{background:#fff;border-right:1px solid #ebebeb;padding:18px 11px;font-size:11px;font-weight:800;color:#34493c}.editor-side>span{display:block;margin-bottom:25px}.editor-side i{display:block;background:#e5eae2;height:8px;border-radius:20px;margin-bottom:12px}.editor-side i:nth-child(3){width:65%}.editor-side i:nth-child(4){width:80%}.editor-swatches{display:flex;gap:4px;margin-top:25px}.editor-swatches b{height:16px;width:16px;border-radius:50%;background:#ffac92}.editor-swatches b:nth-child(2){background:#84a994}.editor-swatches b:nth-child(3){background:#8d89ac}.editor-preview{padding:27px 32px;color:#f3f0e6;background:#3b5749;display:flex;flex-direction:column;align-items:flex-start}.editor-preview>span{font-size:8px;letter-spacing:.18em}.editor-preview strong{font-size:clamp(22px,2.8vw,38px);letter-spacing:-.05em;line-height:1.02;margin-top:25px}.editor-preview strong em{font-family:Georgia,serif;font-weight:400}.editor-preview-button{background:#dbf1c6;color:#1a3425;font-weight:800;font-size:8px;letter-spacing:.1em;padding:11px 14px;margin-top:20px}.project-detail{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-top:26px}.project-kicker{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.13em}.project h3{font-size:29px;letter-spacing:-.055em;line-height:1.15;margin:10px 0 9px}.project-detail p{max-width:470px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.tags span{background:var(--surface-soft);padding:5px 11px;border-radius:20px;font-size:10px;font-weight:700;color:var(--muted)}.text-link{font-size:12px;font-weight:850;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:4px;transition:color .2s}.text-link:hover{color:#779d48}.project-note{display:flex;align-items:flex-start;gap:10px;margin-top:48px;padding:17px 20px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px;line-height:1.6}.project-note>span{color:#84ae4c;font-size:15px}
.expertise-band{background:#202a23;color:#f6f8ed;padding:120px 0 122px}.expertise-heading{align-items:end;margin-bottom:70px}.expertise-band .eyebrow{color:#b8c8b2}.expertise-band h2{margin-bottom:0}.expertise-heading>p{width:min(375px,100%);font-size:15px;line-height:1.8;color:#bac8bd;margin-bottom:7px}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #48554a;border-bottom:1px solid #48554a}.expertise-grid article{padding:35px 36px 39px 0}.expertise-grid article+article{border-left:1px solid #48554a;padding-left:36px}.expertise-number{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.1em;color:#bfd1c2}.expertise-number span{font-size:22px;color:#c3ed85}.expertise-grid h3{font-size:26px;line-height:1.18;letter-spacing:-.04em;margin:49px 0 16px;max-width:270px}.expertise-grid p{font-size:14px;line-height:1.8;color:#afbeb1;min-height:110px;margin:0 0 20px}.expertise-tech{font-size:10px;letter-spacing:.08em;font-weight:850;color:#c4ed92}
.about-section{display:grid;grid-template-columns:1fr 1.03fr;gap:80px}.about-intro h2{margin:20px 0 27px}.about-intro>p{max-width:480px;line-height:1.9;font-size:16px;color:var(--muted)}.about-link{display:inline-block;margin-top:24px}.experience{padding-top:14px}.experience-label{display:flex;justify-content:space-between;padding-bottom:20px;font-size:11px;font-weight:850;letter-spacing:.14em;color:var(--muted)}.experience-label span{font-size:20px}.experience-row{display:grid;grid-template-columns:108px 1fr 24px;align-items:center;gap:15px;padding:24px 0;border-top:1px solid var(--line)}.experience-date{font-size:11px;color:var(--muted);font-weight:800}.experience-row strong{font-size:19px;letter-spacing:-.025em}.experience-row small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.experience-plus{font-size:19px;color:#7aa24e}.education-tag{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:27px;font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--muted)}.education-tag span{color:#80a84c}
.contact-section{background:#dafa8a;color:#1c2a1b;padding:100px 0 95px;overflow:hidden}.contact-wrap{position:relative}.contact-eyebrow{color:#3b5637}.contact-star{position:absolute;right:20px;top:35px;font-size:85px;color:#668f37}.contact-section h2{font-size:clamp(60px,8vw,115px);line-height:1;letter-spacing:-.075em;font-weight:800;margin:26px 0 55px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:50px}.contact-bottom p{max-width:360px;font-size:16px;line-height:1.8;margin:0}.contact-cta{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.email-link{font-size:clamp(20px,2.8vw,34px);font-weight:800;letter-spacing:-.055em;display:flex;gap:25px;align-items:center;border-bottom:2px solid #1c2a1b;padding-bottom:8px}.copy-email{background:transparent;border:0;color:#476143;padding:0;font-size:11px;font-weight:850;letter-spacing:.04em}.copy-email span{margin-left:12px}.footer{background:#202a23;color:#d0dccc}.footer-inner{min-height:112px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.09em;font-weight:750}.footer-brand{font-size:42px;font-weight:850;letter-spacing:-.14em;line-height:1}.back-top{color:#d5f3a2}.toast{position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 48px);padding:13px 19px;background:#202a23;color:white;border-radius:8px;box-shadow:0 16px 30px #0002;font-size:13px;z-index:100;opacity:0;transform:translateY(12px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1120px){.wrap{width:min(100% - 64px,1120px)}.desktop-nav{gap:22px}.hero{gap:30px}.hero h1{font-size:clamp(60px,6vw,77px)}.mini-shop-title{font-size:42px}.section-top{flex-wrap:wrap}.project-large .project-media{height:400px}}
@media(max-width:820px){.wrap{width:calc(100% - 40px)}.header-row{height:74px}.desktop-nav,.header-contact{display:none}.nav-toggle{display:flex}.hero{grid-template-columns:1fr;padding-top:72px;gap:44px}.hero h1{max-width:700px;font-size:clamp(60px,11vw,89px)}.hero-stage{height:430px;max-width:640px;width:100%}.hero-foot{margin-top:44px}.project-large .project-media{height:380px}.mini-shop{width:87%}.expertise-grid article{padding-right:20px}.expertise-grid article+article{padding-left:20px}.expertise-grid h3{font-size:23px}.about-section{gap:38px}.contact-bottom{align-items:flex-start;flex-direction:column}.contact-star{font-size:65px}.footer-inner{flex-wrap:wrap;padding:27px 0;gap:18px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.brand-words{font-size:10px}.brand-words small{font-size:8px}.hero{padding:66px 0 85px;gap:42px}.hero h1{font-size:clamp(54px,14vw,80px);margin:23px 0}.hero-desc{font-size:16px}.hero-buttons{gap:10px}.button{min-height:50px;padding:0 17px;gap:14px}.hero-foot{gap:18px}.hero-foot strong{font-size:14px}.hero-foot small{font-size:10px}.hero-stage{height:350px}.stage-window{width:86%;transform:rotate(-3deg)}.window-inner{padding:15px 16px 12px;font-size:10px}.window-top{height:35px}.window-label{margin-bottom:11px;font-size:9px}.window-separator{margin:13px 0 10px}.window-bottom{font-size:7px}.floating-card{left:8px;bottom:15px;padding:7px 11px 7px 7px;font-size:10px}.floating-card strong{font-size:12px}.floating-icon{height:32px;width:32px}.stage-stamp{font-size:8px;left:14px;top:14px}.marquee-inner{min-height:67px;gap:25px}.marquee-inner>div{font-size:11px}.section{padding-top:86px;padding-bottom:90px}.section h2,.expertise-band h2{font-size:clamp(46px,11vw,64px)}.section-top{gap:30px}.project-grid{grid-template-columns:1fr;gap:42px}.project-large{grid-column:auto}.project-media,.project-large .project-media{height:320px}.mini-shop{height:92%;width:90%;padding:20px 22px}.mini-shop-title{font-size:40px;margin:25px 0 18px}.mini-product{height:97px}.mini-product svg{height:85px;width:85px}.mini-dashboard{width:94%}.mini-chart{height:100px}.project-detail{padding-top:20px}.project h3{font-size:25px}.project-detail p{font-size:13px}.project-visit{height:40px;width:40px;font-size:20px;right:12px;bottom:12px}.project-note{margin-top:40px}.expertise-band{padding:90px 0}.expertise-heading{margin-bottom:35px}.expertise-grid{grid-template-columns:1fr}.expertise-grid article,.expertise-grid article+article{padding:24px 0 28px;border-left:0;border-bottom:1px solid #48554a}.expertise-grid article:last-child{border-bottom:0}.expertise-grid h3{margin:25px 0 10px;max-width:none}.expertise-grid p{min-height:auto;margin-bottom:15px}.about-section{grid-template-columns:1fr;gap:40px}.about-intro>p{font-size:14px}.contact-section{padding:79px 0}.contact-section h2{font-size:clamp(55px,12vw,81px);margin:27px 0 38px}.contact-star{font-size:45px;top:20px;right:5px}.contact-bottom{gap:34px}.contact-bottom p{font-size:14px}.email-link{font-size:clamp(18px,5.3vw,27px);gap:12px}.footer-inner>div:nth-of-type(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Senior engineering edition — architecture, platform lab, and delivery experience */
.hero h1 {font-size:clamp(59px,5.8vw,88px)}
.hero-stage {background:#d6e5dc}
.window-inner {font-size:clamp(11px,1.03vw,13px)}
.expertise-icon {color:#d8fa87;font:700 22px/1.2 "SFMono-Regular",Consolas,monospace;letter-spacing:-.07em;margin:34px 0 -33px}
.expertise-grid h3 {max-width:320px}
.expertise-grid p {min-height:130px}
.media-release {background:radial-gradient(ellipse at 18% 0%,#485a79 0%,transparent 53%),linear-gradient(140deg,#20283a,#141b29);display:grid;place-items:center;padding:34px 8%}
.release-preview {position:relative;width:min(820px,100%);background:#0d1725;border:1px solid #54627b;border-radius:12px;box-shadow:0 28px 85px #0005;color:#f0f5ff;overflow:hidden;transform:rotate(-1.5deg)}
.release-preview-head {height:47px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#cbd8ed;border-bottom:1px solid #39445b;font:700 11px/1.4 "SFMono-Regular",Consolas,monospace;letter-spacing:.035em}
.release-preview-head span:last-child {font-size:9px;color:#95a5bc}
.green-light {width:7px;height:7px;display:inline-block;background:#8bee96;border-radius:100%;margin-right:11px;box-shadow:0 0 0 4px #8bee9622}
.release-preview-body {padding:32px 39px 30px}
.release-preview-heading {font-weight:750;font-size:clamp(23px,3vw,36px);line-height:1.1;letter-spacing:-.045em}
.release-preview-heading em {font-family:Georgia,serif;font-weight:400;color:#c1f59c}
.release-nodes {display:flex;align-items:center;gap:13px;margin:28px 0}
.release-nodes>div {display:grid;flex:1;gap:6px;min-width:0;border:1px solid #3a4960;background:#17243a;border-radius:8px;padding:15px 12px}
.release-nodes>div>span {color:#86a6c8;font:700 10px monospace}
.release-nodes strong {font-size:16px;letter-spacing:-.02em}
.release-nodes small {font-size:10px;color:#9db0c6;white-space:nowrap}
.release-nodes>b {color:#b8e4b2;font-size:19px}
.release-preview-console {padding:13px 17px;background:#0a111d;border:1px solid #354157;border-radius:5px;color:#b9c8e0;font:12px/1.4 monospace;display:flex;justify-content:space-between;gap:10px}
.release-preview-console span {color:#a4e4a7}
.system-section {padding-top:120px;padding-bottom:122px;border-bottom:1px solid var(--line)}
.system-section h2 {font-size:clamp(46px,5.3vw,75px);line-height:1.08;letter-spacing:-.065em;margin:17px 0 16px;font-weight:800}
.system-section h2 em {font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.075em}
.system-section .section-top {align-items:end}
.systems-demo-link {white-space:nowrap}
.system-diagram {background:#e8eee6;border:1px solid #d5e2d0;color:#1c2b20;padding:34px;border-radius:12px}
.system-diagram-main {display:flex;align-items:center;gap:15px}
.system-block {min-width:0;flex:1;background:white;padding:22px 20px;border:1px solid #d7e0d8;border-radius:7px;display:grid;gap:7px;box-shadow:0 8px 30px #19332108}
.system-block-label {font:750 10px/1.2 monospace;letter-spacing:.07em;color:#60775d}
.system-block strong {font-size:clamp(17px,2vw,23px);letter-spacing:-.04em}
.system-block small {font-size:12px;color:#66766a}
.system-arrow {color:#62825c;font-size:26px}
.system-diagram-foot {margin-top:26px;border-top:1px solid #cedbcb;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font:750 11px/1.4 monospace;letter-spacing:.035em;color:#4d6455}
.system-diagram-foot span:first-child {color:#2c5135}
.system-actions {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px}
.system-actions>div {max-width:720px}
.system-actions strong {font-size:17px}
.system-actions p {font-size:13px;color:var(--muted);line-height:1.7;margin:6px 0 0}
.system-actions .button {flex-shrink:0}
:root[data-theme=dark] .system-diagram {background:#233127;border-color:#394b3a}
@media(max-width:1050px){.release-nodes {gap:8px}.release-nodes>div {padding:13px 9px}.release-nodes small {font-size:9px}.system-diagram {padding:24px}}
@media(max-width:820px){.hero h1 {font-size:clamp(56px,10vw,80px)}.system-section {padding-top:92px;padding-bottom:96px}.system-actions {align-items:flex-start;flex-direction:column}.expertise-icon {margin:20px 0 -15px}.expertise-grid p {min-height:auto}.release-preview {transform:none}}
@media(max-width:620px){.hero h1 {font-size:clamp(52px,12.3vw,70px)}.media-release {padding:15px}.release-preview-head {padding:0 12px;font-size:9px}.release-preview-head span:last-child {font-size:8px}.release-preview-body {padding:22px 15px}.release-preview-heading {font-size:24px}.release-nodes {display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.release-nodes>b {display:none}.release-nodes>div {padding:11px}.release-nodes strong {font-size:14px}.release-preview-console {font-size:9px;flex-wrap:wrap}.system-section {padding-top:86px;padding-bottom:90px}.system-section h2 {font-size:clamp(45px,11vw,64px)}.system-diagram-main {flex-direction:column;gap:4px}.system-block {width:100%}.system-arrow {transform:rotate(90deg)}.system-diagram-foot {justify-content:flex-start;gap:14px}.system-diagram-foot span {font-size:10px}.system-actions .button {width:100%;justify-content:space-between}}

/* Dashboard thumbnail artwork: full screenshot over a softly blurred backdrop. */
.project-media-dashboard{display:grid;place-items:center;padding:0!important;background:#0a1220;isolation:isolate}
.project-media-dashboard .project-image-backdrop{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(22px) brightness(.36) saturate(.9);opacity:.95;transform:scale(1.03);pointer-events:none}
.project-media-dashboard .project-dashboard-image{position:relative;z-index:1;display:block;width:auto;height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.32));pointer-events:none}
.project-media-dashboard .project-visit{z-index:10}