/* Architecture, blue night and warm stone — October 2026 demo. */
:root{--navy:#102b46;--ink:#172d40;--muted:#596570;--warm:#eeeae3;--line:#d4d7d7;--copper:#866640;--blue:#e8eef3}
body{background:#f8f7f4}
.demo-bar{background:#0a1929;color:#cbd5df;font-size:12px;letter-spacing:.035em}
.site-header{background:#0d2238;border-bottom:1px solid #ffffff20}
.header-inner{min-height:102px}
.nav a{font-size:14px}
.nav a:hover{color:#e5c7a0}
.nav button,.btn,.btn.small{border-radius:2px}
.btn{background:#173b5c;border-color:#173b5c;padding:16px 24px;transition:background .18s}
.btn:hover{background:#245273}
.btn.secondary{background:transparent;border-color:#9babb6}
.hero{position:relative;display:block;isolation:isolate;background:#0b1d30;color:#fff;min-height:720px;overflow:hidden}
.hero-photo{position:absolute;inset:0;z-index:-2;min-height:0}
.hero-photo>img{object-position:70% 54%}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,23,40,.96) 0%,rgba(9,27,44,.86) 31%,rgba(9,25,40,.34) 64%,rgba(7,20,31,.08) 100%)}
.hero-copy{max-width:760px;padding:92px 40px 104px max(36px,calc((100vw - 1168px)/2))}
.hero .eyebrow{color:#e7c89f;letter-spacing:.2em;font-size:12px;max-width:460px}
.hero h1{font-size:clamp(52px,5.5vw,78px);line-height:1.04;letter-spacing:-.035em;max-width:620px;margin:26px 0 28px;text-wrap:balance}
.hero .lead{color:#e0e4e8;font-size:18px;max-width:455px;line-height:1.75}
.hero .btn{background:#254f73;border-color:#527492}
.hero .btn:hover{background:#35678f}
.hero .btn.secondary{background:#0b2138aa;color:white;border-color:#d6e0e899}
.hero .btn.secondary:hover{background:#203f5c}
.hero .trust{color:#e0e5e9;font-size:14px;margin-top:30px;gap:24px}
.hero .trust span:before{color:#e7c89f}
.photo-note{left:auto;right:40px;bottom:30px;border-radius:0;background:#0d2238b8;border-left:2px solid #d5b68b;color:#fff;max-width:300px;padding:17px 23px}
.photo-note strong{font-size:22px;line-height:1.25}
.photo-note span{display:block;color:#d5dee6;font-size:12px;margin-top:8px}
.section{padding:94px 0}
.section.warm{background:#eeeae3}
.intro-grid{gap:84px}
.section h2{font-size:clamp(34px,3.4vw,49px)}
.section .eyebrow{letter-spacing:.18em}
.step{border-top:1px solid #a99478;padding:30px 15px 0 0}
.step .num{font-size:44px;color:#8c724e}
.step h3{font-weight:500;font-family:Georgia,serif;font-size:25px}
.approach img{height:490px;border-radius:0}
.partner{background:#102b46;border-radius:0;border-top:2px solid #bc9a6d;padding:54px}
.partner .eyebrow{color:#e0bd90}
.partner .btn.warm{background:#e7d1b4;border-color:#e7d1b4;color:#102b46}
.footer{background:#0a1c2e;padding-top:60px}
.footer strong{letter-spacing:.05em}
.panel,.card,.portrait,.empty,.profile .portrait,.notice{border-radius:2px}
.panel{background:#fff}
.card{box-shadow:0 10px 30px #102b4606}
.card-body{padding:27px}
.portrait{background:linear-gradient(135deg,#102b46,#36546c);color:#ecd9be}
.tag{border-radius:2px}
.page-head{border-left:2px solid #b2946d;padding-left:24px}
.page h1{letter-spacing:-.035em}
.admin-nav a.active{border-left:2px solid #a98b64}
@media(min-width:1600px){.hero-photo>img{object-position:70% 58%}}
@media(max-width:950px){.hero-copy{max-width:640px;padding:74px 34px 122px}.hero h1{font-size:62px;max-width:520px}.photo-note{right:28px;bottom:20px;max-width:260px}.intro-grid{gap:36px}}
@media(max-width:650px){.header-inner{min-height:90px}.nav a{font-size:12px}.hero{min-height:800px}.hero-photo>img{object-position:61% center}.hero:after{background:linear-gradient(180deg,#081b2de0 0%,#091e32d6 52%,#081a2b75 100%)}.hero-copy{padding:52px 24px 140px;max-width:100%}.hero h1{font-size:50px;max-width:360px;line-height:1.08}.hero .eyebrow{font-size:11px;max-width:300px}.hero .lead{font-size:17px;line-height:1.65}.hero .actions{gap:12px}.hero .btn{min-height:55px}.hero .trust{font-size:13px;gap:16px}.photo-note{left:24px;right:24px;bottom:24px;max-width:none;padding:15px 19px}.photo-note strong{font-size:21px}.section{padding:58px 0}.intro-grid{gap:24px}.approach img{height:310px}.partner{padding:30px}.page-head{padding-left:18px}.footer{padding-top:45px}}

/* Home-page comparison. */
.comparison{padding-bottom:0}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.comparison-card{padding:36px 38px;background:var(--warm);border:1px solid var(--line);border-radius:2px}.comparison-card h3{font:700 13px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}.comparison-card ul{list-style:none;padding:0;margin:0}.comparison-card li{display:flex;gap:17px;align-items:flex-start;border-top:1px solid #172d4020;padding:24px 0;min-height:104px;font-size:18px;line-height:1.55}.comparison-card li:last-child{padding-bottom:0}.comparison-card li>span:first-child{color:var(--copper);flex:0 0 18px}.comparison-card.featured{background:var(--navy);border-color:var(--navy);color:#f4f2ed;border-top:2px solid #bc9a6d}.comparison-card.featured h3,.comparison-card.featured li>span:first-child{color:#e7c89f}.comparison-card.featured li{border-color:#ffffff25}@media(max-width:650px){.comparison-grid{grid-template-columns:1fr;gap:20px}.comparison-card{padding:27px 24px}.comparison-card li{font-size:16px;min-height:0;padding:20px 0}.comparison .section-head{margin-bottom:28px}}

/* Reference-inspired comment cards in the site's warm stone palette. */
.comment-examples{padding-top:0}.comment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.comment-card{margin:0;padding:36px 30px 34px;display:flex;flex-direction:column;background:var(--warm);border:1px solid var(--line);border-radius:28px;color:var(--ink)}.comment-logo{display:block;width:76px;height:64px;object-fit:contain;object-position:left center;margin-bottom:30px}.comment-card blockquote{margin:0 0 42px;flex:1}.comment-card blockquote p{font:italic 23px/1.55 Georgia,serif;margin:0;overflow-wrap:break-word}.comment-card figcaption{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@media(max-width:950px){.comment-grid{gap:18px}.comment-card{padding:30px 24px}.comment-card blockquote p{font-size:20px}}@media(max-width:650px){.comment-examples{padding-top:0}.comment-grid{grid-template-columns:1fr;gap:20px}.comment-card{padding:30px 28px;border-radius:24px}.comment-logo{width:68px;height:58px;margin-bottom:24px}.comment-card blockquote{margin-bottom:30px}.comment-card blockquote p{font-size:22px}}

.footer-neq{display:block;margin-top:6px;font-size:11px;line-height:1.6;color:#a8b5c0}

.founder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:48px;margin-top:56px;padding:36px;background:var(--warm);border-top:2px solid #bc9a6d}.founder .eyebrow{margin-bottom:18px}.founder h3{font:400 32px/1.2 Georgia,serif;margin-bottom:8px}.founder-role{color:var(--muted);margin:0}.founder-story p:last-child{margin-bottom:0}@media(max-width:650px){.founder{grid-template-columns:1fr;gap:24px;margin-top:32px;padding:26px}.founder h3{font-size:28px}}

.founder{grid-template-columns:220px minmax(0,1fr);column-gap:36px;row-gap:24px;align-items:start}.founder-photo{grid-column:1;grid-row:1 / span 2;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px}.founder-story{grid-column:2}.founder h3{margin-bottom:8px}@media(max-width:650px){.founder{grid-template-columns:1fr;gap:24px}.founder-photo{grid-column:1;grid-row:auto;width:100%;max-width:280px}.founder-story{grid-column:1}}