@charset "UTF-8";
/* Four palettes, one layout and one content source. */
:root {
  color-scheme:dark; --bg:#17191c; --surface:#202327; --raised:#292d32;
  --text:#f3f1ec; --muted:#b6b8bd; --accent:#dfbd88; --on-accent:#191b1e;
  --line:#41454a; --soft-line:#303439; --success:#a7d7b7; --success-bg:#20392b;
  --pending:#eac68b; --pending-bg:#40341f; --wash:rgba(223,189,136,.075);
  --shadow:0 24px 80px #0005; --radius:14px; --hero-grid:none;
  font-family:"Segoe UI",Inter,Arial,sans-serif; font-synthesis:none;
  background:var(--bg); color:var(--text); scroll-behavior:smooth; scroll-padding-top:24px;
}
:root[data-theme="light"] {
  color-scheme:light; --bg:#f5f6f8; --surface:#fff; --raised:#e9edf2;
  --text:#17212d; --muted:#526171; --accent:#795324; --on-accent:#fff;
  --line:#b2bdc9; --soft-line:#d5dce4; --success:#25633f; --success-bg:#e5f2e9;
  --pending:#74501a; --pending-bg:#f9efd9; --wash:rgba(121,83,36,.045);
  --shadow:0 24px 70px #22344d14;
}
:root[data-theme="midnight"] {
  --bg:#0d1526; --surface:#142137; --raised:#1d2d48; --text:#ecf2ff;
  --muted:#acbdd8; --accent:#adc2ff; --on-accent:#0d1526;
  --line:#3c5072; --soft-line:#283b58; --success:#a1ddc5; --success-bg:#153b35;
  --pending:#ead091; --pending-bg:#3d3523; --wash:rgba(132,171,255,.085);
}
:root[data-theme="techno"] {
  --bg:#09171a; --surface:#102327; --raised:#173238; --text:#e8f7f7;
  --muted:#a0bcc0; --accent:#80e8df; --on-accent:#09171a;
  --line:#3d656a; --soft-line:#244247; --success:#a4e7bd; --success-bg:#163b2f;
  --pending:#f0d190; --pending-bg:#403720; --wash:rgba(128,232,223,.06);
  --radius:4px; --hero-grid:linear-gradient(#80e8df05 1px,transparent 1px),linear-gradient(90deg,#80e8df05 1px,transparent 1px);
}
*{box-sizing:border-box}
body{margin:0;font-size:1rem;line-height:1.65}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button,select{font:inherit}
a,button,select,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
::selection{background:var(--accent);color:var(--on-accent)}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.2;font-weight:600}
h1,h2{letter-spacing:-.035em}
h2{font-size:clamp(2rem,3.1vw,2.8rem)}
h3{font-size:1.25rem;letter-spacing:-.015em}
strong{font-weight:600}
.container{width:min(1260px,calc(100% - 96px));margin-inline:auto}
.skip{position:absolute;left:20px;top:-100px;z-index:10;background:var(--accent);color:var(--on-accent);padding:12px 20px;border-radius:6px}
.skip:focus{top:16px}
.header{border-bottom:1px solid var(--soft-line);background:var(--bg)}
.nav{min-height:100px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:18px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-symbol{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--accent);border-radius:12px;color:var(--accent);background:var(--wash)}
.brand-symbol svg{width:33px;height:33px}
.brand-name{font-size:1.25rem;font-weight:650;line-height:1.12;letter-spacing:-.025em}
.brand-name>span{display:block;font-size:1.05rem;font-weight:400;margin-top:5px;letter-spacing:.015em;color:var(--muted)}
.nav>nav{display:flex;gap:24px;margin-left:auto;font-size:.875rem}
.nav>nav a{color:var(--muted)}
.nav a:hover,.footer a:hover{color:var(--accent)}
.display-controls{display:flex;gap:14px;align-items:center;margin-left:auto}
.language-switcher{display:flex;gap:2px}
.language-switcher a{display:grid;place-items:center;min-width:34px;min-height:40px;font-size:.875rem;border-bottom:2px solid transparent;color:var(--muted)}
.language-switcher a[aria-current="page"]{color:var(--text);border-bottom-color:var(--accent)}
.theme-control{display:flex;align-items:center;gap:8px;padding-left:14px;border-left:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.theme-control select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:9px 8px;min-height:42px;cursor:pointer;max-width:160px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:15px 24px;border:1px solid transparent;border-radius:6px;font-size:.9375rem;line-height:1.4;font-weight:600;text-align:center;transition:background .18s,transform .18s}
.button:hover{transform:translateY(-2px)}
.button>span{font-size:1.2rem}
.nav-button{display:none}
.primary,.lime{color:var(--on-accent);background:var(--accent)}
.primary:hover,.lime:hover{background:color-mix(in srgb,var(--accent),var(--text) 14%);color:var(--on-accent)}
.outline-light{border-color:var(--line);color:var(--text);background:transparent}
.outline-light:hover{background:var(--raised)}
.hero-shell{background-image:var(--hero-grid);background-size:48px 48px;position:relative}
.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(32px,5vw,76px);align-items:center;padding-block:88px 94px}
.eyebrow{font-size:.8125rem;font-weight:500;letter-spacing:.13em;line-height:1.6;color:var(--accent);margin-bottom:22px;display:flex;align-items:center;gap:12px}
.line{height:1px;width:30px;background:var(--accent);flex-shrink:0}
h1{font-size:clamp(2.65rem,4.15vw,3.65rem);line-height:1.09;font-weight:550;letter-spacing:-.04em}
h1>span{color:var(--accent)}
.hero-description{font-size:1.125rem;line-height:1.75;margin-top:28px;color:var(--muted);max-width:610px}
.hero-description strong{color:var(--text)}
.hero-detail{font-size:1rem;color:var(--muted);margin-top:17px;max-width:590px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}
.text-link{font-size:.9375rem;border-bottom:1px solid var(--line);padding-block:7px}
.text-link:hover{border-color:var(--accent);color:var(--accent)}
.hero-note{font-size:.875rem;color:var(--muted);margin-top:24px;padding-left:16px;border-left:2px solid var(--accent);max-width:520px}
.product-stage{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--surface);box-shadow:var(--shadow)}
.stage-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px;font-size:.875rem;color:var(--muted)}
.stage-index{font-family:Consolas,monospace;font-size:.8125rem;letter-spacing:.1em;color:var(--accent)}
.stage-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.stage-label{font-size:.75rem;letter-spacing:.09em;color:var(--muted);font-weight:600}
.example-tag{font-size:.75rem;border:1px solid var(--line);border-radius:4px;padding:2px 8px;color:var(--muted);white-space:nowrap}
.lead-card{border:1px solid var(--line);border-radius:calc(var(--radius) * .65);overflow:hidden;background:var(--bg)}
.card-heading{display:flex;align-items:center;gap:10px;font-size:.875rem;padding:16px 18px;border-bottom:1px solid var(--soft-line)}
.small-icon{color:var(--accent);font-size:1.2rem}
.time{margin-left:auto;color:var(--muted);font-size:.75rem;font-family:Consolas,monospace}
.client{display:flex;align-items:center;gap:12px;padding:22px 18px 0}
.avatar{display:grid;place-items:center;border-radius:50%;background:var(--raised);width:40px;height:40px;flex-shrink:0;color:var(--accent)}
.client>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.client strong{font-size:1rem}
.client>div>span{font-size:.8125rem;color:var(--muted)}
.id{font: .75rem Consolas,monospace;color:var(--muted);margin-left:auto}
.message{font-size:.9375rem;color:var(--muted);padding:18px 18px 23px}
.saved{display:flex;gap:9px;align-items:center;font-size:.875rem;padding:12px 18px;background:var(--success-bg);color:var(--success);border-top:1px solid var(--soft-line)}
.connection{display:flex;flex-direction:column;align-items:center;min-height:124px;padding-block:0}
.connection>span{width:1px;background:var(--line);flex:1;min-height:22px}
.flow-brand{gap:11px;padding:10px 0;max-width:100%;flex-shrink:0}
.flow-brand .brand-symbol{width:44px;height:44px;flex-shrink:0;background:linear-gradient(145deg,var(--raised),var(--surface));box-shadow:inset 0 1px 0 #ffffff24,0 4px 10px #00000018}
.flow-brand .brand-symbol svg{width:32px;height:32px}
.flow-brand .brand-name{font-size:1.0625rem;line-height:1.2}
.flow-brand .brand-name>span{font-size:.9375rem;margin-top:4px;color:var(--text)}
.delivery-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.delivery{border:1px solid var(--line);border-radius:calc(var(--radius) * .65);background:var(--bg);padding:16px 12px;display:flex;align-items:center;gap:10px}
.channel{color:var(--accent);font-size:1.25rem;flex-shrink:0}
.delivery strong{font-size:.875rem;display:block}
.delivery div>span{font-size:.75rem;color:var(--muted);display:block;margin-top:2px}
.stage-bottom{font-size:.8125rem;text-align:center;color:var(--muted);margin-top:19px}
.proof-strip{border-block:1px solid var(--soft-line);background:var(--surface)}
.proof-inner{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-inner>span{display:flex;gap:14px;align-items:center;padding:24px 18px;border-right:1px solid var(--soft-line);font-size:.875rem}
.proof-inner>span:first-child{padding-left:0}
.proof-inner>span:last-child{border-right:0}
.proof-inner b{font: .8125rem Consolas,monospace;color:var(--accent)}
.section{padding-block:100px}
.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:64px}
.section-heading>p{color:var(--muted);font-size:1.0625rem;max-width:480px;padding-bottom:4px}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:52px}
.problem-grid article{border-top:1px solid var(--line);padding-top:24px}
.problem-number{font-size:.75rem;color:var(--accent);letter-spacing:.09em}
.problem-grid h3{margin-top:22px;margin-bottom:14px}
.problem-grid p,.feature p{color:var(--muted);font-size:1rem}
.benefits-section{background:var(--surface);border-block:1px solid var(--soft-line)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:54px;border-top:1px solid var(--line)}
.feature{padding:30px 30px 34px 0;border-bottom:1px solid var(--line)}
.feature:not(:nth-child(3n+1)){padding-left:30px;border-left:1px solid var(--line)}
.feature-symbol{display:block;color:var(--accent);margin-bottom:23px}
.feature-symbol svg{width:28px;height:28px;display:block}
.feature h3{margin-bottom:15px;max-width:310px}
.how-section{background:var(--bg);border-bottom:1px solid var(--soft-line)}
.how-inner{padding-block:105px;display:grid;grid-template-columns:1fr 1fr;gap:90px}
.how-copy>p{color:var(--muted);font-size:1.0625rem;margin-top:23px}
.how-copy .button{margin-top:30px}
.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.steps li{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}
.step-number{font: .875rem Consolas,monospace;color:var(--accent);padding-top:4px}
.steps h3{font-size:1.125rem}
.steps p{font-size:1rem;color:var(--muted);margin-top:10px}
.journal-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:60px;margin-top:52px;align-items:start}
.journal-info>h3{font-size:1.125rem;margin-bottom:12px}
.journal-info>p{color:var(--muted);margin-bottom:25px}
.journal-option{border-left:2px solid var(--accent);padding:8px 0 8px 20px}
.journal-option strong{font-size:1rem}
.journal-option p{font-size:.9375rem;color:var(--muted);margin-top:8px}
.journal-example{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.journal-example-title{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px}
.journal-example-title strong{font-size:1rem}
.journal-example-title>span{font-size:.8125rem;color:var(--muted)}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.9375rem;text-align:left}
th{font-size:.8125rem;color:var(--muted);font-weight:500;background:var(--raised);padding:14px 18px;border-block:1px solid var(--line)}
td{padding:21px 18px;border-bottom:1px solid var(--soft-line);vertical-align:top}
td>span{display:block;font-size:.8125rem;color:var(--muted);margin-top:5px}
.journal-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8125rem;white-space:nowrap}
.journal-status.sent{background:var(--success-bg);color:var(--success)}
.journal-status.pending{background:var(--pending-bg);color:var(--pending)}
.journal-caption{padding:20px 22px 0;font-size:.9375rem;color:var(--muted)}
.journal-footnote{font-size:.8125rem;padding-top:12px;padding-bottom:22px}
.setup-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}
.setup-heading>p{color:var(--muted);font-size:1.0625rem;margin-top:24px}
.setup-list>div{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}
.setup-list>div:first-child{padding-top:0}
.setup-list>div>span{font: .875rem Consolas,monospace;color:var(--accent);padding-top:4px}
.setup-list p{font-size:1rem;color:var(--muted)}
.setup-list strong{display:block;color:var(--text);font-size:1.125rem;margin-bottom:10px}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:30px;padding-bottom:100px}
.faq-list{border-top:1px solid var(--line);min-width:0}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:1.0625rem;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:1.5rem;color:var(--accent);line-height:1;transition:transform .18s}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details p{padding:0 24px 25px 0;font-size:1rem;color:var(--muted)}
.contact-section{padding-bottom:70px}
.contact-card{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:var(--radius);padding:55px;background:var(--surface);align-items:center}
.contact-copy h2{font-size:clamp(1.9rem,2.8vw,2.6rem)}
.contact-copy p{margin-top:23px;font-size:1rem;color:var(--muted)}
.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:0}
.contact-actions p{font-size:.8125rem;color:var(--muted);text-align:center;margin-top:3px}
.footer{border-top:1px solid var(--line);padding-block:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:.875rem}
.footer>span{color:var(--muted)}
.footer .brand-symbol{width:37px;height:37px;border-radius:9px}
.footer .brand-symbol svg{width:28px;height:28px}
.footer .brand-name{font-size:1rem}
.footer .brand-name>span{font-size:.875rem}
[data-theme="techno"] .stage-label,[data-theme="techno"] .eyebrow,[data-theme="techno"] .problem-number{font-family:Consolas,"Courier New",monospace;letter-spacing:.06em}
[data-theme="techno"] .brand-symbol,[data-theme="techno"] .button{border-radius:3px}
[data-theme="techno"] .product-stage{border-top:2px solid var(--accent)}
@media(min-width:1550px){.hero{padding-block:105px 110px}}
@media(max-width:1150px){
 .nav>nav{display:none}.hero{gap:35px}.container{width:calc(100% - 64px)}
 h1{font-size:2.65rem}.hero{padding-block:60px 70px}.product-stage{padding:20px}
 .section-heading{gap:40px}.how-inner,.setup-section,.faq-section{gap:50px}
 .journal-layout{grid-template-columns:.9fr 1.2fr;gap:35px}.contact-card{padding:38px;gap:35px}
 .theme-control select{max-width:150px}
}
@media(max-width:900px){
 .hero{grid-template-columns:1fr;padding-block:55px 65px;gap:40px}.hero-copy{max-width:730px}
 h1{font-size:clamp(2.5rem,6.5vw,3.8rem)}.product-stage{width:100%;max-width:650px;margin-inline:auto;padding:28px}
 .hero-description,.hero-detail{max-width:700px}.hero-note{max-width:650px}
 .section{padding-block:70px}.section-heading{grid-template-columns:1fr;gap:23px}.section-heading>p{max-width:660px}
 .problem-grid{gap:25px}.problem-grid h3{font-size:1.125rem}
 .how-inner{padding-block:70px;gap:40px;grid-template-columns:1fr}.how-copy{max-width:700px}
 .journal-layout{grid-template-columns:1fr;gap:30px}.journal-info{max-width:700px}
 .setup-section{grid-template-columns:1fr;gap:35px}.faq-section{grid-template-columns:1fr;gap:32px;padding-bottom:70px}
 .contact-card{grid-template-columns:1fr}.contact-actions{max-width:460px;width:100%}
 .footer>span{display:none}.proof-inner{grid-template-columns:1fr 1fr}
 .proof-inner>span{padding:18px!important}.proof-inner>span:nth-child(2){border-right:0}
 .proof-inner>span:nth-child(-n+2){border-bottom:1px solid var(--soft-line)}
 .feature-grid{grid-template-columns:1fr 1fr}.feature{padding:26px 26px 30px 0!important;border-left:0!important}
 .feature:nth-child(2n){padding-left:26px!important;border-left:1px solid var(--line)!important}
}
@media(max-width:580px){
 .container{width:calc(100% - 36px)}.nav{gap:18px;padding-block:16px;justify-content:space-between}
 .brand-symbol{width:38px;height:38px;border-radius:9px}.brand-symbol svg{width:29px;height:29px}
 .brand-name{font-size:1.125rem}.brand-name>span{font-size:.9375rem}.brand{gap:10px}
 .display-controls{margin-left:0;gap:10px;flex-wrap:wrap}.theme-control{padding-left:0;border-left:0}
 .theme-control>span{display:none}.theme-control select{max-width:135px;font-size:.875rem;padding:9px 5px}
 .language-switcher a{min-width:31px}.hero{padding-top:40px}.hero h1{font-size:clamp(2rem,7.4vw,2.65rem)}
 .eyebrow{font-size:.75rem;letter-spacing:.08em;margin-bottom:19px}.hero-description{font-size:1.0625rem}
 .hero-actions{gap:15px;margin-top:27px}.hero-actions .button{width:100%}.hero-actions .text-link{margin-inline:auto}
 .hero-note{margin-top:20px}.product-stage{padding:18px}.stage-heading{margin-bottom:20px;gap:10px}
 .stage-heading>span:last-child{font-size:.8125rem}.stage-label{font-size:.75rem}
 .delivery-row{grid-template-columns:1fr}.delivery{padding:14px}.delivery div>span{font-size:.8125rem}
 .client{padding-inline:14px;gap:9px}.card-heading{padding-inline:14px;gap:8px}.card-heading .time{display:none}
 .message{padding-inline:14px}.saved{padding-inline:14px}.id{display:none}
 .proof-inner>span{gap:10px;font-size:.8125rem;padding:16px 10px!important}
 .section{padding-block:55px}h2{font-size:1.95rem}.problem-grid{grid-template-columns:1fr;margin-top:32px;gap:28px}
 .problem-grid h3{font-size:1.25rem;margin-top:14px}.feature-grid{grid-template-columns:1fr;margin-top:32px}
 .feature,.feature:nth-child(2n){padding:26px 0!important;border-left:0!important}
 .feature-symbol{margin-bottom:17px}.feature h3{max-width:none}.how-inner{padding-block:55px}
 .steps li{gap:17px}.journal-layout{margin-top:32px}.journal-example-title{padding:18px;flex-wrap:wrap}
 table{min-width:470px}.journal-caption{padding-inline:18px}.faq-section{padding-top:10px;padding-bottom:55px}
 .contact-section{padding-bottom:45px}.contact-card{padding:26px 20px;gap:28px}.contact-copy h2{font-size:1.9rem}
 .contact-copy p br{display:none}.contact-actions .button{padding-inline:14px}.footer{gap:20px;flex-wrap:wrap}
}
@media(max-width:420px){.display-controls{width:100%;justify-content:space-between}.theme-control>span{display:inline}.nav{row-gap:12px}.hero{padding-top:32px}.stage-index{font-size:.75rem}}
/* A stronger header signature, with restrained depth and interaction-only motion. */
.header .brand{gap:15px}
.header .brand-symbol{width:62px;height:62px;border-radius:16px;background:linear-gradient(145deg,var(--raised),var(--surface));box-shadow:inset 0 1px 0 #ffffff24,inset 0 -2px 3px #00000025,0 6px 16px #00000020;transition:transform .22s ease,box-shadow .22s ease;flex-shrink:0}
.header .brand-symbol svg{width:43px;height:43px}
.header .brand-name{font-size:1.5rem;font-weight:650;letter-spacing:-.025em}
.header .brand-name>span{font-size:1.125rem;margin-top:6px;color:var(--text);font-weight:400}
.header .brand:focus-visible .brand-symbol{box-shadow:inset 0 1px 0 #ffffff30,0 8px 20px #00000025}
.header .brand:focus-visible .brand-symbol svg path:last-child{animation:brand-check .5s ease-out}
@keyframes brand-check{from{stroke-dasharray:18;stroke-dashoffset:18}to{stroke-dasharray:18;stroke-dashoffset:0}}
@media(hover:hover) and (pointer:fine){
 .header .brand:hover .brand-symbol{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -2px 3px #00000025,0 9px 22px #00000030}
 .header .brand:hover .brand-symbol svg path:last-child{animation:brand-check .5s ease-out}
}
[data-theme="techno"] .header .brand-symbol{border-radius:5px}
@media(max-width:580px){
 .header .brand{gap:12px}.header .brand-symbol{width:48px;height:48px;border-radius:12px}
 .header .brand-symbol svg{width:35px;height:35px}.header .brand-name{font-size:1.25rem}
 .header .brand-name>span{font-size:1rem;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover,.header .brand:hover .brand-symbol{transform:none}}
@media(forced-colors:active){.button,.brand-symbol,.journal-status{border:1px solid ButtonText}.language-switcher a[aria-current]{outline:2px solid Highlight}}

/* Supplied portrait accompanies the existing contact section. */
.contact-card{grid-template-columns:minmax(180px,.65fr) minmax(0,1.5fr);gap:42px}
.contact-portrait{margin:0;min-width:0;align-self:start}
.contact-portrait img{display:block;width:100%;height:auto;border-radius:calc(var(--radius) * .7);border:1px solid var(--line)}
.contact-portrait figcaption{font-size:.8125rem;color:var(--muted);margin-top:9px;text-align:center}
.contact-content{min-width:0}
.contact-content .contact-actions{margin-top:26px;max-width:430px}
@media(max-width:900px){.contact-card{grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr);gap:28px}}
@media(max-width:580px){.contact-card{grid-template-columns:1fr;gap:24px}.contact-portrait{width:min(100%,260px);margin-inline:auto}}