@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101617;--panel:#192123;--text:#f1f6f5;--muted:#aab9b9;--line:#354345;--accent:#8de7dc;--ink:#102223}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}p{color:var(--muted)}img{display:block;max-width:100%}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.13;margin:0;font-weight:500;letter-spacing:-.04em}h1{font-size:clamp(3.4rem,5.9vw,5.5rem)}h2{font-size:clamp(2.5rem,4vw,4rem)}h3{font-size:1.45rem;letter-spacing:-.025em}em{font-style:normal;color:var(--accent)}.header{max-width:1320px;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:auto;border-bottom:1px solid var(--line)}.wordmark{font-size:16px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.wordmark span{color:var(--accent);padding:0 12px}.header nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav-contact{border:1px solid #6c8888;padding:9px 16px;border-radius:4px}.nav-contact span{margin-left:20px}.skip{position:absolute;left:20px;top:-100px;background:var(--accent);color:var(--ink);z-index:50;padding:12px}.skip:focus{top:10px}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding:52px 0 46px;align-items:center}.hero-copy{padding:25px 0}.eyebrow{font:600 12px/1.4 'DM Sans',sans-serif;letter-spacing:.14em;color:var(--accent);margin:0 0 26px}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin:0 10px 1px 0}.hero-intro{font-size:18px;max-width:540px;margin:28px 0 34px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--accent);color:var(--ink);padding:15px 23px;border:0;border-radius:4px;font-weight:600;cursor:pointer;line-height:1.5}.button:hover{background:#b5f6ed;color:var(--ink)}.text-link{border-bottom:1px solid #647777;padding:6px 0;font-size:14px}.hero-bottom{display:flex;gap:26px;font-size:12px;color:var(--muted);margin-top:66px}.portrait{position:relative;margin:0;overflow:hidden;border-radius:6px;background:#15191a;max-height:570px}.portrait img{width:100%;height:570px;object-fit:cover;object-position:50% 32%}.portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#091010eb)}.portrait figcaption{position:absolute;bottom:28px;left:28px;z-index:1}.portrait figcaption span{display:block;font-size:10px;letter-spacing:.12em;color:#d0dfdc}.portrait figcaption strong{font:500 23px Manrope,sans-serif}.tools{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;flex-wrap:wrap}.tools>span{font-size:11px;color:var(--muted);letter-spacing:.1em;max-width:105px}.tools>div{font:700 22px Manrope,sans-serif;letter-spacing:-.04em;color:#cbdad8}.section{max-width:1240px;margin:auto;padding:105px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-heading>p{max-width:360px;margin:0 0 6px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{background:transparent;color:var(--muted);border:1px solid var(--line);padding:9px 17px;border-radius:3px;cursor:pointer;font-size:14px}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink)}.result-count{font-size:12px;margin:16px 0 24px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 26px}.project[hidden]{display:none}.project-image{display:block;position:relative;background:#222b2d;aspect-ratio:1.55;overflow:hidden;border-radius:5px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.project-image:hover img{transform:scale(1.025)}.project-arrow{position:absolute;bottom:14px;right:14px;background:#101617e8;border:1px solid #6f8282;border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.project-meta{display:flex;justify-content:space-between;color:var(--accent);font-size:12px;margin:19px 0 12px}.project-meta span+span{color:#8fa3a2}.project h3{font-size:21px;line-height:1.35}.project p{font-size:14px;line-height:1.65;margin:13px 0}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:11px;color:#bdcecb;padding:3px 8px;border:1px solid var(--line);border-radius:3px}.demo-art{padding:24px;background:#233536;height:100%;display:flex;justify-content:space-between;flex-direction:column}.demo-art span{font-size:12px;color:var(--accent)}.demo-art strong{font:500 34px/1.1 Manrope,sans-serif}.services{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px 1fr 40px;gap:25px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.service-num{color:var(--accent);font-size:13px}.service-list p{max-width:760px;margin:13px 0 0}.service-plus{font-size:24px;color:var(--accent)}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px}.about p:first-child{margin-top:0}.large-copy{font-size:24px;line-height:1.55;color:var(--text)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;border-top:1px solid var(--line);padding-top:28px}.stats strong{display:block;font:500 43px Manrope,sans-serif;color:var(--accent);white-space:nowrap}.stats span{font-size:13px;color:var(--muted);max-width:210px;display:block}.expertise{border-top:1px solid var(--line)}.skill-list{margin-top:45px}.skill-list>div{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;padding:22px 0;border-bottom:1px solid var(--line)}.skill-list h3{font-size:19px}.skill-list p{margin:0;font-size:15px}.support-tools{font-size:14px;margin-top:26px}.testimonials{border-top:1px solid var(--line)}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.quotes figure{margin:0;padding:26px;background:var(--panel);border-radius:5px;display:flex;flex-direction:column}.quote-mark{font:60px/1 Manrope,sans-serif;color:var(--accent)}blockquote{margin:10px 0 28px;color:#dae4e2;font-size:15px;line-height:1.8;flex:1}.quotes figcaption{padding-top:20px;border-top:1px solid var(--line)}.quotes figcaption strong,.quotes figcaption span{display:block;font-size:14px}.quotes figcaption span{font-size:12px;color:var(--muted)}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact>div>p:not(.eyebrow){max-width:410px}.contact .button{margin-top:18px}.contact-links{display:flex;flex-direction:column;gap:8px;margin-top:32px;font-size:14px;overflow-wrap:anywhere}.contact-links span{color:var(--muted)}form{background:var(--panel);padding:34px;border-radius:5px}form h3{margin-bottom:30px}label{display:block;font-size:14px;margin:18px 0 8px}input,textarea{width:100%;background:#111a1c;border:1px solid #46585a;color:var(--text);padding:12px;border-radius:3px}textarea{resize:vertical}.form-note{font-size:12px;margin:12px 0 0}#form-status{font-size:14px}footer{max-width:1240px;margin:auto;padding:35px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;flex-wrap:wrap}footer p{font-size:12px}footer>div{display:flex;gap:20px;font-size:13px}footer small{color:var(--muted);font-size:12px}.detail{max-width:1100px;margin:auto;padding:45px 0 85px}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:60px}.detail h1{font-size:clamp(2.5rem,5vw,4.6rem);max-width:980px}.detail-description{font-size:21px;max-width:850px;line-height:1.65}.detail>.tags{margin-top:25px}.workflow{margin:50px 0}.workflow img{width:100%;height:auto;border-radius:6px;object-fit:contain;background:var(--panel)}.workflow figcaption{font-size:13px;color:var(--muted);margin-top:14px}.detail-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--line);padding:50px 0}.detail-cta h2{font-size:42px}
@media(max-width:1320px){.hero,.tools,.section,footer,.detail{margin-left:40px;margin-right:40px}}@media(max-width:950px){.hero{gap:25px;grid-template-columns:1.2fr 1fr}.portrait img{height:500px}.hero h1{font-size:3.5rem}.hero-bottom{margin-top:35px;flex-direction:column;gap:0}.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.quotes{gap:15px}.quotes figure{padding:18px}.contact{gap:35px}.header nav{gap:15px}.about{gap:30px}.section{padding:75px 0}}
@media(max-width:650px){.header{padding:20px;flex-wrap:wrap;gap:15px}.header nav{width:100%;justify-content:space-between;gap:10px}.wordmark{font-size:15px}.nav-contact{padding:5px 10px}.nav-contact span{margin-left:8px}.hero,.tools,.section,footer,.detail{margin-left:20px;margin-right:20px}.hero{grid-template-columns:1fr;padding:28px 0;gap:30px}.hero-copy{padding:0}.hero h1{font-size:clamp(2.8rem,11.5vw,4.2rem)}.hero-intro{font-size:17px}.hero-bottom{margin-top:25px}.portrait{max-height:420px}.portrait img{height:420px;object-position:50% 38%}.tools{justify-content:flex-start;gap:20px;padding:22px 0}.tools>span{max-width:none;width:100%}.tools>div{font-size:19px}.section{padding:60px 0}.section-heading{display:block}.section-heading>p{margin-top:24px}.projects,.about,.contact,.quotes{grid-template-columns:1fr}.project h3{font-size:23px}.project p{font-size:16px}.project-image{aspect-ratio:1.65}.tags span{font-size:12px}.service-list article{grid-template-columns:25px 1fr 20px;gap:14px}.service-list h3{font-size:22px}.skill-list>div{grid-template-columns:1fr;gap:13px}.stats strong{font-size:37px}.contact{gap:32px}form{padding:24px}.quotes figure{padding:25px}.detail{padding-top:25px}.breadcrumb{margin-bottom:35px}.detail-description{font-size:18px}.detail-cta{display:block}.detail-cta .button{margin-top:25px}.detail-cta h2{font-size:34px}footer{align-items:flex-start;flex-direction:column;gap:12px}footer p{margin:0}.actions{gap:18px}.button{padding:14px 18px}h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero h1{font-size:clamp(2.6rem,4.5vw,4.1rem);line-height:1.13}.hero .actions .button{font-size:15px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.featured-card{padding-bottom:22px;border-bottom:1px solid var(--line)}.featured-card .eyebrow{margin:24px 0 13px}.featured-card h3{font-size:25px;line-height:1.3}.featured-card>p{font-size:15px;line-height:1.7}.featured-card .text-link{display:inline-block;margin-top:8px}.collection-heading{margin-top:80px;padding-top:55px;border-top:1px solid var(--line)}.collection-heading h2{font-size:clamp(2rem,3vw,3rem)}.client-result{font:500 25px/1.3 Manrope,sans-serif;color:var(--accent);margin:0 0 22px}.case-summary{margin-top:55px;border-top:1px solid var(--line);padding-top:40px}.case-summary h2{font-size:clamp(2rem,3.5vw,3.2rem);max-width:850px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:38px 0}.case-grid h3,.case-process h3{font-size:23px}.case-process{border-top:1px solid var(--line);padding-top:28px}.case-process ol{counter-reset:step;list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 32px}.case-process li{counter-increment:step;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}.case-process li:before{content:counter(step,decimal-leading-zero);display:block;color:var(--accent);font-size:13px;margin-bottom:8px}.case-result{padding:28px;background:var(--panel);margin-top:30px;border-radius:5px}.case-result>p:not(.eyebrow){font-size:20px;color:var(--text)}.case-result .case-tools{font-size:14px!important;color:var(--muted)!important}.case-result .eyebrow{margin-bottom:14px}@media(max-width:950px){.featured-grid{gap:20px}.featured-card h3{font-size:22px}.header nav{flex-wrap:wrap}.hero h1{font-size:clamp(2.5rem,4.7vw,3.6rem)}}@media(max-width:650px){.featured-grid,.case-grid,.case-process ol{grid-template-columns:1fr}.featured-grid{gap:38px}.hero h1{font-size:clamp(2.5rem,9.3vw,3.6rem)}.collection-heading{margin-top:48px;padding-top:38px}.case-grid{gap:20px}.case-result{padding:22px}.header nav{font-size:13px}.header .nav-contact{font-size:12px}.header .nav-contact span{margin-left:4px}}
.project-use-case{display:inline-block;margin-top:16px}
.project-cover{--cover-accent:#8de7dc;--cover-bg:#1c3333;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px;background:var(--cover-bg);color:#f3f7f5;transition:background .2s}.cover-rose{--cover-accent:#ffa6b6;--cover-bg:#35242b}.cover-amber{--cover-accent:#ffc58c;--cover-bg:#352b22}.cover-violet{--cover-accent:#cab1ff;--cover-bg:#2c263d}.cover-cyan{--cover-accent:#92dfed;--cover-bg:#203238}.cover-blue{--cover-accent:#a5caff;--cover-bg:#233044}.cover-top,.cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.cover-top>span:first-child{font-size:15px;font-weight:700;color:var(--cover-accent)}.cover-top>span:last-child{font-size:10px;letter-spacing:.15em;color:#cad4d5}.cover-title{font:500 clamp(20px,2.1vw,30px)/1.22 Manrope,sans-serif;letter-spacing:-.04em;margin:20px 0}.cover-title>span,.cover-title>strong{display:block}.cover-title>strong{color:var(--cover-accent);font-weight:500}.cover-bottom{border-top:1px solid #ffffff24;padding-top:13px}.cover-bottom>span:first-child{font-size:10px;letter-spacing:.03em;color:#d0d8d9}.cover-arrow{color:var(--cover-accent);font-size:21px;line-height:1}.project-image:hover .project-cover{background:color-mix(in srgb,var(--cover-bg),white 6%)}@media(max-width:950px) and (min-width:651px){.featured-grid{grid-template-columns:1fr}.featured-card{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.featured-card>a:first-child{grid-row:span 2}.featured-card>.text-link{align-self:start;justify-self:start}.featured-card .cover-title{font-size:26px}.featured-card .eyebrow{margin-top:18px}}@media(max-width:650px){.project-cover{padding:22px}.cover-title{font-size:clamp(21px,6.4vw,30px)}.cover-top>span:first-child{font-size:14px}.cover-bottom>span:first-child{font-size:10px}.featured-card .project-image{aspect-ratio:1.55}}@media(prefers-reduced-motion:reduce){.project-cover{transition:none}}
.rag-demo{margin-top:45px;padding:30px;border:1px solid #497574;border-radius:8px;background:#142021}.demo-heading{display:flex;gap:22px;justify-content:space-between;align-items:start}.demo-heading h2{font-size:clamp(26px,3.5vw,40px)}.demo-label{font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:4px;white-space:nowrap;color:var(--accent)}.rag-demo>p{font-size:14px;max-width:800px}.rag-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.rag-flow li{padding:15px;background:#202e30;border:1px solid #3b5153;border-radius:5px;transition:background .2s,border-color .2s}.rag-flow li.active{background:#264541;border-color:var(--accent)}.rag-flow small,.rag-flow strong,.rag-flow span{display:block}.rag-flow small{font-size:10px;color:var(--accent);letter-spacing:.08em}.rag-flow strong{font-size:14px;margin:9px 0}.rag-flow span{font-size:12px;color:var(--muted)}.rag-panels,.rag-query{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rag-panel{padding:22px;background:#10191b;border-radius:5px;min-width:0}.rag-demo h3{font-size:21px}.rag-panel>p,.rag-query>div>p{font-size:14px}.rag-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.rag-actions .button,.quiet-button{font-size:14px;padding:11px 14px}.quiet-button{background:transparent;border:1px solid #587475;border-radius:4px;color:var(--text);cursor:pointer}.rag-demo button:disabled{opacity:.5;cursor:wait}.rag-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rag-stats dt{font-size:11px;color:var(--muted)}.rag-stats dd{margin:5px 0;font:500 26px Manrope,sans-serif;color:var(--accent)}.rag-record{padding:15px;border:1px solid var(--line);border-radius:4px}.rag-record small{font:12px monospace;color:var(--accent)}.rag-record p{font-size:14px;overflow-wrap:anywhere}.rag-log{padding-left:20px;font-size:12px;color:var(--muted)}.rag-log li{margin-top:8px}.rag-query{border-top:1px solid var(--line);padding-top:26px;margin-top:26px}.rag-answer{background:#1f3332;padding:24px;border-radius:5px;overflow-wrap:anywhere}.rag-answer small{font-size:10px;letter-spacing:.1em;color:var(--accent)}.rag-answer #rag-answer{font-size:18px;color:var(--text)}.rag-citation{font-size:12px!important;color:var(--accent)!important}#rag-sync-status{font-size:13px;min-height:42px}.rag-demo textarea{font-size:15px}@media(max-width:750px){.demo-heading{flex-direction:column}.rag-flow{grid-template-columns:1fr 1fr}.rag-panels,.rag-query{grid-template-columns:1fr}.rag-demo{padding:20px}.rag-panel{padding:18px}.rag-actions .button{white-space:normal}}@media(prefers-reduced-motion:reduce){.rag-flow li{transition:none}}

/* Connected CM identity */
.wordmark{display:inline-flex;align-items:center;gap:12px}.wordmark .brand-name{color:var(--text);padding:0}.brand-mark{display:block;flex:none;width:52px;height:52px;color:var(--accent)}.brand-connection{stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .25s ease}.wordmark:hover .brand-connection,.wordmark:focus-visible .brand-connection{stroke-dashoffset:0}@media(max-width:650px){.header .wordmark .brand-name{display:block;width:min-content;white-space:normal;font-size:15px;line-height:1.25}.header .brand-mark{width:44px;height:44px}.header{gap:14px}.header .wordmark{flex:none}}@media(prefers-reduced-motion:reduce){.brand-connection{transition:none}}

/* Project-specific browser simulations */
.simulation-note{color:#c9d8d5!important;border-left:2px solid var(--accent);padding-left:14px}.simulation-form{background:#10191b;margin:0;padding:22px;border-radius:5px}.simulation-form select{display:block;width:100%;margin:8px 0 18px;background:#101617;color:var(--text);padding:12px;border:1px solid #587475;border-radius:4px;font:inherit}.simulation-form select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.simulation-output{min-width:0;background:#1f3332;padding:24px;border-radius:5px}.simulation-output dl{margin:22px 0}.simulation-output dl>div{border-top:1px solid #42605d;padding:14px 0}.simulation-output dt{color:var(--accent);font-size:12px}.simulation-output dd{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.workflow-demo .rag-flow strong{min-height:38px}.workflow-demo .rag-actions{gap:8px}.workflow-demo .rag-actions button{white-space:normal}.simulation-form input,.simulation-form textarea{max-width:100%}