:root {
  --native-navy: #071d33;
  --native-navy-2: #0b3152;
  --native-paper: #fbf9f5;
  --native-warm: #f1eee9;
  --native-white: #fff;
  --native-pink: #ef178c;
  --native-muted: #60717e;
  --native-line: rgba(7,29,51,.14);
  --native-shell: 1200px;
  --native-section: clamp(94px, 9vw, 146px);
}

.native-page { background: var(--native-paper); color: var(--native-navy); }
.native-page main { overflow: clip; }
.native-shell { width: min(calc(100% - 64px), var(--native-shell)); margin-inline: auto; }
.native-kicker { margin: 0 0 22px; color: var(--native-pink); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.native-page h1, .native-page h2 { margin: 0; font-weight: 430; line-height: .96; letter-spacing: -.056em; text-wrap: balance; }
.native-page h1 { font-size: clamp(58px, 6.1vw, 94px); }
.native-page h2 { max-width: 980px; font-size: clamp(45px, 5vw, 74px); }
.native-page h3 { margin: 0; font-size: clamp(23px, 2.4vw, 34px); font-weight: 520; line-height: 1.1; letter-spacing: -.03em; }
.native-lead { margin: 0; font-size: clamp(20px, 2vw, 28px); font-weight: 470; line-height: 1.42; letter-spacing: -.02em; }
.native-prose { display: grid; gap: 18px; }
.native-prose p { margin: 0; color: var(--native-muted); font-size: 17px; line-height: 1.72; }
.native-prose strong { color: var(--native-navy); }

.native-hero { min-height: 100vh; padding: 164px 0 92px; background: linear-gradient(90deg, var(--native-paper) 0 53%, var(--native-navy) 53% 100%); }
.native-hero-grid { display: grid; grid-template-columns: 1.04fr .96fr; gap: clamp(58px, 7vw, 108px); align-items: center; }
.native-hero-copy { padding: 28px 0; }
.native-hero h1 span { color: var(--native-pink); }
.native-hero .native-lead { max-width: 650px; margin-top: 28px; color: #344b5d; }
.native-hero .native-prose { max-width: 650px; margin-top: 28px; }
.native-hero-visual { position: relative; min-height: 650px; margin: 0; overflow: hidden; border-radius: 48% 48% 24px 24px; box-shadow: 0 34px 90px rgba(3,18,32,.32); }
.native-hero-visual::after { content: ""; position: absolute; inset: auto 0 0; height: 40%; background: linear-gradient(transparent, rgba(3,18,32,.82)); }
.native-hero-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.native-actions { display: flex; gap: 14px; margin-top: 34px; }
.native-actions a { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; padding: 13px 27px; border-radius: 999px; font-size: 14px; font-weight: 750; text-decoration: none; }
.native-actions .button { box-shadow: 0 15px 38px rgba(239,23,140,.24); }
.native-secondary { border: 1px solid var(--native-line); color: var(--native-navy); }
.native-secondary-light { border: 1px solid rgba(255,255,255,.25); color: white; }

.native-section { padding: var(--native-section) 0; }
.native-section--white { background: white; }
.native-section--warm { background: var(--native-warm); }
.native-section--dark { position: relative; overflow: hidden; background: linear-gradient(135deg,#061a2d,#0b3152 68%,#211630); color: white; }
.native-section--dark::after { content: "MATRIX"; position: absolute; right: -2vw; bottom: -2vw; color: rgba(255,255,255,.025); font-size: min(19vw,250px); font-weight: 700; letter-spacing: -.08em; pointer-events: none; }
.native-section--pink { background: linear-gradient(135deg,#f00885,#ce0e75); color: white; }
.native-section > .native-shell { position: relative; z-index: 1; }
.native-section-head { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(54px,8vw,110px); align-items: end; margin-bottom: 64px; }
.native-section-head .native-lead { color: var(--native-pink); }
.native-section--dark .native-section-head .native-lead, .native-section--pink .native-section-head .native-lead { color: #ff79c0; }
.native-section--dark .native-prose p { color: #b9c6d0; }
.native-section--dark .native-prose strong { color: white; }
.native-section--pink .native-prose p { color: rgba(255,255,255,.82); }

.native-copy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(42px,7vw,90px); align-items: start; }
.native-copy-column { display: grid; gap: 18px; }
.native-copy-column p { margin: 0; color: var(--native-muted); font-size: 17px; line-height: 1.72; }
.native-section--dark .native-copy-column p { color: #b9c6d0; }
.native-section--pink .native-copy-column p { color: rgba(255,255,255,.86); }
.native-list { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; border-top: 1px solid var(--native-line); list-style: none; }
.native-list li { position: relative; padding: 19px 18px 19px 22px; border-bottom: 1px solid var(--native-line); color: #405768; font-size: 15px; line-height: 1.5; }
.native-list li::before { content: ""; position: absolute; left: 0; top: 27px; width: 6px; height: 6px; border-radius: 50%; background: var(--native-pink); }
.native-section--dark .native-list { border-color: rgba(255,255,255,.16); }
.native-section--dark .native-list li { border-color: rgba(255,255,255,.16); color: #d7e0e6; }
.native-section--pink .native-list { border-color: rgba(255,255,255,.28); }
.native-section--pink .native-list li { border-color: rgba(255,255,255,.28); color: white; }

.native-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.native-card { position: relative; min-height: 245px; padding: 28px; overflow: hidden; border: 1px solid var(--native-line); border-radius: 20px; background: rgba(255,255,255,.72); transition: transform .3s, background .3s, color .3s, border-color .3s; }
.native-card::after { content: ""; position: absolute; width: 150px; aspect-ratio: 1; right: -90px; bottom: -95px; border: 1px solid rgba(239,23,140,.22); border-radius: 50%; opacity: 0; transition: opacity .3s, transform .45s; transform: scale(.7); }
.native-card:hover { transform: translateY(-7px); border-color: rgba(239,23,140,.6); background: var(--native-navy); color: white; }
.native-card:hover::after { opacity: 1; transform: scale(1); }
.native-card span { color: var(--native-pink); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.native-card h3 { margin-top: 48px; }
.native-card p { margin: 16px 0 0; color: var(--native-muted); font-size: 15px; line-height: 1.65; }
.native-card:hover p { color: #c7d2da; }
.native-section--dark .native-card { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.055); }
.native-section--dark .native-card p { color: #b9c6d0; }
.native-section--dark .native-card:hover { background: rgba(255,255,255,.1); }
.native-section--pink .native-card { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.08); }
.native-section--pink .native-card p { color: rgba(255,255,255,.82); }

.native-statements { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--native-line); border-left: 1px solid var(--native-line); }
.native-statements p { min-height: 170px; margin: 0; padding: 28px; border-right: 1px solid var(--native-line); border-bottom: 1px solid var(--native-line); color: #344b5d; font-size: 18px; font-weight: 540; line-height: 1.5; }
.native-section--dark .native-statements, .native-section--dark .native-statements p, .native-section--pink .native-statements, .native-section--pink .native-statements p { border-color: rgba(255,255,255,.22); }
.native-section--dark .native-statements p, .native-section--pink .native-statements p { color: white; }

.native-contact { padding: 172px 0 var(--native-section); background: radial-gradient(circle at 88% 10%,rgba(239,23,140,.09),transparent 26%),var(--native-paper); }
.native-contact-head { max-width: 900px; text-align: center; margin: 0 auto 64px; }
.native-contact-head .native-lead { margin-top: 24px; color: var(--native-pink); }
.native-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.native-form, .native-contact-aside { padding: 38px; border: 1px solid var(--native-line); border-radius: 22px; background: white; }
.native-form { display: grid; gap: 20px; }
.native-form label { display: grid; gap: 8px; color: var(--native-navy); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.native-form input, .native-form textarea { width: 100%; min-height: 54px; padding: 13px 15px; border: 1px solid var(--native-line); border-radius: 10px; background: var(--native-paper); color: var(--native-navy); font: inherit; }
.native-form textarea { min-height: 150px; resize: vertical; }
.native-form button { min-height: 54px; border: 0; border-radius: 999px; background: var(--native-pink); color: white; font: inherit; font-weight: 750; }
.native-contact-aside h2 { font-size: clamp(44px,4.8vw,68px); }
.native-contact-aside p { color: var(--native-muted); font-size: 17px; line-height: 1.7; }
.native-contact-aside ul { display: grid; gap: 16px; margin: 40px 0 0; padding: 0; list-style: none; }
.native-contact-aside li { padding-top: 16px; border-top: 1px solid var(--native-line); color: #405768; }

.native-embed { padding: 170px 0 var(--native-section); background: var(--native-paper); }
.native-embed-head { max-width: 850px; margin-bottom: 50px; }
.native-embed-frame { min-height: 920px; overflow: hidden; border: 1px solid var(--native-line); border-radius: 24px; background: white; box-shadow: 0 24px 70px rgba(7,29,51,.1); }
.native-embed-frame iframe { width: 100%; height: 1100px; border: 0; }

.native-login { min-height: 100vh; display: grid; place-items: center; padding: 160px 32px 90px; background: linear-gradient(135deg,#061a2d,#0b3152 68%,#211630); color: white; text-align: center; }
.native-login-inner { max-width: 790px; }
.native-login .native-lead { margin-top: 28px; color: #b9c6d0; }
.native-login .native-actions { justify-content: center; }

@media(max-width:1050px){
  .native-page .brand img{width:205px}.native-page .site-nav{gap:2px}.native-page .site-nav a{padding-inline:10px}
  .native-hero{min-height:0;background:var(--native-paper)}.native-hero-grid,.native-section-head,.native-copy-grid,.native-contact-grid{grid-template-columns:1fr}.native-hero-visual{width:min(100%,760px);min-height:600px}.native-card-grid{grid-template-columns:repeat(2,1fr)}.native-statements{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:700px){
  .native-shell{width:min(calc(100% - 42px),var(--native-shell))}.native-hero{padding:132px 0 76px}.native-hero-grid{gap:50px}.native-page h1{font-size:clamp(48px,15vw,68px)}.native-page h2{font-size:clamp(42px,12vw,58px)}.native-hero-visual{min-height:470px;border-radius:24px}.native-actions{align-items:stretch;flex-direction:column}.native-list,.native-card-grid,.native-statements{grid-template-columns:1fr}.native-card,.native-statements p{min-height:0}.native-card h3{margin-top:36px}.native-contact{padding-top:135px}.native-form,.native-contact-aside{padding:26px}.native-embed{padding-top:135px}.native-embed-frame{min-height:760px}.native-embed-frame iframe{height:920px}
}

@media(prefers-reduced-motion:reduce){.native-page *,.native-page *::before,.native-page *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Editorial subpage system: varied compositions chosen by page content. */
.native-hero-visual{border-radius:30px;transform:rotate(-1deg);transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s cubic-bezier(.2,.8,.2,1)}
.native-hero-visual::before{content:"";position:absolute;z-index:2;inset:18px;border:1px solid rgba(255,255,255,.18);border-radius:20px;pointer-events:none}
.native-hero-visual img{transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .8s}
@media(hover:hover){.native-hero-visual:hover{transform:rotate(0) translateY(-7px);box-shadow:0 42px 100px rgba(3,18,32,.38)}.native-hero-visual:hover img{transform:scale(1.035)}}

.native-section.editorial-scene{isolation:isolate}
.native-section.editorial-scene::before{content:attr(data-sequence);position:absolute;z-index:2;left:max(18px,calc((100vw - var(--native-shell))/2 - 54px));top:50%;color:rgba(7,29,51,.24);font-size:10px;font-weight:800;letter-spacing:.18em;transform:rotate(-90deg) translateX(-50%);transform-origin:left top}
.native-section--dark.editorial-scene::before,.native-section--pink.editorial-scene::before{color:rgba(255,255,255,.3)}
.native-section-head{position:relative}
.native-section-head::after{content:"";position:absolute;left:0;bottom:-24px;width:64px;height:2px;background:linear-gradient(90deg,var(--native-pink),transparent)}

/* Editorial prose: a pull-quote column beside a quieter supporting column. */
.layout-editorial .native-section-head{grid-template-columns:.86fr 1.14fr;align-items:start}
.layout-editorial .native-copy-grid{grid-template-columns:repeat(12,1fr);gap:24px}
.layout-editorial .native-copy-column:first-child{grid-column:1/span 7;padding:clamp(28px,4vw,54px);border-left:3px solid var(--native-pink);background:linear-gradient(135deg,rgba(239,23,140,.07),rgba(255,255,255,.12))}
.layout-editorial .native-copy-column:last-child{grid-column:9/-1;padding-top:clamp(28px,4vw,54px)}
.layout-editorial .native-copy-column:first-child p:first-child{color:inherit;font-size:clamp(24px,2.6vw,38px);font-weight:500;line-height:1.28;letter-spacing:-.025em}

/* Philosophy constellation: asymmetric cards and visual symbols instead of counters. */
.layout-constellation{overflow:hidden;background-image:radial-gradient(circle at 10% 15%,rgba(239,23,140,.09),transparent 25%),radial-gradient(circle at 88% 82%,rgba(7,29,51,.08),transparent 22%)}
.layout-constellation .native-card-grid{grid-template-columns:repeat(12,1fr);gap:20px;align-items:stretch}
.layout-constellation .native-card{min-height:280px;padding:34px;background:rgba(255,255,255,.84);box-shadow:0 20px 55px rgba(7,29,51,.07)}
.layout-constellation .native-card:nth-child(1){grid-column:span 7;min-height:360px;background:linear-gradient(145deg,#071d33,#0d365a);color:white}
.layout-constellation .native-card:nth-child(2){grid-column:span 5;margin-top:64px}
.layout-constellation .native-card:nth-child(n+3){grid-column:span 4}
.layout-constellation .native-card:nth-child(5){transform:translateY(30px)}
.layout-constellation .native-card:nth-child(1) p{color:#c2ced7}
.layout-constellation .native-card>span{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(239,23,140,.38);border-radius:50%;font-size:0}
.layout-constellation .native-card>span::before{color:var(--native-pink);font-size:19px;line-height:1}
.layout-constellation .native-card:nth-child(1)>span::before{content:"✦"}.layout-constellation .native-card:nth-child(2)>span::before{content:"◎"}.layout-constellation .native-card:nth-child(3)>span::before{content:"◇"}.layout-constellation .native-card:nth-child(4)>span::before{content:"↗"}.layout-constellation .native-card:nth-child(5)>span::before{content:"∞"}.layout-constellation .native-card:nth-child(6)>span::before{content:"⌁"}.layout-constellation .native-card:nth-child(7)>span::before{content:"◌"}
.layout-constellation .native-card h3{margin-top:70px}

/* Connected journey: staggered steps with a central progression line. */
.layout-timeline .native-card-grid{position:relative;grid-template-columns:1fr 1fr;gap:24px 72px;padding:10px 0}
.layout-timeline .native-card-grid::before{content:"";position:absolute;left:50%;top:30px;bottom:30px;width:1px;background:linear-gradient(transparent,var(--native-pink) 10%,var(--native-pink) 90%,transparent)}
.layout-timeline .native-card{min-height:220px;border-radius:18px;background:rgba(255,255,255,.07)}
.layout-timeline .native-card:nth-child(even){margin-top:74px}
.layout-timeline .native-card>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(239,23,140,.5);border-radius:50%;background:inherit;color:var(--native-pink)}
.layout-timeline .native-card h3{margin-top:30px}

/* Capability spotlight: one cinematic lead tile supported by compact companions. */
.layout-spotlight .native-card-grid{grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:18px}
.layout-spotlight .native-card{grid-column:span 5;min-height:210px}
.layout-spotlight .native-card:first-child{grid-column:span 7;grid-row:span 2;min-height:438px;padding:42px;background:linear-gradient(145deg,#071d33,#0c365c);color:white;box-shadow:0 30px 75px rgba(7,29,51,.18)}
.layout-spotlight .native-card:first-child p{color:#c2ced7}
.layout-spotlight .native-card:first-child h3{max-width:11ch;margin-top:120px;font-size:clamp(34px,4vw,58px)}
.layout-spotlight .native-card:nth-child(n+5){grid-column:span 4}
.layout-spotlight .native-card>span{display:inline-flex;padding:7px 10px;border:1px solid rgba(239,23,140,.28);border-radius:999px}

/* Editorial rail: alternating widths create movement without sacrificing scanability. */
.layout-rail .native-card-grid{grid-template-columns:repeat(12,1fr);gap:18px}
.layout-rail .native-card{grid-column:span 5;min-height:250px}
.layout-rail .native-card:nth-child(4n+1),.layout-rail .native-card:nth-child(4n){grid-column:span 7}
.layout-rail .native-card:nth-child(even){background:rgba(255,255,255,.42)}
.layout-rail .native-card h3{max-width:17ch}

/* Index panels turn long bullet collections into an interactive reference wall. */
.layout-index .native-list{grid-template-columns:repeat(3,1fr);gap:0;border-left:1px solid var(--native-line)}
.layout-index .native-list li{min-height:96px;padding:25px 24px 25px 42px;border-right:1px solid var(--native-line);transition:background .25s,color .25s,transform .25s}
.layout-index .native-list li::before{left:22px;top:34px;transition:transform .25s,box-shadow .25s}
@media(hover:hover){.layout-index .native-list li:hover{z-index:1;background:var(--native-navy);color:white;transform:translateY(-4px)}.layout-index .native-list li:hover::before{transform:scale(1.45);box-shadow:0 0 0 7px rgba(239,23,140,.13)}}

/* FAQ rows read like an editorial accordion ledger even before interaction. */
.layout-faq .native-card-grid{grid-template-columns:1fr;gap:0;border-top:1px solid var(--native-line)}
.layout-faq .native-card{display:grid;grid-template-columns:72px minmax(220px,.85fr) 1.15fr;gap:22px;align-items:start;min-height:0;padding:30px 4px;border:0;border-bottom:1px solid var(--native-line);border-radius:0;background:transparent}
.layout-faq .native-card>span{grid-column:1;margin-top:4px}
.layout-faq .native-card h3{grid-column:2;margin:0}
.layout-faq .native-card p{grid-column:3;margin:0}
.layout-faq .native-card::after{display:none}
@media(hover:hover){.layout-faq .native-card:hover{padding-left:18px;padding-right:18px;background:rgba(239,23,140,.055);color:inherit;box-shadow:none}.layout-faq .native-card:hover p{color:var(--native-muted)}}

/* Pull-quote and finale sections provide breathing room between denser systems. */
.layout-quote .native-section-head{grid-template-columns:.72fr 1.28fr;align-items:start}
.layout-quote .native-section-head .native-lead{max-width:850px;font-size:clamp(27px,3vw,46px);line-height:1.22}
.layout-quote .native-copy-grid{grid-template-columns:.7fr 1.3fr;padding-top:40px;border-top:1px solid currentColor}
.layout-feature .native-copy-grid{grid-template-columns:1.2fr .8fr;gap:24px}
.layout-feature .native-copy-column{min-height:230px;padding:34px;border:1px solid var(--native-line);border-radius:22px;background:rgba(255,255,255,.56)}
.layout-finale{text-align:center}
.layout-finale .native-section-head{display:block;max-width:980px;margin-inline:auto}
.layout-finale .native-section-head h2{margin-inline:auto}
.layout-finale .native-section-head .native-lead{max-width:780px;margin:28px auto 0}
.layout-finale .native-actions{justify-content:center}

/* Page-specific tonal distinctions. */
[data-page="ai"] .layout-constellation{background-color:#edf0f3}
[data-page="ai"] .layout-timeline{background:radial-gradient(circle at 85% 15%,rgba(239,23,140,.18),transparent 26%),linear-gradient(145deg,#061a2d,#0b3152 70%,#20172f)}
[data-page="research"] .layout-quote,[data-page="certified"] .layout-quote{background:linear-gradient(135deg,#ef178c,#c90f73);color:white}
[data-page="practice-growth"] .layout-timeline{background:linear-gradient(145deg,#061a2d,#0b3152);color:white}
[data-page="academy"] .layout-constellation{background-color:#f4edf1}
[data-page="legacy-circle"] .layout-constellation{background-color:#eef3f5}

/* Legacy Circle audience: an orderly provider directory instead of a hierarchy of oversized cards. */
.legacy-audience.layout-constellation{background:radial-gradient(circle at 8% 18%,rgba(239,23,140,.09),transparent 24%),linear-gradient(135deg,#f7f2f5 0%,#eef4f6 58%,#f8faf9 100%)}
.legacy-audience.layout-constellation .native-section-head{align-items:start}
.legacy-audience.layout-constellation .native-section-head h2{max-width:13ch;font-size:clamp(48px,5.6vw,82px)}
.legacy-audience.layout-constellation .native-section-head .native-lead{max-width:630px;color:var(--native-muted);font-size:clamp(18px,1.65vw,24px);line-height:1.55}
.legacy-audience.layout-constellation .native-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.legacy-audience.layout-constellation .native-card,.legacy-audience.layout-constellation .native-card:nth-child(n){grid-column:auto;min-height:205px;margin:0;padding:26px;transform:none;background:rgba(255,255,255,.76);color:var(--native-navy);box-shadow:0 16px 45px rgba(7,29,51,.055);backdrop-filter:blur(10px)}
.legacy-audience.layout-constellation .native-card h3{max-width:16ch;margin-top:38px;font-size:clamp(22px,1.8vw,29px);line-height:1.12}
.legacy-audience.layout-constellation .native-card>span{width:42px;height:42px;background:rgba(255,255,255,.55)}
.legacy-audience.layout-constellation .native-card:nth-child(8)>span::before{content:"⌘"}
.legacy-audience.layout-constellation .native-card:hover{transform:translateY(-6px);background:linear-gradient(145deg,#071d33,#0d365a);box-shadow:0 24px 60px rgba(7,29,51,.16)}
.legacy-audience-note{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:start;margin-top:22px;padding:24px 28px;border:1px solid rgba(239,23,140,.22);border-radius:18px;background:rgba(255,255,255,.55)}
.legacy-audience-note>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--native-navy);color:var(--native-pink)}
.legacy-audience-note p{max-width:960px;margin:0;color:var(--native-muted);font-size:16px;line-height:1.65}
.legacy-audience-note strong{color:var(--native-navy)}

@media(max-width:1050px){
  .native-section.editorial-scene::before{display:none}
  .layout-editorial .native-section-head,.layout-quote .native-section-head{grid-template-columns:1fr}
  .layout-editorial .native-copy-grid{grid-template-columns:1fr}
  .layout-editorial .native-copy-column:first-child,.layout-editorial .native-copy-column:last-child{grid-column:auto}
  .layout-constellation .native-card-grid,.layout-spotlight .native-card-grid,.layout-rail .native-card-grid{grid-template-columns:repeat(2,1fr)}
  .legacy-audience.layout-constellation .native-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layout-constellation .native-card,.layout-constellation .native-card:nth-child(n),.layout-spotlight .native-card,.layout-spotlight .native-card:nth-child(n),.layout-rail .native-card,.layout-rail .native-card:nth-child(n){grid-column:auto;grid-row:auto;margin-top:0;transform:none}
  .layout-constellation .native-card:first-child,.layout-spotlight .native-card:first-child{grid-column:1/-1;min-height:360px}
  .layout-index .native-list{grid-template-columns:repeat(2,1fr)}
  .layout-faq .native-card{grid-template-columns:60px 1fr}.layout-faq .native-card p{grid-column:2}.layout-faq .native-card h3{grid-column:2}
}

@media(max-width:700px){
  .native-hero-visual{transform:none;border-radius:22px}.native-hero-visual::before{inset:11px;border-radius:14px}
  .native-section-head::after{bottom:-16px}
  .layout-editorial .native-copy-column:first-child{padding:26px 24px}.layout-editorial .native-copy-column:last-child{padding-top:10px}
  .layout-constellation .native-card-grid,.layout-spotlight .native-card-grid,.layout-rail .native-card-grid,.layout-timeline .native-card-grid{grid-template-columns:1fr;gap:14px}
  .legacy-audience.layout-constellation .native-card-grid{grid-template-columns:1fr}
  .legacy-audience.layout-constellation .native-card,.legacy-audience.layout-constellation .native-card:nth-child(n){min-height:0;padding:24px}
  .legacy-audience.layout-constellation .native-card h3{margin-top:30px;font-size:26px}
  .legacy-audience-note{grid-template-columns:1fr;padding:22px}
  .layout-constellation .native-card,.layout-constellation .native-card:first-child,.layout-spotlight .native-card,.layout-spotlight .native-card:first-child{min-height:0;padding:26px}
  .layout-constellation .native-card h3,.layout-spotlight .native-card:first-child h3{margin-top:38px;font-size:30px}
  .layout-timeline .native-card-grid::before{left:18px;top:18px;bottom:18px}.layout-timeline .native-card,.layout-timeline .native-card:nth-child(even){margin:0 0 0 32px;min-height:0}
  .layout-index .native-list{grid-template-columns:1fr}.layout-index .native-list li{min-height:0}
  .layout-faq .native-card{grid-template-columns:44px 1fr;gap:10px;padding:24px 0}.layout-faq .native-card p{margin-top:10px}
  .layout-quote .native-section-head .native-lead{font-size:25px}.layout-quote .native-copy-grid,.layout-feature .native-copy-grid{grid-template-columns:1fr}
  .layout-feature .native-copy-column{min-height:0;padding:26px}
}

@media(prefers-reduced-motion:reduce){.native-hero-visual,.native-hero-visual img,.layout-index .native-list li{transform:none!important;transition:none!important}}

/*
 * Precision composition system
 * Balanced geometry replaces the earlier staggered editorial experiments.
 * Sections may retain tonal variety, but alignment, rhythm and card hierarchy
 * remain consistent across every interior page.
 */
.native-section.editorial-scene::before{display:none}
.native-hero-grid,.native-section-head,.layout-editorial .native-section-head,.layout-quote .native-section-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(44px,6vw,84px)}
.native-hero-visual,.native-hero-visual:hover{border-radius:26px;transform:none}
.native-hero-visual::before{inset:16px;border-radius:17px}

.layout-editorial .native-copy-grid,.layout-quote .native-copy-grid,.layout-feature .native-copy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.layout-editorial .native-copy-column:first-child,.layout-editorial .native-copy-column:last-child{grid-column:auto;min-height:100%;padding:34px}
.layout-editorial .native-copy-column:last-child{border:1px solid var(--native-line);border-radius:20px;background:rgba(255,255,255,.44)}
.native-section--dark .layout-editorial .native-copy-column:last-child,.native-section--pink .layout-editorial .native-copy-column:last-child{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.055)}
.layout-quote .native-copy-grid{padding-top:32px}
.layout-feature .native-copy-column{min-height:100%}

:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:1fr;gap:20px;padding:0}
:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card{display:flex;grid-column:span 2!important;grid-row:auto!important;min-height:275px!important;height:100%;margin:0!important;padding:30px!important;flex-direction:column;border-radius:20px;background:rgba(255,255,255,.78);color:var(--native-navy);box-shadow:0 16px 42px rgba(7,29,51,.065);transform:none!important}
:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card:last-child:nth-child(3n+1){grid-column:3/span 2!important}
:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2!important}
:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card:nth-last-child(2):nth-child(3n+1)+.native-card{grid-column:4/span 2!important}
:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card h3{max-width:none!important;margin:32px 0 0!important;font-size:clamp(27px,2.1vw,34px)!important;line-height:1.08}
:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card p{margin-top:15px!important;color:var(--native-muted)!important}
:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card:hover{border-color:rgba(239,23,140,.52);background:var(--native-navy);color:white;box-shadow:0 22px 52px rgba(7,29,51,.14);transform:translateY(-4px)!important}
:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card:hover p{color:#c5d0d8!important}
.native-section--dark:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card,.native-section--pink:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.065);color:white;box-shadow:none}
.native-section--dark:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card p,.native-section--pink:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card p{color:#c2ced7!important}
.layout-timeline .native-card-grid::before{display:none}
.layout-rail .native-card:nth-child(even){background:rgba(255,255,255,.78)}
.native-section--dark.layout-rail .native-card:nth-child(even),.native-section--pink.layout-rail .native-card:nth-child(even){background:rgba(255,255,255,.065)}

.layout-faq .native-card{grid-template-columns:56px minmax(0,1fr) minmax(0,1fr);gap:24px;padding:28px 0}

@media(max-width:1050px){
  .native-hero-grid,.native-section-head,.layout-editorial .native-section-head,.layout-quote .native-section-head{grid-template-columns:1fr}
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card{grid-column:span 2!important}
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card:last-child:nth-child(odd){grid-column:2/span 2!important}
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card:nth-last-child(2):nth-child(3n+1),:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card:nth-last-child(2):nth-child(3n+1)+.native-card{grid-column:span 2!important}
}

@media(max-width:700px){
  .native-hero-visual{border-radius:20px}
  .layout-editorial .native-copy-grid,.layout-quote .native-copy-grid,.layout-feature .native-copy-grid{grid-template-columns:1fr}
  .layout-editorial .native-copy-column:first-child,.layout-editorial .native-copy-column:last-child{padding:25px 23px}
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card-grid{grid-template-columns:1fr;gap:14px}
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card,:is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail) .native-card:nth-child(n){grid-column:1!important;min-height:0!important;padding:25px!important}
  .layout-faq .native-card{grid-template-columns:44px 1fr;gap:12px}
}

/* Quote scenes that contain cards use the same centered precision grid. */
.layout-quote .native-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:1fr;gap:20px}
.layout-quote .native-card{display:flex;grid-column:span 2;min-height:275px;height:100%;padding:30px;flex-direction:column;border-radius:20px;background:rgba(255,255,255,.78);color:var(--native-navy);box-shadow:0 16px 42px rgba(7,29,51,.065)}
.layout-quote .native-card:last-child:nth-child(3n+1){grid-column:3/span 2}
.layout-quote .native-card:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}
.layout-quote .native-card:nth-last-child(2):nth-child(3n+1)+.native-card{grid-column:4/span 2}
.layout-quote .native-card h3{margin-top:32px}
.native-section--dark.layout-quote .native-card,.native-section--pink.layout-quote .native-card{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.065);color:white;box-shadow:none}
.native-section--dark.layout-quote .native-card p,.native-section--pink.layout-quote .native-card p{color:#c2ced7}

/* FAQ rows remain editorial but share a consistent row height and baseline. */
.layout-faq .native-card-grid{grid-auto-rows:1fr}
.layout-faq .native-card{height:100%}

@media(max-width:1050px){
  .layout-quote .native-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .layout-quote .native-card{grid-column:span 2}
  .layout-quote .native-card:last-child:nth-child(odd){grid-column:2/span 2}
  .layout-quote .native-card:nth-last-child(2):nth-child(3n+1),.layout-quote .native-card:nth-last-child(2):nth-child(3n+1)+.native-card{grid-column:span 2}
}
@media(max-width:700px){
  .layout-quote .native-card-grid{grid-template-columns:1fr;gap:14px}
  .layout-quote .native-card,.layout-quote .native-card:nth-child(n){grid-column:1;min-height:0;padding:25px}
}

/* Dark interactive card states keep every text layer legible. */
.native-page .native-card:focus-within{border-color:rgba(239,23,140,.6)!important;background:var(--native-navy)!important;color:#fff!important;box-shadow:0 22px 52px rgba(7,29,51,.14)}
.native-page .native-card:focus-within h3{color:#fff!important}
.native-page .native-card:focus-within p{color:#c7d2da!important}
@media(hover:hover){
  .native-page .native-card:hover,
  .native-page .native-card:hover h3{color:#fff!important}
  .native-page .native-card:hover p{color:#c7d2da!important}
}

/* Balanced editorial bridges for approved supporting narratives. */
.native-editorial-bridge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 46px}
.native-editorial-bridge>div{min-height:100%;padding:25px 27px;border-left:2px solid var(--native-pink);background:rgba(255,255,255,.42)}
.native-editorial-bridge p{margin:0;color:var(--native-muted);font-size:16px;line-height:1.72}
.native-editorial-bridge p+p{margin-top:14px}
.native-editorial-bridge--single{grid-template-columns:1fr}
.native-editorial-bridge--single>div{max-width:920px}
.native-section--dark .native-editorial-bridge>div,.native-section--pink .native-editorial-bridge>div{border-color:#ff67b4;background:rgba(255,255,255,.065)}
.native-section--dark .native-editorial-bridge p,.native-section--pink .native-editorial-bridge p{color:#c7d2da}
.native-editorial-bridge strong{color:inherit}
.native-intro-list{margin-top:34px}
@media(max-width:700px){.native-editorial-bridge{grid-template-columns:1fr;gap:14px;margin-bottom:34px}.native-editorial-bridge>div{padding:22px 21px}}

/* Responsive regression guard: phone layouts must never inherit tablet
   centering spans that create implicit grid columns and collapse card width. */
@media(max-width:700px){
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail,.layout-quote) .native-card-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail,.layout-quote) .native-card,
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail,.layout-quote) .native-card:nth-child(n),
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail,.layout-quote) .native-card:last-child:nth-child(3n+1),
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail,.layout-quote) .native-card:last-child:nth-child(odd),
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail,.layout-quote) .native-card:nth-last-child(2):nth-child(3n+1),
  :is(.layout-constellation:not(.legacy-audience),.layout-spotlight,.layout-timeline,.layout-rail,.layout-quote) .native-card:nth-last-child(2):nth-child(3n+1)+.native-card{
    grid-column:1 / -1!important;
    width:100%;
    min-width:0;
    margin:0!important;
  }
}