/* Charcoal / silver / ember: review edition. Content and behavior preserved. */
:root{color-scheme:dark;--bg:#14171b;--panel:#1d2228;--line:#3d434a;--border:#3d434a;--ink:#f0eee8;--text:#f0eee8;--muted:#b5bac2;--accent:#e5b973;--mint:#7ed4cf}
body.warm,body.portal-warm,body.start-warm{background-color:var(--bg);background-image:radial-gradient(ellipse at 90% 12%,#be87300c,transparent 42%),radial-gradient(ellipse at 0% 70%,#68bebd08,transparent 48%);color:var(--ink)}
.warm .draft,.prototype,.start-warm .draft{background:#0c1015;color:#b5bac2;border-bottom:1px solid #3d434a;letter-spacing:1.5px}
.warm .nav{border-color:#3d434a;padding:18px 0 24px;gap:26px}.brand .selected-wordmark,.portal-warm .brand .selected-wordmark,.start-warm .brand .selected-wordmark{width:200px;aspect-ratio:2.45;mix-blend-mode:normal;border:0;border-radius:10px;box-shadow:none;background:transparent;filter:none}.brand .selected-wordmark img{width:100%;max-width:none;height:auto;left:0;top:50%;transform:translateY(-50%)}.brand .brand-caption,.portal-warm .brand-caption{color:#bdc5ce;font-size:8px;letter-spacing:1.65px;margin-top:9px}
.warm h1,.warm h2,.warm h3,.heading h1,.start-warm h1{color:#f0eee8}.warm .hero h1 em,.start-warm h1 em{color:#e7bd7b}.warm p,.warm footer p,.hint,.caption,small{color:#b5bac2}.warm .eyebrow,.eyebrow{color:#d6b27a}.warm .hero{padding:72px 0 78px;gap:45px}.warm .hero:before{background:linear-gradient(90deg,#d6b27a,transparent);top:33px}.warm .hero h1{font-size:clamp(43px,4.7vw,65px)}
.warm .nav nav>a:not(.button),.warm .nav nav>a.portal-entry{background:linear-gradient(145deg,#2a3038,#1a1f26);color:#ece9e1;border-color:#4b515a;box-shadow:inset 0 1px #aab2bd18,0 3px 8px #0002;text-shadow:none}.warm .nav nav>a:not(.button):is(:hover,:focus-visible){color:#fff0d0;background:#30343a;border-color:#d2ad75;box-shadow:0 0 18px #dfae5925}.warm .nav nav>a:not(.button)::before{background:linear-gradient(110deg,transparent 20%,#a6d8d32b 48%,#eeb97130 56%,transparent 80%)}.warm .nav nav>a:not(.button)[aria-current=page]{background:#35312b;color:#f5d49c;border-color:#9d8056}
.warm .button,.warm nav .button,.warm .cta .button,.portal-warm button.primary,.start-warm .actions button:not(.secondary){background:linear-gradient(145deg,#d1a566,#ab7d40)!important;border-color:#e3bf87!important;color:#17191c!important;box-shadow:inset 0 1px #fff5d766,0 5px 16px #0003}.warm .button.outline{background:transparent!important;color:#e6c58f!important}.warm .button:hover,button.primary:hover{box-shadow:0 0 25px #deaa4d40!important}.warm a:hover{color:#f2c784}.quiet-link{border-color:#67737b}.warm .button:focus-visible,.warm .nav nav>a:focus-visible{outline-color:#88d5d2}
.forge-scene{background:radial-gradient(ellipse at 50% 60%,#bd803326,transparent 65%),linear-gradient(135deg,#252b32,#11171c)!important;border-color:#74716a;box-shadow:inset 0 0 0 5px #c6b4970c,0 25px 55px #0004}.forge-wings{filter:saturate(.5);opacity:.7}.warm .forge-scene .sample-browser{border-color:#a38b66;box-shadow:0 16px 35px #0007;background:#f5ead4}.warm .forge-scene .sample-content h3{color:#324e3c}.forge-scene .sample-top{background:linear-gradient(#4b525a,#2c333c);border-color:#a38b66}.forge-scene .art-caption,.forge-scene .motion-toggle{color:#d4c7ae}
.warm .how,.website-features,.warm .meet-section,.story-row,.warm footer,.warm .step,.homegrown,.feature-grid article,.warm .faq-group details{border-color:#3d434a}.warm .how:before,.website-features:before,.warm .meet-section:before{background:#d3ad73;box-shadow:0 0 0 3px #14171b,0 0 0 4px #74716a}.etched-trace{color:#8b9aab;opacity:.22}.etched-trace .trace-light{stroke:#7cb8bb}.etched-trace circle{fill:#9b875f;stroke:#20262d}.feature-grid svg{stroke:#d7b67f;filter:none}.feature-label{color:#8fcac7}.warm .annual-note,.warm .panel,.portal-warm .panel,.journey form,form#start-form,.warm form,dialog{background:linear-gradient(130deg,#252a30,#1b2026);border-color:#4a4e53;color:#f0eee8;box-shadow:inset 0 0 0 4px #b5bdca06,0 6px 18px #0002}.warm .number{background:#252b32;border-color:#6b6e71;color:#dfc295;box-shadow:none}.portrait-placeholder{background:linear-gradient(140deg,#353d46,#222830);border-color:#3d4651;color:#cbd0d5;box-shadow:0 0 0 1px #79766d}.warm .cta{background:radial-gradient(ellipse at 85% 50%,#a37b3930,transparent 65%),#20262c;border:1px solid #817153;box-shadow:inset 0 0 0 4px #d3a66a0a}.warm .cta h2{color:#f0eee8}.warm .cta .eyebrow{color:#dab77e}
.warm .faq-group details[open]{background:#222830;box-shadow:inset 3px 0 #b38b51}.warm .faq-group summary{color:#e9e7e1}.faq-index a{color:#c4b28f}.warm input,.warm textarea,.warm select,input:not([type=checkbox]):not([type=radio]),textarea,select{background:#12171d!important;color:#eeeae3!important;border-color:#626970!important}.warm #brief,#review{background:#181e25;color:#d3d9df}.notice,.next-steps{background:#252d34!important;border-color:#57716f!important;color:#d2e5e2!important}.warm .support-console{background:radial-gradient(ellipse at 50% 0,#ab844d22,transparent 65%),linear-gradient(130deg,#252d35,#141b22)!important;border-color:#a38b66}.warm .support-console label{color:#ddc5a0}.warm .support-console input{background:#10171d!important;color:#f4d7a5!important;border-color:#8b806b}.warm .console-key{background:linear-gradient(145deg,#414851,#252c34)!important;border-color:#82786a!important;color:#f0dfc2!important}.session-error{color:#ffa494!important}.session-frame{background:#20262c;border-color:#79766d}
.effects-toggle{background:#222a32!important;color:#cbd3db!important;border-color:#69747b!important}.effects-toggle:focus-visible{outline-color:#7ed4cf}.portal-warm .sidebar{background:#171d24;border-color:#3d434a}.portal-warm .topbar{border-color:#3d434a}.portal-warm .sidebar nav button{color:#bec8d1}.portal-warm .sidebar nav button[aria-current=page]{background:#313a42!important;color:#f1d3a3!important;box-shadow:inset 3px 0 #d1ad70}.sidebar nav b,.avatar{background:#35414a;color:#e6eceb}.portal-warm .attention{background:linear-gradient(130deg,#33312b,#232a31)}.portal-warm .bubble,.portal-warm .bubble.user{background:#2a343d;color:#e0e6e9}.bubble p,.bubble strong,.ticket,.subtle-row strong,#review dd{color:#c6d3db}.portal-warm .ticket[aria-pressed=true]{background:#2a343d;border-left-color:#d1ad70}.portal-warm .dragon-tile p,.portal-warm .sidebar-bottom a,.dragon small{color:#abbac7}.portal-warm .metric strong,.portal-warm .textbutton,.promise span{color:#e2bb7b}.badge,.badge.amber,.badge.neutral{background:#35433e;color:#cce6dc}.secondary,.file button{color:#c6d3db;border-color:#63747b}.start-warm .choice,.start-warm .check{background:#222b33!important;border-color:#4f5d66!important}.start-warm .choice:has(input:checked),.start-warm .check:has(input:checked){background:#303d40!important;border-color:#9dbbb6!important}.choice strong,.check span,.progress li,.progress li[aria-current=step]{color:#d7e2e5}.start-warm .actions button.secondary{color:#d7e2e5!important}.portal-warm .dragon-tile{border-color:#4f5d66}
@media(max-width:900px){.warm .nav{gap:22px}.warm .hero{gap:26px}.warm .hero h1{font-size:44px}}
@media(max-width:700px){.warm .hero{padding:42px 0 48px;gap:28px}.warm .hero h1{font-size:44px}.warm .hero:before{top:22px}.brand .selected-wordmark,.portal-warm .brand .selected-wordmark,.start-warm .brand .selected-wordmark{width:180px}.warm .nav{padding-top:20px}.warm .nav nav>a:not(.button){min-height:46px}.brand .brand-caption{font-size:7px}.warm .cta{padding:26px}.feature-grid article{border-color:#3d434a}}

/* Approved castle portrait: screenshot-matched closer crop. */
.warm .meet-section{grid-template-columns:195px 1.4fr .9fr}.warm .about-matt{grid-template-columns:220px 1fr;max-width:950px}.matt-portrait-frame{width:100%;aspect-ratio:3/4;overflow:hidden;border:1px solid #817153;border-radius:54px 54px 6px 6px;background:#1d2228}.matt-photo-slot .matt-portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;transform:scale(1.4);transform-origin:50% 46%}.matt-photo-slot small{color:#b5bac2}
@media(max-width:1000px){.warm .meet-section{grid-template-columns:190px 1fr}.warm .about-matt{grid-template-columns:220px 1fr}}
@media(max-width:700px){.warm .meet-section,.warm .about-matt{grid-template-columns:1fr}.matt-photo-slot{width:min(100%,195px)}.homegrown{grid-column:1/-1}}

/* Home stays first and navigation wraps cleanly with the extra destination. */
.warm .nav nav{flex-wrap:wrap;gap:10px}.warm .nav{flex-wrap:wrap}.home-nav-button{display:inline-flex;align-items:center;padding:10px 16px;background:linear-gradient(145deg,#2a3038,#1a1f26);color:#ece9e1;border:1px solid #4b515a;border-radius:8px;text-decoration:none}.home-nav-button:hover,.home-nav-button:focus-visible{color:#fff0d0;background:#30343a;border-color:#d2ad75;box-shadow:0 0 18px #dfae5925}.portal-warm .sidebar nav .home-nav-button{margin-bottom:8px}

/* Shared service columns keep every row aligned, regardless of its content. */
.services-list{width:100%}.services-list .service{width:100%;box-sizing:border-box;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:50px}.services-list .service>div{min-width:0}.services-list .number{width:auto;height:auto;display:block;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:11px;letter-spacing:1.5px}.service-support-content{display:grid;grid-template-columns:160px minmax(0,1fr);gap:26px;align-items:start}.service-support-content .matt-photo-slot{width:160px;min-height:0}.service-support-content p:first-child{margin-top:0}
@media(max-width:900px){.service-support-content{grid-template-columns:130px minmax(0,1fr);gap:20px}.service-support-content .matt-photo-slot{width:130px}.services-list .service{gap:28px}}
@media(max-width:700px){.services-list .service{grid-template-columns:minmax(0,1fr);gap:18px}.service-support-content{grid-template-columns:130px minmax(0,1fr)}}
@media(max-width:460px){.service-support-content{grid-template-columns:1fr}.service-support-content .matt-photo-slot{width:160px}}
/* Keep support copy aligned with the other service descriptions; portrait at right. */
.service-support-content{grid-template-columns:minmax(0,1fr) 160px}.service-support-content>div:last-child{grid-column:1;grid-row:1;text-align:left}.service-support-content>.matt-photo-slot{grid-column:2;grid-row:1;justify-self:end}
@media(max-width:900px){.service-support-content{grid-template-columns:minmax(0,1fr) 130px}}
@media(max-width:460px){.service-support-content{grid-template-columns:minmax(0,1fr)}.service-support-content>div:last-child{grid-column:1;grid-row:1}.service-support-content>.matt-photo-slot{grid-column:1;grid-row:2;justify-self:end}}

/* Center the name under its mark, consistently in header and footer. */
.brand{align-items:center!important}.brand .brand-caption{align-self:stretch;text-align:center!important;width:100%}.footer-contact{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 26px!important}.warm footer .footer-contact a{font-size:14px;color:#e5b973}.contact-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding-top:15px!important}.contact-options .panel{padding:30px;min-width:0}.contact-options .panel:last-child{grid-column:1/-1}.contact-email{overflow-wrap:anywhere}@media(max-width:700px){.contact-options{grid-template-columns:minmax(0,1fr)}}

/* Keep the motion control clear of the existing Zoho chat launcher. */
.effects-toggle{right:auto!important;left:16px!important;width:auto!important;max-width:calc(100vw - 32px)}
