/* MARK NEXORA — Ledger Atelier static-site design system. Editorial paper, institutional navy, bronze connection signals. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --navy:#0B1220; --bronze:#A8763E; --light-bronze:#D1A46D; --paper:#F6F4EF; --stone:#EAE5DA; --ink:#425064; --line:rgba(11,18,32,.15); --max:1440px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--navy); font-family:Manrope,Arial,sans-serif; font-size:16px; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
::selection { background:var(--bronze); color:var(--paper); }
.site-wrap { overflow:hidden; }
.shell { max-width:var(--max); margin:0 auto; padding:0 56px; }
.eyebrow,.micro { color:var(--bronze); font-size:10px; line-height:1.2; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.eyebrow { color:var(--light-bronze); display:flex; align-items:center; gap:12px; }
.eyebrow:before { content:''; width:40px; height:1px; background:currentColor; }
.serif,h1,h2,h3 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; }
.display { margin:0; font-size:clamp(58px,7.6vw,120px); line-height:.82; letter-spacing:-.058em; }
.display em,.display-small em,.accent-ital { color:var(--light-bronze); font-style:italic; font-weight:400; }
.display-small { margin:0; font-size:clamp(46px,5.2vw,82px); line-height:.85; letter-spacing:-.05em; }
.section-title { margin:24px 0 0; max-width:860px; font-size:clamp(48px,5.6vw,76px); line-height:.89; letter-spacing:-.045em; }
.section-number { color:var(--bronze); font-size:10px; line-height:1.2; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.body-copy { margin:28px 0 0; max-width:600px; color:rgba(246,244,239,.72); font-size:16px; line-height:1.75; }
.body-copy.dark { color:var(--ink); }
.btn { display:inline-flex; gap:12px; align-items:center; justify-content:center; padding:16px 23px; border:1px solid transparent; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; transition:transform .2s ease,background .2s ease,color .2s ease; }
.btn:hover { transform:translateY(-2px); }
.btn:active { transform:scale(.97); }
.btn-bronze { background:var(--bronze); color:var(--paper); }
.btn-bronze:hover { background:#915F2D; }
.btn-outline { border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.04); color:var(--paper); }
.btn-outline:hover { background:var(--paper); color:var(--navy); }
.btn-navy { background:var(--navy); color:var(--paper); }

/* Header and footer */
.site-header { position:relative; z-index:20; border-bottom:1px solid rgba(255,255,255,.15); color:var(--paper); }
.header-inner { max-width:var(--max); height:72px; margin:auto; padding:0 56px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-symbol { width:38px; height:38px; object-fit:cover; }
.brand-name { display:flex; align-items:center; gap:6px; font-size:10px; font-weight:800; letter-spacing:.18em; }
.brand-name b:first-child { font-weight:500; }
.brand-name i { width:13px; height:1px; display:block; background:var(--bronze); transform:rotate(-55deg); }
.desktop-nav { display:flex; align-items:center; gap:32px; }
.desktop-nav a:not(.btn) { position:relative; padding:8px 0; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.desktop-nav a:not(.btn):after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:var(--bronze); transform:scaleX(0); transform-origin:right; transition:transform .2s ease; }
.desktop-nav a:not(.btn):hover:after { transform:scaleX(1); transform-origin:left; }
.menu-toggle { display:none; width:42px; height:42px; background:transparent; border:1px solid rgba(255,255,255,.3); color:var(--paper); }
.mobile-nav { display:none; position:absolute; top:72px; left:0; right:0; padding:18px 24px 24px; border-bottom:1px solid var(--line); background:var(--paper); color:var(--navy); box-shadow:0 18px 25px rgba(0,0,0,.12); }
.mobile-nav.open { display:block; }
.mobile-nav a { display:flex; justify-content:space-between; padding:16px 0; border-bottom:1px solid var(--line); font-size:14px; font-weight:700; }
.mobile-nav a:last-child { margin-top:16px; justify-content:center; border:0; }
.footer { background:var(--navy); color:var(--paper); }
.footer-grid { display:grid; grid-template-columns:1.4fr .75fr .75fr; gap:48px; padding:58px 0 48px; border-bottom:1px solid rgba(255,255,255,.15); }
.footer-logo { width:94px; height:88px; object-fit:contain; object-position:left; }
.footer-tagline { max-width:430px; margin:26px 0 0; font-size:40px; line-height:1.02; }
.footer-heading { color:var(--light-bronze); font-size:10px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.footer-links { margin-top:20px; display:grid; gap:12px; color:rgba(255,255,255,.72); font-size:13px; }
.footer-links a:hover { color:var(--light-bronze); }
.footer-company { margin:20px 0 0; color:rgba(255,255,255,.72); font-size:13px; line-height:1.65; }
.copyright { display:flex; justify-content:space-between; gap:12px; padding:22px 0; color:rgba(255,255,255,.45); font-size:9px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }

/* Hero */
.hero { position:relative; min-height:760px; color:var(--paper); background:var(--navy) center/cover no-repeat; }
.hero:before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(11,18,32,.98),rgba(11,18,32,.86) 42%,rgba(11,18,32,.34) 72%,rgba(11,18,32,.2)); }
.hero .content { position:relative; z-index:1; }
.hero-grid { min-height:688px; display:grid; grid-template-columns:90px minmax(0,1fr) 250px; padding-top:110px; padding-bottom:70px; }
.vertical-label { margin-top:12px; color:var(--light-bronze); font-size:9px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; writing-mode:vertical-rl; transform:rotate(180deg); }
.hero-text { max-width:840px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:38px; }
.hero-aside { display:flex; flex-direction:column; align-items:end; justify-content:space-between; padding-top:12px; }
.hero-note { max-width:180px; padding-left:16px; border-left:1px solid var(--light-bronze); }
.hero-note h4 { margin:0; color:var(--light-bronze); font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.hero-note p { margin:9px 0 0; color:rgba(255,255,255,.7); font-size:13px; line-height:1.65; }
.hero-mark { width:78px; height:78px; object-fit:cover; opacity:.95; }
.hero-session { min-height:720px; }
.hero-session .hero-grid { min-height:648px; grid-template-columns:1.15fr .85fr; }
.hero-session .hero-aside { justify-content:end; align-items:end; padding-bottom:15px; }
.hero-session .hero-note { max-width:250px; }

/* Layout / general sections */
.section { position:relative; padding:92px 0; }
.dossier:before { content:''; position:absolute; left:max(20px,calc((100vw - 1440px)/2 + 20px)); top:0; bottom:0; border-left:1px solid rgba(168,118,62,.42); }
.dossier:after { content:''; position:absolute; left:calc(max(20px,(100vw - 1440px)/2 + 20px) - 5px); top:50px; width:10px; height:10px; border-radius:50%; background:var(--bronze); box-shadow:0 0 0 5px var(--paper); }
.dossier.stone:after { box-shadow:0 0 0 5px var(--stone); }
.dossier.navy:after { box-shadow:0 0 0 5px var(--navy); }
.section > .shell { position:relative; z-index:1; }
.intro-grid { display:grid; grid-template-columns:.85fr 1.3fr; gap:44px; padding-bottom:42px; border-bottom:1px solid var(--line); align-items:end; }
.intro-side { max-width:260px; color:var(--ink); font-size:13px; line-height:1.65; }
.route-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px; }
.route-card { position:relative; min-height:410px; padding:36px; overflow:hidden; transition:transform .2s ease,box-shadow .2s ease; }
.route-card:after { content:''; position:absolute; left:0; bottom:0; height:4px; width:100%; background:var(--bronze); transform:scaleX(0); transform-origin:left; transition:transform .24s ease; }
.route-card:hover { transform:translateY(-6px); box-shadow:0 18px 38px rgba(11,18,32,.14); }
.route-card:hover:after { transform:scaleX(1); }
.route-card.dark { background:var(--navy); color:var(--paper); }
.route-card.light { border:1px solid var(--line); background:#EEEAE1; }
.route-top { display:flex; justify-content:space-between; align-items:start; }
.node { width:12px; height:12px; border:2px solid var(--bronze); border-radius:50%; background:var(--paper); }
.node.fill { background:var(--light-bronze); }
.route-icon { color:var(--bronze); font-size:25px; }
.route-content { max-width:430px; margin-top:82px; }
.route-card h3 { margin:13px 0 0; font-size:64px; line-height:.86; letter-spacing:-.05em; }
.route-card p { max-width:360px; margin:22px 0 0; font-size:13px; line-height:1.65; color:var(--ink); }
.route-card.dark p { color:rgba(255,255,255,.7); }
.route-link { display:inline-flex; gap:10px; align-items:center; margin-top:28px; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.route-link:hover { color:var(--light-bronze); }
.stone { background:var(--stone); }
.two-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:70px; }
.connection-title { margin:22px 0 0; font-size:65px; line-height:.9; letter-spacing:-.045em; }
.accent-note { margin-top:32px; max-width:380px; padding-left:18px; border-left:2px solid var(--bronze); color:var(--ink); font-size:13px; line-height:1.7; }
.steps { display:grid; gap:18px; }
.step { position:relative; display:grid; grid-template-columns:58px 1fr auto; gap:14px; align-items:center; padding:27px; border:1px solid var(--line); background:var(--paper); }
.step:nth-child(2) { margin-left:3.5%; border-left:3px solid var(--bronze); }
.step:nth-child(3) { margin-left:7%; border-left:3px solid var(--bronze); }
.step-number { position:relative; z-index:1; display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--bronze); border-radius:50%; color:var(--bronze); background:var(--paper); font-family:'Cormorant Garamond',serif; font-size:18px; }
.step h3 { margin:0; font-size:34px; line-height:1; }
.step p { margin:8px 0 0; color:var(--ink); font-size:13px; line-height:1.55; }
.step-arrow { color:var(--bronze); font-size:21px; }
.trust-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:70px; align-items:center; }
.trust-panel { position:relative; min-height:330px; padding:42px; overflow:hidden; background:var(--navy); color:var(--paper); }
.trust-panel:after { content:''; position:absolute; right:0; bottom:0; width:200px; height:200px; border-left:1px solid rgba(168,118,62,.55); border-top:1px solid rgba(168,118,62,.55); }
.trust-panel h3 { position:relative; z-index:1; max-width:340px; margin:90px 0 0; font-size:46px; line-height:.96; }
.trust-panel small { position:absolute; z-index:1; bottom:34px; left:42px; right:30px; padding-top:18px; border-top:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.65); font-size:10px; }
.proof-title { margin:22px 0 0; font-size:62px; line-height:.9; }
.proof-list { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px; }
.proof-list div { padding-top:15px; border-top:1px solid var(--line); color:var(--ink); font-size:13px; line-height:1.65; }
.proof-list span { color:var(--bronze); font-size:10px; font-weight:800; }

/* Forms */
.contact-section { background:var(--navy); color:var(--paper); }
.contact-grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:70px; }
.contact-list { margin-top:40px; padding-top:22px; border-top:1px solid rgba(255,255,255,.15); display:grid; gap:20px; }
.contact-list div { display:flex; gap:12px; color:rgba(255,255,255,.7); font-size:13px; line-height:1.6; }
.contact-list b { color:var(--paper); }
.form-card { background:var(--paper); color:var(--navy); padding:38px; }
.form-head { display:flex; justify-content:space-between; gap:15px; padding-bottom:25px; border-bottom:1px solid var(--line); }
.form-head h2 { margin:12px 0 0; font-size:42px; line-height:.95; }
.form-head .node { margin-top:4px; }
.form-intro { margin:23px 0 25px; color:var(--ink); font-size:13px; line-height:1.65; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.field { display:block; color:var(--ink); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.field input,.field select,.field textarea { width:100%; margin-top:8px; padding:11px 0; border:0; border-bottom:1px solid rgba(11,18,32,.25); border-radius:0; outline:0; background:transparent; color:var(--navy); font-size:13px; font-weight:600; letter-spacing:0; text-transform:none; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--bronze); }
.field textarea { min-height:110px; resize:vertical; }
.field.full { grid-column:1/-1; }
.form-bottom { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-top:24px; padding-top:22px; border-top:1px solid var(--line); }
.form-bottom p { max-width:360px; margin:0; color:#667085; font-size:10px; line-height:1.55; }
.form-success { display:none; min-height:360px; padding:46px; background:var(--navy); color:var(--paper); }
.form-success.show { display:flex; flex-direction:column; justify-content:center; }
.form-success h3 { max-width:440px; margin:15px 0 0; font-size:50px; line-height:.9; }
.form-success p { max-width:460px; margin:20px 0 0; color:rgba(255,255,255,.7); font-size:13px; line-height:1.7; }
.form-success button { width:max-content; margin-top:28px; padding:0 0 5px; border:0; border-bottom:1px solid var(--light-bronze); background:transparent; color:var(--paper); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }

/* Construction */
.construction-hero { background-image:linear-gradient(90deg,rgba(11,18,32,.98),rgba(11,18,32,.92) 48%,rgba(11,18,32,.56)),url('assets/mark-nexora-material-detail.jpg'); }
.construction-hero:before { display:none; }
.subhero-grid { min-height:570px; display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; padding:90px 0; }
.back-link { display:inline-flex; gap:8px; color:var(--light-bronze); font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.subhero-image { position:relative; min-height:390px; overflow:hidden; border:1px solid rgba(255,255,255,.15); background:center/cover no-repeat; }
.subhero-image:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent,rgba(11,18,32,.74)); }
.subhero-image p { position:absolute; z-index:1; left:34px; bottom:30px; max-width:360px; margin:0; font-family:'Cormorant Garamond',serif; font-size:34px; line-height:.95; }
.service-grid { display:grid; grid-template-columns:1fr 1fr; margin-top:40px; }
.service { display:grid; grid-template-columns:50px 1fr; gap:14px; padding:36px 32px; border-top:1px solid var(--line); transition:background .2s ease,transform .2s ease; }
.service:nth-child(even) { border-left:1px solid var(--line); margin-top:40px; }
.service:hover { background:#EEEAE1; transform:translateX(8px); }
.service-icon { color:var(--bronze); font-size:26px; }
.service h3 { margin:8px 0 0; font-size:34px; line-height:.98; }
.service p { margin:12px 0 0; color:var(--ink); font-size:13px; line-height:1.6; }
.property-strip { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-top:25px; padding:20px; border-left:2px solid var(--bronze); background:#EEEAE1; color:var(--ink); font-size:13px; line-height:1.6; }
.route-entry-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.route-entry-cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.entry-card { padding:32px; border:1px solid var(--line); background:var(--paper); }
.entry-card.dark { background:var(--navy); border-color:var(--navy); color:var(--paper); }
.entry-card h3 { margin:42px 0 0; font-size:43px; line-height:.92; }
.entry-card ol { list-style:none; padding:20px 0 0; margin:25px 0 0; border-top:1px solid var(--line); display:grid; gap:15px; }
.entry-card.dark ol { border-color:rgba(255,255,255,.15); }
.entry-card li { display:flex; gap:12px; color:var(--ink); font-size:13px; line-height:1.6; }
.entry-card.dark li { color:rgba(255,255,255,.68); }
.entry-card li span { color:var(--bronze); font-family:'Cormorant Garamond',serif; font-size:19px; }
.why-grid { display:grid; grid-template-columns:1.07fr .93fr; gap:70px; }
.check-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:38px; }
.check-grid div { padding-top:14px; border-top:1px solid var(--line); color:var(--ink); font-size:13px; line-height:1.65; }
.check-grid b { color:var(--bronze); margin-right:8px; }
.quote-card { padding:42px; border:1px solid var(--line); background:#EEEAE1; }
.quote-card h3 { margin:66px 0 0; font-size:47px; line-height:.94; }
.quote-card p { color:var(--ink); font-size:13px; line-height:1.7; }

/* Session */
.session-hero { background-image:url('assets/mark-nexora-session-hero.jpg'); }
.session-note { margin-top:34px; max-width:370px; padding:12px 0 12px 16px; border-left:2px solid var(--bronze); color:var(--ink); font-size:12px; line-height:1.7; }
.session-note .micro { margin-bottom:5px; }
.host-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.host-cards { display:grid; grid-template-columns:1fr 1fr; }
.host-card { padding:32px; border-top:1px solid var(--line); transition:background .2s ease,color .2s ease; }
.host-card:nth-child(even),.host-card:nth-child(3) { background:#EEEAE1; border-left:1px solid var(--line); }
.host-card:hover { background:var(--navy); color:var(--paper); }
.host-card:hover p { color:rgba(255,255,255,.7); }
.host-card h3 { margin:43px 0 0; font-size:34px; line-height:.95; }
.host-card p { margin:13px 0 0; color:var(--ink); font-size:13px; line-height:1.6; }
.session-steps { display:grid; grid-template-columns:repeat(4,1fr); margin-top:40px; }
.session-step { position:relative; min-height:290px; padding:32px; border:1px solid var(--line); background:var(--paper); }
.session-step + .session-step { border-left:0; }
.session-step:nth-child(even) { margin-top:22px; }
.session-step:after { content:'→'; position:absolute; z-index:2; top:50%; right:-13px; width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:var(--navy); color:var(--light-bronze); font-size:14px; }
.session-step:last-child:after { display:none; }
.short-line { width:50px; height:1px; margin:36px 0; background:var(--bronze); }
.session-step h3 { margin:0; font-size:32px; line-height:.96; }
.session-step p { margin:15px 0 0; color:var(--ink); font-size:13px; line-height:1.6; }
.benefits-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:70px; }
.benefit-list { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:40px; }
.benefit { padding-top:18px; border-top:1px solid var(--line); }
.benefit h3 { margin:18px 0 0; font-size:28px; line-height:.98; }
.benefit p { margin:12px 0 0; color:var(--ink); font-size:13px; line-height:1.6; }
.topic-ledger { position:relative; overflow:hidden; padding:42px; background:var(--navy); color:var(--paper); }
.topic-ledger:after { content:'HOST / SESSION / BRIEF'; position:absolute; top:110px; right:-36px; transform:rotate(90deg); color:rgba(209,164,109,.45); font-size:9px; font-weight:800; letter-spacing:.22em; }
.topics { margin:23px 0 0; border-top:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.15); }
.topics div { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.8); font-size:13px; }
.topics div:last-child { border:0; }
.topics span { color:var(--light-bronze); font-family:'Cormorant Garamond',serif; font-size:20px; }
.topic-ledger p:last-child { margin:24px 0 0; max-width:440px; color:rgba(255,255,255,.62); font-size:13px; line-height:1.65; }

@media (max-width:900px) {
  .shell,.header-inner { padding-left:24px; padding-right:24px; }
  .desktop-nav { display:none; }.menu-toggle { display:grid; place-items:center; }
  .hero { min-height:auto; }.hero-grid,.hero-session .hero-grid { min-height:auto; grid-template-columns:1fr; padding-top:76px; padding-bottom:60px; }
  .vertical-label { display:none; }.hero-aside,.hero-session .hero-aside { align-items:start; padding-top:48px; }.hero-mark { display:none; }
  .intro-grid,.two-grid,.trust-grid,.contact-grid,.subhero-grid,.route-entry-grid,.why-grid,.host-grid,.benefits-grid { grid-template-columns:1fr; gap:35px; }
  .intro-grid { gap:24px; }.section { padding:70px 0; }.dossier:before,.dossier:after { display:none; }
  .route-grid,.service-grid,.route-entry-cards,.host-cards { grid-template-columns:1fr; }.route-card { min-height:360px; }.route-card h3 { font-size:54px; }
  .step { grid-template-columns:48px 1fr; }.step-arrow { display:none; }.step:nth-child(2),.step:nth-child(3) { margin-left:0; }
  .proof-list,.check-grid,.benefit-list { grid-template-columns:1fr; }.service:nth-child(even) { border-left:0; margin-top:0; }.service { padding:30px 0; }.property-strip { display:block; }
  .session-steps { grid-template-columns:1fr; }.session-step + .session-step { border-left:1px solid var(--line); border-top:0; }.session-step:nth-child(even) { margin-top:0; }.session-step { min-height:0; }.session-step:after { top:auto; right:auto; bottom:-13px; left:32px; transform:rotate(90deg); }
  .footer-grid { grid-template-columns:1fr; gap:36px; }.copyright { flex-direction:column; }.form-grid { grid-template-columns:1fr; }.field.full { grid-column:auto; }.form-bottom { align-items:start; flex-direction:column; }.form-card { padding:28px; }
}
@media (max-width:520px) { .display { font-size:58px; }.section-title,.connection-title,.proof-title { font-size:48px; }.display-small { font-size:49px; }.hero-actions .btn { width:100%; }.route-card { padding:28px; }.route-content { margin-top:70px; }.trust-panel { padding:28px; }.trust-panel h3 { margin-top:70px; font-size:39px; }.trust-panel small { left:28px; }.form-head h2 { font-size:36px; } }

/* Responsive refinement — deliberate portrait mobile, tablet, and laptop behavior. */
@media (max-width:1100px) and (min-width:901px) {
  .shell,.header-inner { padding-left:36px; padding-right:36px; }
  .hero-grid { grid-template-columns:64px minmax(0,1fr) 190px; }
  .display { font-size:clamp(66px,7.2vw,90px); }
  .route-card { min-height:380px; }
}
@media (max-width:640px) {
  .shell,.header-inner { padding-left:20px; padding-right:20px; }
  .header-inner { height:68px; }
  .brand { gap:9px; }.brand-symbol { width:34px; height:34px; }.brand-name { gap:5px; font-size:9px; letter-spacing:.15em; }.brand-name i { width:10px; }
  .menu-toggle { width:44px; height:44px; border-color:rgba(255,255,255,.45); font-size:18px; }
  .mobile-nav { top:68px; padding:10px 20px 22px; }.mobile-nav a { min-height:56px; align-items:center; font-size:13px; }
  .hero { min-height:100svh; background-position:67% center; }.hero-grid,.hero-session .hero-grid { min-height:calc(100svh - 68px); padding-top:48px; padding-bottom:38px; }
  .hero-text { max-width:100%; }.hero .eyebrow { font-size:9px; gap:9px; }.hero .eyebrow:before { width:28px; }.display { font-size:clamp(48px,14vw,63px); line-height:.86; }.display-small { font-size:clamp(46px,13.5vw,60px); }
  .hero .body-copy { margin-top:23px; font-size:14px; line-height:1.7; }.hero-actions { gap:12px; margin-top:28px; }.hero-actions .btn { min-height:50px; padding:15px 18px; }.hero-aside,.hero-session .hero-aside { padding-top:30px; }.hero-note { max-width:260px; padding-left:13px; }.hero-note p { font-size:12px; line-height:1.55; }
  .section { padding:58px 0; }.intro-grid { padding-bottom:30px; }.section-title,.connection-title,.proof-title { font-size:clamp(42px,12.5vw,54px); }.intro-side,.accent-note { font-size:12px; }.route-grid { margin-top:30px; gap:14px; }.route-card { min-height:320px; padding:25px; }.route-content { margin-top:53px; }.route-card h3 { font-size:48px; }.route-card p { font-size:12px; }.route-link { margin-top:22px; }
  .steps { gap:12px; }.step { padding:21px 16px; grid-template-columns:42px 1fr; }.step-number { width:34px; height:34px; }.step h3 { font-size:29px; }.step p,.proof-list div,.check-grid div,.service p,.host-card p,.benefit p { font-size:12px; }
  .trust-panel { min-height:290px; padding:27px; }.trust-panel h3 { margin-top:60px; font-size:39px; }.trust-panel small { left:27px; bottom:28px; }.proof-list,.check-grid,.benefit-list { gap:16px; margin-top:28px; }
  .subhero-grid { padding-top:40px; padding-bottom:40px; }.subhero-image { min-height:300px; }.subhero-image p { left:22px; bottom:22px; right:18px; font-size:29px; }.service { grid-template-columns:38px 1fr; gap:10px; padding:24px 0; }.service h3,.host-card h3,.benefit h3 { font-size:30px; }.property-strip { padding:16px; font-size:12px; }
  .entry-card,.quote-card,.topic-ledger { padding:26px; }.entry-card h3,.quote-card h3 { font-size:38px; }.session-step { padding:26px; }.session-step h3 { font-size:30px; }.topic-ledger { padding:28px; }.topics div { font-size:12px; }.topic-ledger:after { display:none; }
  .contact-grid { gap:38px; }.form-card { padding:22px; }.form-head { padding-bottom:19px; }.form-head h2 { font-size:35px; }.form-intro { margin:18px 0 20px; font-size:12px; }.form-grid { gap:16px; }.field input,.field select,.field textarea { min-height:42px; padding:10px 0; font-size:16px; }.field textarea { min-height:112px; }.form-bottom { margin-top:20px; padding-top:18px; }.form-bottom .btn { width:100%; min-height:50px; }.form-bottom p { max-width:none; }.form-success { min-height:300px; padding:30px 24px; }.form-success h3 { font-size:42px; }
  .footer-grid { padding:45px 0 36px; gap:29px; }.footer-logo { width:80px; height:74px; }.footer-tagline { margin-top:19px; font-size:34px; }.copyright { padding:19px 0; font-size:8px; line-height:1.5; }
}
@media (max-width:374px) {
  .display { font-size:47px; }.intro-auto-line { font-size:45px; }.hero-grid,.hero-session .hero-grid { padding-top:36px; }.hero .body-copy { font-size:13px; }.hero-actions .btn { min-height:47px; font-size:9px; }.footer-tagline { font-size:31px; }
}
@media (max-height:700px) and (max-width:640px) {
}