/* One content tree. All mode-specific layout and materials live here. */
:root{--design-radius:12px;--design-surface:#18201bbf;--design-rule:#ffffff20;--brand-ink:#c2f98b;--design-display:'Manrope',sans-serif}
html[data-design=monolith]{color-scheme:dark;--bg:#111210;--text:#f1f0e9;--muted:#aaa99f;--lime:#f1f0e9;--brand-ink:#f1f0e9;--line:#52534d;--design-radius:0px;--design-surface:#1d1e1a;--design-rule:#52534d;--design-display:'Manrope',sans-serif}
html[data-design=monolith] body{background:var(--bg);color:var(--text)}
html[data-design=monolith] .header{border-bottom:1px solid var(--design-rule);height:120px}
html[data-design=monolith] .brand-mark{filter:none}.brand-mark{transition:filter .4s,color .4s}
html[data-design=monolith] .brand-mark :is(.dusk-sun,.dusk-horizon){opacity:1}
html[data-design=monolith] .brand-wordmark small{color:var(--muted)}
html[data-design=monolith] .header nav{border:0;background:none;backdrop-filter:none;border-radius:0;padding:0}
html[data-design=monolith] .nav-contact{border:1px solid var(--text);background:none;border-radius:0}
html[data-design=monolith] .transform-control{border:1px solid var(--text);border-radius:0;background:var(--text);color:var(--bg);box-shadow:none}
html[data-design=monolith] .transform-control :is(svg,small){color:var(--bg)}
html[data-design=monolith] .transform-control:hover{background:#dcdcd2;border-color:#dcdcd2}
html[data-design=monolith] .hero{padding-top:70px;padding-bottom:72px;gap:42px;min-height:730px;grid-template-columns:1.1fr .9fr;align-items:center}
html[data-design=monolith] .hero-copy{border-left:4px solid var(--text);padding-left:25px;animation:none}
html[data-design=monolith] h1{font-size:clamp(50px,5.5vw,79px);font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:-4px;margin-bottom:32px}
html[data-design=monolith] .hero h1 .accent{color:var(--text);background:none;-webkit-text-fill-color:currentColor}
html[data-design=monolith] .eyebrow{color:#bcbcb3;font-family:monospace;font-weight:400;letter-spacing:1.7px}
html[data-design=monolith] .hero-copy .eyebrow{font-size:10px;letter-spacing:1px}
html[data-design=monolith] .tiny-star{display:none}
html[data-design=monolith] .intro{font-size:21px;line-height:1.5;font-weight:500}
html[data-design=monolith] .support{color:var(--muted)}
html[data-design=monolith] .hero-notes{color:#b5b5aa;font-family:monospace;font-size:11px;gap:15px}
html[data-design=monolith] .button{border-radius:0;box-shadow:none;min-height:52px;text-transform:uppercase;font-size:12px;letter-spacing:.5px}
html[data-design=monolith] .primary{color:var(--bg);background:var(--text);box-shadow:none}
html[data-design=monolith] .primary:hover{background:#d3d4c9;transform:none;box-shadow:none}
html[data-design=monolith] .text-link{border-color:#a4a79a;font-size:13px}
html[data-design=monolith] .hero-stage{padding:0;animation:none;perspective:none;max-width:none}
html[data-design=monolith] .stage-glow{display:none}
html[data-design=monolith] .orbit-label{text-align:left;color:#b4b5aa;font-family:monospace;font-size:10px;border-top:1px solid var(--design-rule);padding-top:15px;margin-bottom:20px}
html[data-design=monolith] .example-window,html[data-design=monolith] .hero-stage:hover .example-window{transform:none;animation:none;background:#dfdfd4;border:0;border-radius:0;box-shadow:none;color:#171813;min-height:390px;transition:none}
html[data-design=monolith] .browser-bar{border-color:#929487;background:#dfdfd4;color:#3e4338;border-bottom:1px solid #a4a69b;border-radius:0;font-family:monospace}
html[data-design=monolith] .browser-dots{color:#575c50}
html[data-design=monolith] .sample-nav{padding:25px 24px;color:#171813}
html[data-design=monolith] .sample-nav strong{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.7px}
html[data-design=monolith] .sample-nav>span{color:#474b41}
html[data-design=monolith] .sample-nav b{border-color:#686d5d;border-radius:0}
html[data-design=monolith] .example-window .sample-body{background:none;min-height:245px;padding:18px 24px 26px}
html[data-design=monolith] .example-window .sample-body h2{font-family:Manrope,sans-serif;font-size:clamp(42px,4vw,58px);font-weight:800;letter-spacing:-2px;text-transform:uppercase;line-height:1.03;color:#171813}
html[data-design=monolith] .example-window .sample-body i{font-style:normal;color:#171813;font-weight:800}
html[data-design=monolith] .example-window .sample-body>p{color:#4a4e42;font-family:monospace;font-size:9px;letter-spacing:1px}
html[data-design=monolith] .sample-line{border-color:#505748;width:100%}
html[data-design=monolith] .sample-tag{color:#32372e;font-size:12px}
html[data-design=monolith] .example-window .sample-footer{color:#4a4e42;border-color:#a4a69b;font-family:monospace}
html[data-design=monolith] .float-card{position:relative;bottom:auto;right:auto;transform:none;animation:none;margin:0;padding:17px 20px;background:#292b25;border:1px solid var(--design-rule);border-top:0;border-radius:0;box-shadow:none;backdrop-filter:none}
html[data-design=monolith] .float-card strong{color:var(--text);font-size:12px}
html[data-design=monolith] .float-card div>span{color:#b5b6a9}
html[data-design=monolith] .check-circle{border-color:#73786a;border-radius:0;color:var(--text);width:30px;height:30px}
html[data-design=monolith] .concept-picker{margin:18px 0 0;background:none;border-radius:0;border:1px solid var(--design-rule);padding:0;backdrop-filter:none;gap:0;width:100%}
html[data-design=monolith] .concept-picker button{flex:1;border:0;border-radius:0;color:#b6b8aa;min-height:43px;font-size:11px;padding:8px 7px}
html[data-design=monolith] .concept-picker button.active{background:var(--text);color:var(--bg)}
html[data-design=monolith] .concept-picker button:not(.active):hover{background:#292b25;color:var(--text)}
html[data-design=monolith] .concept-caption{text-align:left;font-family:monospace;color:#a8ac9d;font-size:10px}
html[data-design=monolith] .spotlight:before{display:none}
html[data-design=monolith] .service-strip{background:var(--text);color:var(--bg);border:0}
html[data-design=monolith] .service-strip .wrap{padding-top:24px;padding-bottom:24px}
html[data-design=monolith] .service-strip .wrap>span:first-child{color:#353a2e;letter-spacing:1px;font-weight:700}
html[data-design=monolith] .service-strip .wrap>span:last-child,html[data-design=monolith] .service-strip i{color:#30352a}
html[data-design=monolith] #services{background:var(--text);color:var(--bg);max-width:none;padding:90px max(56px,calc((100vw - 1208px)/2)) 100px;margin:0}
html[data-design=monolith] #services :is(.eyebrow,.muted){color:#62665a}
html[data-design=monolith] .section-head{margin-bottom:38px;align-items:flex-end}
html[data-design=monolith] .section h2{font-weight:800;text-transform:uppercase;font-size:clamp(32px,3.7vw,52px);line-height:1.03;letter-spacing:-2px}
html[data-design=monolith] #services .section-head>p{color:#585c50}
html[data-design=monolith] .services-grid{gap:0;border-top:1px solid #73786a;border-left:1px solid #73786a}
html[data-design=monolith] .service-card{background:none;border:0;border-right:1px solid #73786a;border-bottom:1px solid #73786a;border-radius:0;padding:32px;backdrop-filter:none;box-shadow:none;transform:none;transition:background .2s}
html[data-design=monolith] .service-card:hover{background:#dedfd4;box-shadow:none;transform:none}
html[data-design=monolith] .service-icon{border:0;border-radius:0;background:none;color:#171d11;font-size:32px;width:32px;height:36px;margin-bottom:42px}
html[data-design=monolith] .card-number{font-family:monospace;font-size:14px;color:#555c4c}
html[data-design=monolith] .service-card h3{font-size:24px;text-transform:uppercase;font-weight:800;letter-spacing:-.8px;color:#171b12}
html[data-design=monolith] .service-card p{color:#505649;font-size:15px}
html[data-design=monolith] .tags span{border:1px solid #9a9e90;border-radius:0;background:none;color:#4f5646;font-size:11px;font-family:monospace}
html[data-design=monolith] .addon{color:#555d4b;font-size:10px;font-family:monospace}
html[data-design=monolith] .approach{padding-top:100px;padding-bottom:70px;gap:90px}
html[data-design=monolith] .approach h2{font-size:clamp(43px,4.4vw,63px)}
html[data-design=monolith] .approach-intro{color:#aeb1a5}
html[data-design=monolith] .steps article{border-color:#4e5547;padding:28px 0}
html[data-design=monolith] .steps article:first-child{padding-top:0}
html[data-design=monolith] .steps article>span{font-size:20px;font-family:monospace;color:#b7bcad}
html[data-design=monolith] .steps h3{font-weight:700;font-size:20px}
html[data-design=monolith] .steps p{color:#aeb1a5}
html[data-design=monolith] #contact{padding-top:40px;padding-bottom:20px}
html[data-design=monolith] .contact-panel{background:var(--text);color:var(--bg);border:0;border-top:8px solid #8a9180;border-radius:0;padding:48px;gap:48px;box-shadow:none}
html[data-design=monolith] .contact-panel .eyebrow,html[data-design=monolith] .contact-note{color:#606655}
html[data-design=monolith] .contact-panel h2{font-size:clamp(34px,3.3vw,48px);letter-spacing:-1.7px}
html[data-design=monolith] .contact-panel .accent{color:#505a43}
html[data-design=monolith] .contact-panel>div>p:not(.eyebrow),html[data-design=monolith] .contact-content p{color:#5a6250}
html[data-design=monolith] .intent-tabs{border:1px solid #666f5c;border-radius:0;background:transparent;padding:0;gap:0}
html[data-design=monolith] .intent-tabs button{border-radius:0;color:#555d4b;min-height:48px}
html[data-design=monolith] .intent-tabs .selected{background:#1b2115;color:#f1f0e9;box-shadow:none}
html[data-design=monolith] .contact-content h3{font-size:24px;text-transform:uppercase;font-weight:800}
html[data-design=monolith] form label{color:#303828}
html[data-design=monolith] form :is(input,textarea){border:1px solid #777e6c;border-radius:0;background:#e7e8df;color:#11170b}
html[data-design=monolith] form :is(input,textarea)::placeholder{color:#646d58}
html[data-design=monolith] form :is(input,textarea):focus{outline:2px solid #404c33}
html[data-design=monolith] .contact-panel .primary{background:#1b2115;color:#f1f0e9}
html[data-design=monolith] .contact-panel :is(a,button):focus-visible{outline-color:#27331c}
html[data-design=monolith] #email-status{color:#354427}
html[data-design=monolith] footer{border-top:1px solid #4e5547;margin-top:55px!important;padding-top:35px!important}
html[data-design=monolith] footer :is(p,span){color:#aeb4a3}
/* Native View Transitions captures the existing and new layouts. Only snapshots animate. */
@keyframes forge-in{from{clip-path:polygon(0 0,0 0,0 100%,0 100%);filter:brightness(1.25)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:brightness(1)}}
@keyframes forge-out{to{filter:brightness(.65)}}
@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:forge-out .7s ease both;mix-blend-mode:normal}::view-transition-new(root){animation:forge-in .85s cubic-bezier(.65,0,.25,1) both;mix-blend-mode:normal}::view-transition-group(root){animation-duration:.85s}}
@media(max-width:1100px){html[data-design=monolith] .hero{gap:30px}html[data-design=monolith] h1{font-size:60px;letter-spacing:-3px}html[data-design=monolith] .hero-copy{padding-left:20px}html[data-design=monolith] .actions{gap:18px}html[data-design=monolith] #services{padding-left:30px;padding-right:30px}html[data-design=monolith] .contact-panel{gap:30px;padding:35px}}
@media(max-width:800px){html[data-design=monolith] .hero{grid-template-columns:1fr;gap:45px;padding-top:45px;padding-bottom:55px}html[data-design=monolith] h1{font-size:clamp(52px,8.7vw,80px);max-width:670px}html[data-design=monolith] .hero-stage{width:100%;max-width:600px;margin:0 auto}html[data-design=monolith] .example-window .sample-body h2{font-size:58px}html[data-design=monolith] .approach{gap:45px}html[data-design=monolith] .services-grid{grid-template-columns:1fr}html[data-design=monolith] .section-head{display:block}html[data-design=monolith] .section-head>p{margin-top:25px}html[data-design=monolith] #services{padding-top:60px;padding-bottom:65px}}
@media(max-width:700px){html[data-design=monolith] .header{height:auto;min-height:100px}html[data-design=monolith] .hero-copy{border-left-width:2px;padding-left:17px}html[data-design=monolith] h1{font-size:clamp(39px,10.4vw,64px);letter-spacing:-2px;line-height:1.04}html[data-design=monolith] .hero-copy .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.7px}html[data-design=monolith] .intro{font-size:19px}html[data-design=monolith] .hero-stage{padding:0;max-width:100%}html[data-design=monolith] .example-window .sample-body h2{font-size:clamp(37px,10vw,58px);letter-spacing:-1.5px}html[data-design=monolith] .example-window{min-height:370px}html[data-design=monolith] .sample-body{min-height:230px}html[data-design=monolith] #services{padding-left:23px;padding-right:23px}html[data-design=monolith] .section h2{font-size:32px;letter-spacing:-1.2px}html[data-design=monolith] .service-card{padding:26px}html[data-design=monolith] .service-card h3{font-size:22px}html[data-design=monolith] .service-icon{margin-bottom:30px}html[data-design=monolith] .approach{padding-top:65px;padding-bottom:40px}html[data-design=monolith] .approach h2{font-size:41px}html[data-design=monolith] .contact-panel{padding:27px 22px;gap:35px}html[data-design=monolith] .contact-panel h2{font-size:35px}html[data-design=monolith] .contact-content h3{font-size:21px}html[data-design=monolith] .service-strip .wrap>span:first-child{font-size:9px;letter-spacing:.8px}html[data-design=monolith] .concept-picker button{font-size:10px}html[data-design=monolith] .sample-tag{font-size:11px}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.transform-control,.brand-mark{transition:none}.transform-curtain{display:none}}