:root{
  --paper:#f5efe5;
  --paper-2:#fbf7ef;
  --ink:#132538;
  --ink-2:#21384e;
  --muted:#6d756f;
  --red:#c9232b;
  --red-dark:#9d1720;
  --blue:#6d9bb7;
  --blue-deep:#264f6c;
  --sand:#d9cbb5;
  --line:rgba(19,37,56,.16);
  --shadow:0 22px 70px rgba(21,28,33,.13);
  --soft-shadow:0 10px 30px rgba(20,30,38,.09);
  --radius:18px;
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Inter", system-ui, sans-serif;
  --condensed:"Barlow Condensed", Arial Narrow, sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 18% 10%,rgba(196,34,42,.025),transparent 28%),
    radial-gradient(circle at 78% 22%,rgba(73,127,160,.045),transparent 32%),
    repeating-linear-gradient(0deg,rgba(37,42,43,.018) 0 1px,transparent 1px 4px),
    var(--paper);
  font-family:var(--sans);
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
body:before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:9999; opacity:.26;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font:inherit}
.wrap{width:min(1180px,calc(100% - 44px));margin:0 auto}
.page-section{position:relative;overflow:hidden}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:99999;border:2px solid var(--red)}

.site-nav{
  position:sticky; top:0; z-index:50;
  backdrop-filter:blur(16px);
  background:rgba(248,244,236,.88);
  border-bottom:1px solid rgba(25,40,54,.11);
}
.nav-inner{
  height:88px; display:grid; grid-template-columns:210px 1fr auto; gap:30px; align-items:center;
}
.brand-lockup img{width:184px;height:auto}
.nav-links{display:flex;align-items:center;justify-content:center;gap:25px}
.nav-links a{
  font-family:var(--condensed);font-size:14px;font-weight:600;letter-spacing:.025em;
  position:relative;
}
.nav-links a:after{
  content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--red);transition:.25s ease;
}
.nav-links a:hover:after{right:0}
.nav-actions{display:flex;gap:12px}
.nav-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:9px 12px;font-family:var(--condensed);text-transform:uppercase;letter-spacing:.08em}

.button{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:42px;padding:0 18px;border-radius:4px;
  font-family:var(--condensed);font-weight:700;letter-spacing:.03em;text-transform:uppercase;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
  border:1px solid transparent;
}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,34,36,.12)}
.button.red{background:var(--red);color:#fff}
.button.red:hover{background:var(--red-dark)}
.button.ghost,.button.outline{background:rgba(255,255,255,.55);border-color:rgba(19,37,56,.55);color:var(--ink)}
.button.large{min-height:52px;padding:0 25px;font-size:16px}
.play-dot{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px}

.eyebrow,.section-kicker{
  font-family:var(--condensed);font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--red);
}
.with-line{display:flex;align-items:center;gap:16px}
.with-line:after{content:"";height:1px;width:64px;background:var(--red);opacity:.85}
.display-title,
.hero h1,
.cap-title h2{
  font-family:var(--serif);font-weight:600;letter-spacing:-.045em;line-height:.86;margin:0;color:#0d1a27;
}
.display-title em,.hero h1 em,.cap-title h2 em{font-style:normal;color:var(--red)}
.section-subtitle{
  font-family:var(--serif);font-size:31px;line-height:1.05;margin:22px 0 10px;font-weight:600;
}
.section-lead{font-size:17px;line-height:1.65;color:#3c4c5a;max-width:650px}

.hero{
  min-height:860px;padding:64px 0 34px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.35),rgba(245,239,229,.56)),
    radial-gradient(circle at 75% 25%,rgba(111,157,184,.16),transparent 36%);
}
.hero-backdrop{position:absolute;inset:0;pointer-events:none}
.wash{position:absolute;border-radius:50%;filter:blur(2px)}
.wash-a{width:620px;height:620px;right:-170px;top:90px;background:radial-gradient(circle,rgba(111,158,184,.18),rgba(111,158,184,.02) 62%,transparent 68%)}
.wash-b{width:360px;height:360px;left:-140px;bottom:80px;background:radial-gradient(circle,rgba(203,35,43,.08),transparent 70%)}
.orbit{position:absolute;border:1px solid rgba(52,104,139,.16);border-radius:50%}
.orbit-a{width:600px;height:600px;right:90px;top:50px}
.orbit-b{width:420px;height:420px;right:180px;top:140px}
.hero-sketch{
  position:absolute;font-family:var(--serif);font-size:72px;letter-spacing:.08em;opacity:.035;
  writing-mode:vertical-rl;text-orientation:mixed;
}
.sketch-left{left:4px;top:190px}
.sketch-right{right:6px;top:300px}
.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:50px;align-items:center}
.hero-copy{padding-top:8px}
.hero h1{font-size:96px;margin:18px 0 22px}
.hero-deck{
  max-width:580px;font-family:var(--serif);font-size:27px;line-height:1.18;margin:0 0 28px;color:#243747;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 34px}
.hero-promises{display:grid;gap:10px;max-width:630px}
.hero-promises article{
  display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:center;
  padding:13px 14px;border-top:1px solid var(--line);
}
.promise-icon{
  width:46px;height:46px;border:1px solid rgba(19,37,56,.24);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--red);font-size:23px;font-weight:700;
}
.promise-icon.people{font-size:11px;letter-spacing:-2px}
.hero-promises h3{margin:0 0 3px;font-family:var(--serif);font-size:23px}
.hero-promises p{margin:0;color:#59636a;font-size:14px}

.hero-visual{height:690px;position:relative;isolation:isolate}
.phone{
  position:absolute;background:#fdfbf6;border:7px solid #101215;border-radius:34px;
  box-shadow:0 18px 45px rgba(11,18,24,.25),inset 0 0 0 1px rgba(255,255,255,.35);
  overflow:hidden;color:#17232d;
}
.phone-notch{
  width:88px;height:23px;border-radius:0 0 15px 15px;background:#101215;position:absolute;left:50%;top:-1px;transform:translateX(-50%)
}
.phone-status{font:600 10px var(--sans);display:flex;justify-content:space-between;padding:15px 12px 6px}
.phone-status span{letter-spacing:2px;font-size:6px}
.phone-left{width:225px;height:470px;left:15px;top:140px;transform:rotate(-7deg);z-index:1;padding:30px 14px 14px}
.phone-center{width:272px;height:575px;left:170px;top:54px;z-index:4;padding:38px 18px 16px}
.phone-right{width:225px;height:470px;right:-4px;top:150px;transform:rotate(5deg);z-index:2;padding:30px 14px 14px}
.phone-logo{width:82px;margin:0 auto 12px}
.app-wordmark{font-family:var(--serif);font-weight:700;letter-spacing:.14em;text-align:center;margin-bottom:18px}
.screen-kicker{font-family:var(--condensed);font-size:12px;letter-spacing:.12em;font-weight:700}
.phone h3{font-family:var(--serif);font-size:25px;line-height:.95;margin:10px 0 14px}
.phone-center h3{font-size:28px}
.phone h4{font-family:var(--serif);font-size:22px;line-height:.98;margin:8px 0}
.phone p{font-size:11px;line-height:1.45;margin:4px 0 10px}
.metric-card,.impact-stat{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ddd8cf;font-size:11px}
.metric-card b,.impact-stat b{font-size:16px}
.mini-chart{height:90px;display:flex;align-items:end;gap:10px;padding:10px 8px;margin-top:8px;background:#f5f0e7}
.mini-chart i{flex:1;background:linear-gradient(#76a6c3,#4f7892)}
.phone-tabs{position:absolute;left:0;right:0;bottom:0;min-height:42px;border-top:1px solid #ddd8cf;display:flex;align-items:center;justify-content:space-around;font-size:9px;background:#fff}
.tab-strip,.alert-tabs,.mini-tabs{display:flex;gap:12px;border-bottom:1px solid #ddd8cf;padding-bottom:7px;margin-bottom:10px;font-size:9px}
.tab-strip b,.mini-tabs b{color:var(--red);border-bottom:2px solid var(--red);padding-bottom:5px}
.feature-photo{
  height:130px;border-radius:4px;background:
    linear-gradient(180deg,rgba(103,157,188,.18),rgba(240,203,143,.15)),
    linear-gradient(135deg,#93b9cf 0 38%,#e6d7b5 38% 50%,#8da2a8 50% 53%,#c9a879 53% 100%);
  border:1px solid rgba(19,37,56,.08);position:relative;overflow:hidden;
}
.feature-photo:after{
  content:"";position:absolute;left:35%;right:20%;bottom:-2px;height:70%;background:
  linear-gradient(90deg,transparent 0 12%,#f2e9d6 12% 88%,transparent 88%),
  linear-gradient(#e7e1d2,#c8b68f);
  clip-path:polygon(0 100%,0 45%,12% 45%,12% 28%,22% 28%,22% 8%,50% 8%,50% 0,54% 8%,78% 8%,78% 28%,88% 28%,88% 45%,100% 45%,100% 100%);
  opacity:.92;
}
.tag{display:inline-block;background:var(--red);color:#fff;padding:3px 6px;font:700 8px var(--condensed);letter-spacing:.08em;margin-top:6px}
.list-row{display:flex;justify-content:space-between;border-top:1px solid #e3ddd4;padding:8px 1px;font-size:11px}
.list-row i{font-style:normal;font-size:15px}
.alert-card{position:relative;border-left:3px solid;padding:8px 8px 8px 9px;margin-bottom:7px;background:#fbf8f2}
.alert-card>span{font-size:8px;font-weight:700;color:var(--red)}
.alert-card small{position:absolute;right:6px;top:7px;font-size:7px;color:#777}
.alert-card b{display:block;font-family:var(--serif);font-size:13px;line-height:1.05;margin-top:2px}
.alert-card p{font-size:8px}
.red-alert{border-color:#d83435}.blue-alert{border-color:#367bb1}.amber-alert{border-color:#db8b28}
.hero-signoff{
  margin-top:20px;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:17px;
  font-family:var(--serif);font-size:22px;
}
.red-disc{width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px}

.guide-section{padding:105px 0;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(224,236,244,.28))}
.guide-grid.two-col{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}
.display-title{font-size:90px;margin:18px 0}
.onboarding-phones{height:580px;position:relative}
.small-phone{width:215px;height:430px;padding:44px 13px 14px}
.onboarding-phone:nth-child(1){left:0;top:110px;transform:rotate(-2deg);z-index:1}
.onboarding-phone:nth-child(2){left:170px;top:60px;z-index:3}
.onboarding-phone:nth-child(3){right:0;top:120px;transform:rotate(2deg);z-index:2}
.onboarding-logo{width:85px;margin:0 auto 10px}
.onboarding-phone h3{font-size:22px}
.auth-button{padding:8px 7px;border:1px solid #d6d0c6;border-radius:4px;text-align:center;margin:6px 0;font:600 9px var(--sans);background:white}
.auth-button.dark{background:#121619;color:white;border-color:#121619}
.map-search{border:1px solid #ddd4c9;border-radius:4px;padding:8px;font-size:9px;background:#fff;margin-bottom:8px}
.map-graphic{height:150px;background:
  linear-gradient(45deg,transparent 48%,rgba(51,112,146,.15) 49% 51%,transparent 52%),
  linear-gradient(-45deg,transparent 48%,rgba(51,112,146,.12) 49% 51%,transparent 52%),
  #e8eee8;background-size:26px 26px;position:relative;border:1px solid #d9ddd6}
.pin{position:absolute;left:50%;top:45%;font-size:28px;color:var(--red);transform:translate(-50%,-50%)}
.feed-card{padding:8px 0;border-top:1px solid #ded8ce}
.feed-card b{font-family:var(--serif);font-size:13px;display:block}
.feed-card small{font-size:8px;color:#777}

.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:65px}
.timeline article{
  position:relative;padding:25px 18px 22px;border:1px solid var(--line);background:rgba(255,255,255,.48);min-height:230px
}
.timeline article>span{
  position:absolute;left:-12px;top:-12px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-weight:700
}
.timeline-icon{font-size:31px;margin:0 0 12px;color:var(--ink)}
.timeline h3{font-family:var(--serif);font-size:24px;line-height:1;margin:0 0 10px}
.timeline p{margin:0;color:#52606a;font-size:14px}
.answer-strip{
  margin-top:28px;background:#11171c;color:#fff;padding:27px 28px;display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:0;border-radius:8px;box-shadow:var(--shadow)
}
.answer-strip>h3{font-family:var(--serif);font-size:29px;line-height:1;margin:0;padding-right:25px}
.answer-strip article{padding:0 20px;border-left:1px solid rgba(255,255,255,.25)}
.answer-strip article span{font-size:24px}
.answer-strip h4{font-family:var(--serif);font-size:21px;margin:8px 0 6px}
.answer-strip p{font-size:12px;line-height:1.45;color:#d6dde2;margin:0}

/* Section 2 — founder-approved locked artwork */
.s2-approved-section{
  padding:0;
  background:#f7f2e8;
}
.s2-approved-artwork{
  width:100%;
  max-width:1491px;
  margin:0 auto;
  line-height:0;
  background:#f7f2e8;
}
.s2-approved-artwork img{
  display:block;
  width:100%;
  height:auto;
}
.s2-sr-copy{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.capabilities{padding:105px 0 80px;background:var(--paper-2)}
.cap-title{margin:15px 0 35px}
.cap-title h2{font-size:78px;line-height:.92}
.cap-title p{font-family:var(--serif);font-size:23px;margin:12px 0 0}
.cap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cap-card{
  border:1px solid var(--line);background:rgba(255,255,255,.58);padding:16px 14px 18px;min-width:0;box-shadow:0 10px 35px rgba(24,34,43,.04)
}
.cap-head{display:flex;align-items:center;justify-content:space-between}
.cap-head>span{font:700 18px var(--serif);color:var(--red)}
.cap-icon{width:46px;height:46px;border:1px solid rgba(19,37,56,.16);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}
.pulse-icon{color:var(--red)}.crown{font-size:25px}
.cap-card>h3{text-align:center;font-family:var(--serif);font-size:29px;margin:5px 0 1px}
.cap-card>p{text-align:center;font-size:12px;color:#53606a;min-height:55px;margin:0 0 14px}
.mini-device{
  min-height:355px;border:4px solid #1b1f23;border-radius:18px;background:#fff;padding:12px 10px;box-shadow:var(--soft-shadow);overflow:hidden
}
.mini-top{text-align:center;font:700 9px var(--sans);letter-spacing:.08em;margin-bottom:8px}
.mini-tabs{justify-content:space-between}
.mini-image{height:95px}
.mini-device>b{font-family:var(--serif);font-size:14px;line-height:1.05;display:block;margin-top:8px}
.mini-device>small{font-size:8px;color:#7c7e7d}
.mini-list{border-top:1px solid #ece7df;padding:7px 0;font-size:9px}
.mini-list em{float:right;font-style:normal;font-size:7px;color:#5b7d47;background:#eff4e9;padding:2px 4px;border-radius:4px}
.mini-section-title{font:700 8px var(--condensed);letter-spacing:.08em;margin:9px 0 4px;text-transform:uppercase}
.rep-row{display:flex;gap:7px;border-bottom:1px solid #ebe5dc;padding:6px 0;font-size:9px}
.rep-row i{width:28px;height:28px;border-radius:3px;background:linear-gradient(135deg,#e4c39c,#7890a1);flex:none}
.rep-row small{display:block;color:#777}
.location-card{background:#f3efe8;border-radius:5px;padding:8px;font-size:9px}
.issue-row{display:grid;grid-template-columns:17px 1fr 26px;gap:3px;align-items:center;padding:7px 0;border-bottom:1px solid #ece7df;font-size:9px}
.issue-row span small{display:block;font-size:7px;color:#777}.issue-row i{font-style:normal;color:var(--red)}
.impact-banner,.member-card{padding:10px;border:1px solid #e3ddd4;background:#f8f4ec;margin-bottom:7px}
.impact-banner b,.member-card b{font-family:var(--serif);font-size:14px;display:block}.impact-banner small,.member-card small{font-size:7px}
.member-card span{display:inline-block;border:1px solid var(--red);color:var(--red);font-size:7px;border-radius:8px;padding:2px 5px;margin:5px 0}
.mini-impact-row{display:flex;justify-content:space-between;border-bottom:1px solid #ece7df;padding:6px 0;font-size:9px}
.cap-help{margin-top:14px;border-top:2px solid rgba(197,35,43,.26);padding-top:10px}
.cap-help b{font-size:10px;color:var(--red)}
.cap-help p{font-size:11px;line-height:1.4;margin:5px 0 0;color:#43515d}
.cap-footer{margin-top:30px;display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:18px}
.shield-mark{width:36px;height:43px;display:inline-flex;align-items:center;justify-content:center;background:#152434;color:#fff;clip-path:polygon(50% 0,95% 15%,85% 78%,50% 100%,15% 78%,5% 15%);font-family:var(--serif)}
.cap-footer p{font-family:var(--serif);font-size:20px;margin:0}.cap-footer em{color:var(--red)}

.action-story{padding:110px 0;background:linear-gradient(180deg,#f3eee5,#f8f4ec)}
.action-top{margin-bottom:60px}
.action-phones{position:relative;height:580px}
.action-large{width:280px;height:535px;padding:40px 17px 15px}
.action-large:first-child{left:40px;top:10px;z-index:2;transform:rotate(-1deg)}
.action-large:last-child{right:30px;top:55px;z-index:1;transform:rotate(2deg)}
.key-point{font-size:10px;padding:7px 0;border-top:1px solid #e8e2d8;color:#364650}
.path-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin:26px 0 58px}
.path-track>i{font-style:normal;font-size:28px;align-self:center;color:#6c7378}
.path-track article{border:1px solid var(--line);background:rgba(255,255,255,.46);padding:18px 13px;text-align:center;position:relative}
.path-track article>span{position:absolute;left:10px;top:10px;background:#4c5053;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.path-icon{font-size:30px;color:var(--red);margin:7px 0 9px}
.path-track h3{font-family:var(--serif);font-size:22px;line-height:1;margin:0 0 8px}
.path-track p{font-size:12px;color:#56616a;margin:0}
.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 30px}
.persona-grid article{border:1px solid var(--line);background:rgba(255,255,255,.48);padding:20px;min-height:230px}
.persona-icon{font-size:27px;color:var(--red)}
.persona-grid h3{font-family:var(--serif);font-size:26px;margin:8px 0}
.persona-grid p{font-size:13px;color:#59646d}
.persona-grid blockquote{font-family:var(--serif);font-size:19px;font-style:italic;line-height:1.15;margin:18px 0 0}
.capable-banner{background:#11181e;color:#fff;padding:27px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--soft-shadow)}
.capable-banner h3{font-family:var(--serif);font-size:31px;line-height:1;margin:0}
.capable-banner p{border-left:1px solid rgba(255,255,255,.25);padding-left:35px;margin:0;color:#d7dde1}

.trust-section{padding:110px 0 90px;background:
  radial-gradient(circle at 80% 8%,rgba(70,124,158,.12),transparent 30%),
  var(--paper-2);
}
.trust-skyline{position:absolute;right:-20px;top:70px;width:48%;height:330px;opacity:.1;background:
  linear-gradient(90deg,transparent 0 5%,#28465a 5% 8%,transparent 8% 18%,#28465a 18% 22%,transparent 22% 28%,#28465a 28% 33%,transparent 33% 47%,#28465a 47% 48%,transparent 48% 55%,#28465a 55% 62%,transparent 62%);
  clip-path:polygon(0 100%,0 86%,12% 86%,12% 70%,18% 70%,18% 53%,22% 53%,22% 74%,34% 74%,34% 59%,40% 59%,40% 43%,46% 43%,46% 63%,53% 63%,53% 28%,56% 8%,59% 28%,59% 67%,67% 67%,67% 53%,74% 53%,74% 75%,82% 75%,82% 60%,88% 60%,88% 82%,100% 82%,100% 100%);
}
.trust-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:end;margin-bottom:50px}
.trust-motto{font-family:var(--serif);font-style:italic;letter-spacing:.18em;line-height:1.55;color:#6f7f8a;justify-self:end;border-left:1px solid var(--red);padding-left:28px}
.trust-band{padding:28px 0;border-top:1px solid var(--line)}
.band-title{display:flex;align-items:baseline;gap:15px;margin-bottom:18px}
.band-title>span{font-family:var(--serif);font-size:23px;color:var(--red)}
.band-title h3{font-family:var(--serif);font-size:32px;margin:0;flex:1}
.band-title small{font-family:var(--condensed);letter-spacing:.16em;text-transform:uppercase;font-size:10px}
.trust-items{display:grid;gap:12px}
.trust-items.five{grid-template-columns:repeat(5,1fr)}
.trust-items.four{grid-template-columns:repeat(4,1fr)}
.trust-items article{background:rgba(255,255,255,.55);border:1px solid var(--line);padding:16px 14px;min-height:156px}
.trust-items article>span{font-size:24px;color:var(--red)}
.trust-items h4{font-family:var(--serif);font-size:22px;margin:7px 0 5px}
.trust-items p{font-size:11px;line-height:1.45;margin:0;color:#57626c}
.trust-close{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 340px;gap:50px}
.trust-close h3{font-family:var(--serif);font-size:27px;line-height:1.05;margin:0 0 10px}
.trust-close p{font-size:13px;color:#56616a}
.trust-close-motto{border-left:1px solid var(--line);padding-left:35px;color:var(--red);font-family:var(--serif);letter-spacing:.12em}
.trust-close-motto em{display:block;color:#53616d;line-height:1.5;font-size:17px}

.membership-section{padding:95px 0;background:
  linear-gradient(110deg,rgba(240,236,228,.92),rgba(240,236,228,.84)),
  linear-gradient(135deg,#e9f1f5,#f5ece1);
}
.membership-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.membership-copy h2,.download-copy h2{font-family:var(--serif);font-size:62px;line-height:.92;margin:14px 0}
.membership-copy>p{font-size:16px;color:#4f5e69;max-width:650px}
.membership-features{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin:30px 0}
.membership-features article{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start}
.membership-features article>span{font-size:27px;color:var(--red)}
.membership-features h3{font-family:var(--serif);font-size:20px;margin:0}
.membership-features p{font-size:11px;margin:2px 0;color:#5a646d}
.network-map{padding:18px 0}
.network-map svg{width:100%;filter:drop-shadow(0 20px 30px rgba(23,33,40,.15))}
.network-map blockquote{font-family:var(--serif);font-size:30px;font-style:italic;line-height:1.08;margin:4px 0 0 80px;max-width:430px}

.download-section{padding:90px 0;background:
  linear-gradient(180deg,rgba(214,229,238,.6),rgba(244,239,229,.9)),
  var(--paper);
  border-top:1px solid var(--line);
}
.download-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
.download-device{height:410px;position:relative}
.tablet{position:absolute;left:0;bottom:10px;width:470px;height:310px;border:8px solid #181c20;border-radius:14px;background:#fff;padding:16px;box-shadow:var(--shadow)}
.dashboard-nav{display:flex;gap:14px;align-items:center;font-size:9px;padding-bottom:9px;border-bottom:1px solid #e8e3da}.dashboard-nav b{font-family:var(--serif);font-size:13px}
.tablet-title{font-family:var(--serif);font-size:22px;margin:12px 0}
.dash-card{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:7px 0;border-top:1px solid #ebe6de}
.dash-card .thumb{height:50px;border-radius:3px}
.dash-card b{font-family:var(--serif);font-size:14px}.dash-card small{display:block;font-size:8px;color:#777}
.sky-thumb{background:linear-gradient(#8cb5cf,#e8cf9f)}.flag-thumb{background:linear-gradient(160deg,#233f64 0 40%,#fff 40% 54%,#d83d3d 54% 68%,#fff 68% 82%,#d83d3d 82%)}
.mini-download-phone{right:0;bottom:0;width:190px;height:350px;padding:34px 12px 12px;z-index:2}
.action-row{border:1px solid #e2ddd4;border-radius:5px;padding:10px 8px;margin:9px 0;font-size:10px;display:flex;justify-content:space-between;background:#fff}.action-row i{font-style:normal}
.download-copy>p{font-size:16px;color:#4c5b66}
.store-buttons{display:flex;gap:12px;margin:26px 0 10px;flex-wrap:wrap}
.store-badge{background:#050607;color:#fff;border-radius:8px;display:flex;align-items:center;gap:9px;padding:10px 15px;min-width:180px}
.store-badge small{font-size:8px;display:block;line-height:1}.store-badge b{font-size:19px;line-height:1}.store-icon{font-size:27px}.play-triangle{font-size:22px}
.availability-note{color:#68727a}

footer{background:#f2ece1;border-top:1px solid var(--line);padding:35px 0 20px}
.footer-grid{display:grid;grid-template-columns:220px 1.5fr 1fr 170px;gap:30px;align-items:start}
.footer-brand img{width:190px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.footer-links strong,.footer-signup strong{font-family:var(--serif);font-size:18px;display:block}
.footer-links a{display:block;font-size:11px;margin:5px 0;color:#4f5d67}
.footer-signup span{font-size:11px;color:#657078}
.signup-form{display:flex;margin-top:10px}.signup-form input{min-width:0;flex:1;border:1px solid #bdb5a8;background:#fffdf9;padding:10px}.signup-form button{border:0;background:var(--red);color:#fff;padding:0 14px;font-size:11px}
.footer-motto{font-family:var(--condensed);font-size:12px;letter-spacing:.16em;text-align:right;color:#596775}.footer-motto b{color:var(--red);font-size:13px;letter-spacing:.25em}
.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#68727a}
.footer-bottom div{display:flex;gap:18px}.socials span{color:#172735;font-weight:700}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:none}

@media (max-width:1100px){
  .nav-inner{grid-template-columns:180px 1fr auto}.nav-links{gap:16px}.nav-links a{font-size:12px}
  .brand-lockup img{width:165px}
  .hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:76px}.hero-visual{transform:scale(.88);transform-origin:center}
  .cap-grid{grid-template-columns:repeat(3,1fr)}.cap-card:nth-child(4),.cap-card:nth-child(5){grid-column:auto}
  .trust-items.five{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:190px 1.5fr 1fr}.footer-motto{display:none}
}

@media (max-width:900px){
  .site-nav{position:sticky}.nav-inner{height:76px;grid-template-columns:1fr auto}
  .nav-links{
    display:none;position:absolute;left:0;right:0;top:76px;background:rgba(248,244,236,.98);
    flex-direction:column;padding:20px;border-bottom:1px solid var(--line)
  }
  .nav-links.open{display:flex}.nav-actions{display:none}.nav-toggle{display:block}.brand-lockup img{width:150px}
  .hero{padding-top:34px;min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{order:1}.hero-visual{order:2;height:610px;transform:none;max-width:610px;width:100%;margin:0 auto}
  .hero h1{font-size:74px}.hero-deck{font-size:24px}
  .guide-grid.two-col,.membership-grid,.download-grid,.trust-hero{grid-template-columns:1fr}
  .onboarding-phones{margin-top:30px}.action-phones{margin-top:30px}
  .timeline{grid-template-columns:1fr 1fr}.answer-strip{grid-template-columns:1fr 1fr}.answer-strip>h3{grid-column:1/-1;margin-bottom:20px}.answer-strip article{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:18px 10px}
  .cap-grid{grid-template-columns:1fr 1fr}
  .path-track{grid-template-columns:1fr}.path-track>i{transform:rotate(90deg);justify-self:center}
  .persona-grid{grid-template-columns:1fr 1fr}
  .trust-items.five,.trust-items.four{grid-template-columns:1fr 1fr}
  .trust-close{grid-template-columns:1fr}
  .network-map{max-width:650px;margin:0 auto}
  .download-device{max-width:650px;margin:0 auto;width:100%}
  .footer-grid{grid-template-columns:180px 1fr}.footer-signup{grid-column:1/-1}
}

@media (max-width:640px){
  .wrap{width:min(100% - 28px,1180px)}
  .hero{padding-top:20px}.hero h1{font-size:58px}.hero-deck{font-size:21px}
  .hero-actions{flex-direction:column}.hero-actions .button{width:100%}
  .hero-promises article{grid-template-columns:44px 1fr;padding-left:0;padding-right:0}
  .hero-visual{height:470px;transform:scale(.72);transform-origin:top center;width:760px;left:50%;position:relative;margin-left:-380px}
  .hero-signoff{font-size:17px;flex-wrap:wrap}
  .display-title{font-size:62px}.section-subtitle{font-size:25px}.section-lead{font-size:15px}
  .guide-section,.capabilities,.action-story,.trust-section,.membership-section,.download-section{padding:72px 0}
  .onboarding-phones{height:470px;transform:scale(.78);transform-origin:top left;width:740px}
  .timeline{grid-template-columns:1fr}
  .answer-strip{grid-template-columns:1fr}.answer-strip article{border-top:1px solid rgba(255,255,255,.18)}
  .cap-title h2{font-size:54px}.cap-grid{grid-template-columns:1fr}.cap-card{padding:18px}.mini-device{max-width:310px;margin:0 auto}
  .action-phones{height:455px;transform:scale(.78);transform-origin:top left;width:730px}
  .persona-grid{grid-template-columns:1fr}
  .capable-banner{flex-direction:column;align-items:flex-start;gap:20px}.capable-banner p{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:18px 0 0}
  .band-title{display:grid;grid-template-columns:auto 1fr}.band-title small{grid-column:2}
  .trust-items.five,.trust-items.four{grid-template-columns:1fr}
  .membership-copy h2,.download-copy h2{font-size:48px}.membership-features{grid-template-columns:1fr}
  .network-map blockquote{margin-left:0}
  .download-device{height:330px;transform:scale(.78);transform-origin:top left;width:720px}
  .footer-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-brand img{width:160px}
  .footer-bottom{flex-direction:column;gap:12px;align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .reveal{opacity:1!important;transform:none!important}
}

  
/* SECTION 1 APPROVED — production implementation */
.site-nav{
  background:rgba(249,246,239,.95);
  border-bottom:1px solid rgba(9,35,70,.10);
}
.nav-inner{height:104px;grid-template-columns:190px 1fr auto}
.brand-lockup{height:92px;display:flex;align-items:center;overflow:visible}
.brand-lockup img{
  width:auto;height:88px;max-width:178px;object-fit:contain;
  filter:none!important;mix-blend-mode:normal!important;
}
.section1-hero{
  position:relative;
  min-height:790px;
  padding:58px 0 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 36%,rgba(98,163,207,.13),transparent 29%),
    radial-gradient(circle at 89% 72%,rgba(201,35,43,.055),transparent 25%),
    linear-gradient(180deg,#fbf8f1 0%,#f5efe5 100%);
  border-bottom:1px solid rgba(9,35,70,.12);
}
.section1-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:
    linear-gradient(rgba(43,92,129,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(43,92,129,.06) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(90deg,transparent 0%,transparent 39%,black 55%,black 100%);
}
.s1-wrap{position:relative;z-index:3}
.s1-grid{
  display:grid;grid-template-columns:minmax(0,.94fr) minmax(540px,1.06fr);
  gap:32px;align-items:center;
}
.s1-copy{padding:44px 0 72px;position:relative;z-index:7}
.s1-eyebrow{
  display:flex;align-items:center;gap:15px;
  font-family:var(--condensed);font-size:14px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--red);
}
.s1-eyebrow:before,.s1-eyebrow:after{
  content:"";height:1px;background:var(--red);opacity:.92;
}
.s1-eyebrow:before{width:44px}.s1-eyebrow:after{width:58px}
.s1-title{
  margin:28px 0 20px;
  font-family:var(--serif);font-weight:700;letter-spacing:-.052em;
  line-height:.84;font-size:clamp(82px,6.8vw,116px);color:#071b34;
}
.s1-title em{display:block;font-style:normal;color:var(--red)}
.s1-subhead{
  margin:0 0 14px;font-family:var(--serif);font-style:italic;
  font-size:31px;line-height:1.05;color:#172f4d;
}
.s1-deck{
  max-width:565px;margin:0;
  font-family:var(--serif);font-size:24px;line-height:1.28;color:#24394f;
}
.s1-actions{display:flex;gap:14px;align-items:center;margin-top:30px;flex-wrap:wrap}
.s1-actions .button.large{min-height:56px;padding:0 28px;font-size:17px}
.s1-actions .button.outline{background:rgba(255,255,255,.68)}
.s1-visual{position:relative;height:650px;z-index:5}
.s1-network{
  position:absolute;inset:5px -70px 20px -60px;width:calc(100% + 130px);height:calc(100% - 10px);
  overflow:visible;z-index:0;opacity:.94;
}
.s1-map-fill{fill:rgba(111,171,210,.10);stroke:#75afd3;stroke-width:1.7}
.s1-ring{fill:none;stroke:#6ba4ca;stroke-width:1;opacity:.28}
.s1-link{stroke:#357eaf;stroke-width:1.2;opacity:.36;stroke-dasharray:3 4}
.s1-link.hot{stroke:#cf2932;opacity:.48}
.s1-node{fill:#0c568c;stroke:#fbf8f1;stroke-width:1.5}
.s1-node.hot{fill:#d3212b}
.s1-cross{stroke:#468db8;stroke-width:1;opacity:.28}

.s1-device{
  position:absolute;background:#0d1014;border-radius:44px;
  padding:10px;box-shadow:0 30px 64px rgba(10,22,34,.23),0 8px 20px rgba(10,22,34,.16);
  overflow:hidden;
}
.s1-device:before{
  content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.45);
  border-radius:40px;pointer-events:none;z-index:8;
}
.s1-device .screen{
  position:relative;width:100%;height:100%;background:#fbf8f0;
  border-radius:35px;overflow:hidden;
}
.s1-device .device-island{
  position:absolute;z-index:9;top:17px;left:50%;transform:translateX(-50%);
  width:88px;height:25px;border-radius:16px;background:#050607;
}
.s1-side{
  width:224px;height:470px;top:142px;z-index:3;
  padding:8px;border-radius:36px;
}
.s1-left{left:12px;transform:rotate(-5.5deg)}
.s1-right{right:0;transform:rotate(4.2deg)}
.s1-center{
  width:304px;height:590px;left:50%;top:48px;transform:translateX(-50%);
  z-index:6;padding:9px;border-radius:48px;
}
.s1-center .screen{border-radius:39px;background:#f9f4e9}
.approved-signin-screen{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center top;
}
.approved-screen-loading{
  position:absolute;inset:0;display:grid;place-items:center;
  background:#f8f3e9;color:#1d344b;
  font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;
}
.approved-screen-loading.hidden{display:none}

/* Side-phone UI is intentionally native HTML; only the center phone uses locked approved artwork. */
.s1-appscreen{padding:46px 13px 54px;color:#172a3e;font-family:var(--sans)}
.s1-appword{font:700 11px var(--serif);letter-spacing:.15em;text-align:center;margin-bottom:12px}
.s1-apphead{font:700 23px/1 var(--serif);margin:5px 0 10px}
.s1-appnav{display:flex;gap:11px;font-size:8px;border-bottom:1px solid #ddd6cb;padding-bottom:7px;margin-bottom:10px}
.s1-appnav b{color:var(--red);border-bottom:2px solid var(--red);padding-bottom:6px}
.s1-photo{
  height:118px;border:1px solid #d8d3ca;border-radius:4px;position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(103,157,188,.18),rgba(240,203,143,.16)),
    linear-gradient(135deg,#9ac0d5 0 42%,#eee3c9 42% 54%,#8ba0a7 54% 57%,#c9a879 57% 100%);
}
.s1-photo:after{
  content:"";position:absolute;left:30%;right:14%;bottom:-2px;height:72%;
  background:linear-gradient(#f2ead8,#cab98f);
  clip-path:polygon(0 100%,0 48%,12% 48%,12% 32%,24% 32%,24% 12%,47% 12%,50% 0,53% 12%,77% 12%,77% 32%,89% 32%,89% 48%,100% 48%,100% 100%);
}
.s1-tag{display:inline-block;margin-top:6px;background:var(--red);color:#fff;padding:3px 5px;font:700 7px var(--condensed);letter-spacing:.08em}
.s1-story{font:700 14px/1.06 var(--serif);margin:6px 0 5px}
.s1-copyline{font-size:8px;line-height:1.35;color:#65717b;margin:0 0 8px}
.s1-quick{padding:7px 0;border-top:1px solid #e5dfd5;font-size:8px;line-height:1.3}
.s1-impact-banner{padding:10px;background:#f1ede5;border:1px solid #ded8ce;margin:4px 0 8px}
.s1-impact-banner b{display:block;font:700 14px var(--serif)}
.s1-impact-banner small{font-size:7px;color:#667078}
.s1-impact-row{display:flex;justify-content:space-between;border-bottom:1px solid #e3ddd3;padding:8px 0;font-size:8px}
.s1-impact-row strong{font-size:11px}
.s1-recent{margin-top:10px;font:700 7px var(--condensed);letter-spacing:.08em}
.s1-recent-row{padding:8px 0;border-top:1px solid #e5dfd5;font-size:8px;line-height:1.2}
.s1-bottomnav{
  position:absolute;left:0;right:0;bottom:0;height:43px;background:#fff;
  border-top:1px solid #ddd6cc;display:flex;align-items:center;justify-content:space-around;
  font-size:7px;color:#354759;
}
.s1-bottomnav b{color:var(--red)}
.s1-feature-strip{
  position:relative;z-index:7;border-top:1px solid rgba(9,35,70,.16);
  display:grid;grid-template-columns:repeat(3,1fr);background:rgba(249,246,239,.79);
  backdrop-filter:blur(8px);
}
.s1-feature-strip article{padding:23px 30px 27px;position:relative}
.s1-feature-strip article+article{border-left:1px solid rgba(9,35,70,.14)}
.s1-feature-strip span{font:700 11px var(--condensed);letter-spacing:.13em;color:var(--red)}
.s1-feature-strip h3{margin:4px 0 3px;font:700 25px var(--serif);color:#102942}
.s1-feature-strip p{margin:0;font-size:12px;color:#64707a}

@media(max-width:1100px){
  .nav-inner{height:92px;grid-template-columns:150px 1fr auto}
  .brand-lockup{height:82px}.brand-lockup img{height:76px;max-width:145px}
  .s1-grid{grid-template-columns:1fr 1fr;gap:8px}
  .s1-title{font-size:80px}.s1-subhead{font-size:27px}.s1-deck{font-size:21px}
  .s1-visual{transform:scale(.88);transform-origin:center right}
}
@media(max-width:900px){
  .nav-inner{height:78px}.brand-lockup{height:70px}.brand-lockup img{height:66px}
  .s1-grid{grid-template-columns:1fr}.s1-copy{padding:26px 0 24px}
  .s1-title{font-size:72px}.s1-visual{height:610px;transform:none;max-width:690px;width:100%;margin:0 auto}
  .s1-feature-strip{grid-template-columns:1fr}.s1-feature-strip article+article{border-left:0;border-top:1px solid rgba(9,35,70,.12)}
}
@media(max-width:640px){
  .section1-hero{padding-top:24px}.s1-title{font-size:58px}
  .s1-subhead{font-size:24px}.s1-deck{font-size:20px}
  .s1-actions{flex-direction:column;align-items:stretch}.s1-actions .button{width:100%}
  .s1-visual{height:500px;width:720px;left:50%;margin-left:-360px;transform:scale(.76);transform-origin:top center}
  .s1-feature-strip{margin-top:-84px}
}


/* SECTION 1 CANONICAL ARTWORK — desktop fidelity pass */
@media (min-width:901px){
  .site-nav{display:none!important}
  .section1-reference{
    min-height:0!important;
    padding:0!important;
    border:0!important;
    background:#f7f1e7!important;
    overflow:hidden!important;
  }
  .s1-approved-artboard{
    display:block;
    position:relative;
    width:100%;
    aspect-ratio:1672 / 941;
    overflow:hidden;
    background:#f7f1e7;
  }
  .s1-approved-art{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    user-select:none;
    pointer-events:none;
  }
  .s1-mobile-fallback{display:none!important}
  .s1-brand-overlay{
    position:absolute;
    left:5.15%;
    top:.95%;
    width:8.35%;
    z-index:8;
    display:block;
    isolation:isolate;
  }
  .s1-brand-overlay:before{
    content:"";
    position:absolute;
    z-index:-1;
    left:-14%;
    top:-7%;
    width:128%;
    height:121%;
    background:#f8f3e9;
    pointer-events:none;
  }
  .s1-brand-overlay img{
    position:relative;
    z-index:1;
    width:100%;
    height:auto;
    display:block;
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  .s1-phone-screen-overlay{
    position:absolute;
    left:57.66%;
    top:22.85%;
    width:15.25%;
    height:54.20%;
    z-index:9;
    overflow:hidden;
    border-radius:13% / 6.5%;
    background:#f8f3e9;
    box-shadow:inset 0 0 0 1px rgba(4,18,32,.12);
  }
  .s1-phone-screen-overlay img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  .s1-phone-screen-overlay:after{
    content:"";
    position:absolute;
    left:50%;
    top:2.3%;
    transform:translateX(-50%);
    width:31%;
    height:4.2%;
    border-radius:999px;
    background:#050607;
    box-shadow:0 0 0 1px rgba(255,255,255,.08);
    pointer-events:none;
  }
  .s1-art-nav,
  .s1-art-actions{position:absolute;inset:0;z-index:12;pointer-events:none}
  .s1-hotspot{
    position:absolute;
    display:block;
    pointer-events:auto;
    border-radius:5px;
    outline:0;
  }
  .s1-hotspot span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .s1-hotspot:focus-visible{
    outline:3px solid #c9232b;
    outline-offset:3px;
    background:rgba(255,255,255,.12);
  }
  .nav-product{left:21.3%;top:3.55%;width:6.2%;height:5.4%}
  .nav-briefings{left:27.6%;top:3.55%;width:6.1%;height:5.4%}
  .nav-hq{left:34.1%;top:3.55%;width:7.2%;height:5.4%}
  .nav-membership{left:41.6%;top:3.55%;width:7.5%;height:5.4%}
  .nav-mission{left:49.6%;top:3.55%;width:7.3%;height:5.4%}
  .nav-impact{left:57.1%;top:3.55%;width:5.6%;height:5.4%}
  .nav-about{left:63.2%;top:3.55%;width:5.4%;height:5.4%}
  .nav-signin{left:80.9%;top:3.05%;width:6.2%;height:5.8%}
  .nav-join{left:87.5%;top:2.9%;width:10.3%;height:6.1%}
  .action-join{left:5.05%;top:63.6%;width:18.1%;height:6.5%}
  .action-explore{left:24.1%;top:63.6%;width:15.9%;height:6.5%}
  .s1-sr-copy{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
}
@media (max-width:900px){
  .s1-approved-artboard{display:none!important}
  .s1-mobile-fallback{display:block}
  .section1-reference{
    min-height:790px;
    padding:58px 0 0;
  }
}


/* SECTION 1 — Civic Intelligence hero */
.s1-civic-hero{
  min-height:880px;
  display:grid;
  place-items:center;
  padding:64px 28px 56px;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.92) 0 24%,rgba(255,255,255,.42) 46%,transparent 70%),
    linear-gradient(180deg,#fbf8f2 0%,#f6f0e6 100%);
  isolation:isolate;
}
.s1-civic-network{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.s1-civic-network svg{
  width:100%;
  height:100%;
  display:block;
}
.s1-net-line{
  fill:none;
  stroke:#49667d;
  stroke-width:1.25;
  opacity:.18;
  animation:s1LineBreath 7s ease-in-out infinite;
}
.s1-net-line.red{stroke:#c9232b;opacity:.20}
.s1-net-line.blue{stroke:#2469a7;opacity:.18}
.s1-net-line.gold{stroke:#d59a19;opacity:.17}
.s1-net-dash{stroke-dasharray:5 8}
.s1-net-node{
  transform-box:fill-box;
  transform-origin:center;
  animation:s1NodePulse 5.8s ease-in-out infinite;
}
.s1-net-node.navy{fill:#0d3558}
.s1-net-node.federal{fill:#d9252e}
.s1-net-node.state{fill:#1976d2}
.s1-net-node.local{fill:#e6a411}
.s1-net-ring{
  fill:none;
  stroke:#0d3558;
  stroke-width:1.2;
  opacity:.14;
  transform-box:fill-box;
  transform-origin:center;
  animation:s1RingPulse 8s ease-out infinite;
}
.s1-net-icon{
  fill:#fbf8f2;
  stroke:#294760;
  stroke-width:1.5;
  opacity:.96;
}
.s1-net-icon-mark{
  fill:none;
  stroke:#294760;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.s1-civic-center{
  position:relative;
  z-index:4;
  width:min(760px,88vw);
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.s1-civic-logo{
  width:min(365px,48vw);
  max-height:430px;
  object-fit:contain;
  margin:0 auto 16px;
  filter:drop-shadow(0 12px 26px rgba(13,30,43,.07));
}
.s1-civic-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:100%;
  margin:0 0 18px;
  color:#132538;
  font:600 13px/1 var(--sans);
  letter-spacing:.28em;
  text-transform:uppercase;
}
.s1-civic-kicker:before,
.s1-civic-kicker:after{
  content:"";
  width:62px;
  height:1px;
  background:#28455f;
  opacity:.75;
}
.s1-civic-title{
  margin:0;
  font:600 clamp(54px,6vw,92px)/.92 var(--serif);
  letter-spacing:-.045em;
  color:#102b49;
}
.s1-civic-title em{
  font-style:normal;
  color:#c9232b;
}
.s1-civic-deck{
  max-width:780px;
  margin:14px 0 0;
  font:500 clamp(19px,1.7vw,25px)/1.32 var(--serif);
  color:#263b4f;
}
.s1-civic-actions{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:24px;
}
.s1-civic-actions .button{
  min-width:220px;
}
.s1-civic-actions .button.red{
  background:#103a5d;
}
.s1-civic-actions .button.red:hover{
  background:#0a2f4d;
}
.s1-tier{
  position:absolute;
  z-index:3;
  width:190px;
  color:#273b4d;
  font-family:var(--condensed);
  letter-spacing:.11em;
  text-transform:uppercase;
}
.s1-tier h3{
  margin:0 0 7px;
  font:700 17px/1 var(--condensed);
  letter-spacing:.14em;
}
.s1-tier h3:after{
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin-top:8px;
  background:currentColor;
}
.s1-tier p{
  margin:0;
  font:600 12px/1.55 var(--condensed);
  letter-spacing:.16em;
  color:#4e5d68;
}
.s1-tier.federal{left:6.5%;top:16%;color:#d9252e}
.s1-tier.state{left:6.5%;bottom:21%;color:#1976d2}
.s1-tier.local{right:5%;bottom:21%;color:#d99a09}
.s1-tier.people{right:5%;top:16%;color:#173b5b}
.s1-tier.people p{color:#4e5d68}
.s1-tier.people h3{color:#173b5b}
@keyframes s1NodePulse{
  0%,100%{opacity:.48;transform:scale(1)}
  50%{opacity:1;transform:scale(1.12)}
}
@keyframes s1LineBreath{
  0%,100%{opacity:.10}
  50%{opacity:.30}
}
@keyframes s1RingPulse{
  0%{opacity:.04;transform:scale(.96)}
  40%{opacity:.17}
  100%{opacity:.02;transform:scale(1.08)}
}
@media(max-width:1050px){
  .s1-civic-hero{min-height:800px}
  .s1-tier{width:145px}
  .s1-tier p{font-size:10px}
  .s1-tier.federal,.s1-tier.state{left:3%}
  .s1-tier.local,.s1-tier.people{right:3%}
}
@media(max-width:800px){
  .site-nav{display:block!important}
  .s1-civic-hero{min-height:760px;padding:70px 20px 48px}
  .s1-civic-center{width:min(600px,94vw)}
  .s1-civic-logo{width:min(290px,64vw)}
  .s1-civic-title{font-size:clamp(50px,13vw,74px)}
  .s1-civic-kicker{font-size:10px;letter-spacing:.18em}
  .s1-civic-kicker:before,.s1-civic-kicker:after{width:30px}
  .s1-civic-deck{font-size:20px;max-width:560px}
  .s1-tier{display:none}
  .s1-civic-network{opacity:.78}
}
@media(max-width:560px){
  .s1-civic-hero{min-height:690px;padding-top:54px}
  .s1-civic-logo{width:min(250px,70vw)}
  .s1-civic-title{font-size:52px}
  .s1-civic-actions{width:100%;gap:10px}
  .s1-civic-actions .button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .s1-net-node,.s1-net-line,.s1-net-ring{animation:none!important}
}

/* SECTION 1 — live fidelity correction */
.site-nav{display:block!important}
.s1-civic-hero{
  min-height:820px;
  padding:46px 28px 48px;
  background:#f7f2e8;
}
.s1-civic-center{
  width:min(1080px,94vw);
}
.s1-civic-logo{
  width:min(320px,36vw);
  max-height:360px;
  margin:0 auto 8px;
  filter:none;
  mix-blend-mode:multiply;
}
.s1-civic-kicker{
  margin-bottom:14px;
}
.s1-civic-title{
  width:100%;
  font-size:clamp(50px,5.35vw,78px);
  line-height:.94;
  white-space:nowrap;
}
.s1-civic-deck{
  max-width:760px;
  margin-top:12px;
  font-size:clamp(18px,1.55vw,23px);
}
.s1-civic-actions{
  margin-top:20px;
}
.s1-civic-network{
  opacity:.88;
}
.s1-net-line{
  stroke-width:1.05;
}
.s1-tier{
  width:160px;
}
.s1-tier h3{
  font-size:15px;
}
.s1-tier p{
  font-size:10px;
  line-height:1.5;
}
.s1-tier.federal{left:5.5%;top:17%}
.s1-tier.state{left:5.5%;bottom:20%}
.s1-tier.people{right:4.5%;top:17%}
.s1-tier.local{right:4.5%;bottom:20%}

@media(max-width:1180px){
  .s1-civic-hero{min-height:760px;padding-top:36px}
  .s1-civic-center{width:min(940px,92vw)}
  .s1-civic-logo{width:min(275px,31vw);max-height:315px}
  .s1-civic-title{font-size:clamp(46px,5vw,64px)}
  .s1-tier{width:120px}
  .s1-tier h3{font-size:13px}
  .s1-tier p{font-size:8px}
}
@media(max-width:900px){
  .s1-civic-title{
    white-space:normal;
    max-width:720px;
  }
  .s1-civic-logo{
    width:min(260px,58vw);
  }
}


/* SECTION 1 — master civic-intelligence composition */
.hero-master{
  position:relative;
  height:clamp(660px,74vh,820px);
  min-height:660px;
  overflow:hidden;
  background:#f7f2e8;
  isolation:isolate;
}
.hero-master-network{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.hero-master-network svg{width:100%;height:100%;display:block}
.hm-line{
  fill:none;
  stroke:#294b67;
  stroke-width:1.25;
  opacity:.12;
  animation:hmSignalBlink 10.8s ease-in-out infinite;
  will-change:opacity;
}
.hm-line.red{stroke:#cf2a31}
.hm-line.blue{stroke:#2477c8}
.hm-line.gold{stroke:#d79a12}
.hm-line.dash{stroke-dasharray:4 8}
.hero-master-network g:first-child .hm-line:nth-child(2n){animation-duration:8.8s}
.hero-master-network g:first-child .hm-line:nth-child(3n){animation-duration:12.6s}
.hero-master-network g:first-child .hm-line:nth-child(4n){animation-duration:9.7s}
.hero-master-network g:first-child .hm-line:nth-child(5n){animation-duration:11.9s}
.hm-ring{
  fill:none;
  stroke:#355a76;
  stroke-width:1.1;
  opacity:.10;
  transform-box:fill-box;
  transform-origin:center;
  animation:hmRing 9s ease-in-out infinite;
}
.hm-node{
  transform-box:fill-box;
  transform-origin:center;
  animation:hmNodeBlink 8.6s ease-in-out infinite;
  will-change:opacity,transform;
}
.hero-master-network g:nth-of-type(3) .hm-node:nth-child(2n){animation-duration:10.4s}
.hero-master-network g:nth-of-type(3) .hm-node:nth-child(3n){animation-duration:7.8s}
.hero-master-network g:nth-of-type(3) .hm-node:nth-child(5n){animation-duration:12.1s}
.hm-node.navy{fill:#173d5d}
.hm-node.red{fill:#d92b31}
.hm-node.blue{fill:#2078cf}
.hm-node.gold{fill:#e0a414}
.hm-icon-circle{
  fill:#f7f2e8;
  stroke:#34536d;
  stroke-width:1.6;
}
.hm-icon-mark{
  fill:none;
  stroke:#34536d;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-master-center{
  position:absolute;
  z-index:4;
  top:3.2%;
  left:50%;
  width:min(920px,78vw);
  transform:translateX(-50%);
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hm-logo-frame{
  width:clamp(300px,28vw,445px);
  aspect-ratio:1050 / 1120;
  overflow:hidden;
  margin:0 auto -2px;
}
.hm-logo-frame img{
  display:block;
  width:100%;
  height:auto;
  mix-blend-mode:normal;
  filter:contrast(1.01);
}
.hm-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  width:100%;
  margin:0 0 11px;
  font:600 12px/1 var(--sans);
  letter-spacing:.27em;
  text-transform:uppercase;
  color:#183750;
}
.hm-kicker:before,.hm-kicker:after{
  content:"";
  width:54px;
  height:1px;
  background:#34536d;
  opacity:.7;
}
.hm-title{
  margin:0;
  color:#112e4c;
  font:600 clamp(52px,5.05vw,82px)/.92 var(--serif);
  letter-spacing:-.045em;
  white-space:nowrap;
}
.hm-title em{font-style:normal;color:#c9232b}
.hm-deck{
  max-width:770px;
  margin:10px 0 0;
  color:#293d4f;
  font:500 clamp(18px,1.5vw,24px)/1.28 var(--serif);
}
.hm-actions{
  margin-top:18px;
  display:flex;
  justify-content:center;
  gap:14px;
}
.hm-actions .button{min-width:218px}
.hm-actions .button.red{background:#103a5d}
.hm-actions .button.red:hover{background:#0b304d}
.hm-label{
  position:absolute;
  z-index:3;
  width:170px;
  font-family:var(--condensed);
  text-transform:uppercase;
  letter-spacing:.12em;
}
.hm-label h3{
  margin:0 0 8px;
  font:700 16px/1 var(--condensed);
  letter-spacing:.14em;
}
.hm-label h3:after{
  content:"";
  display:block;
  width:36px;
  height:2px;
  margin-top:8px;
  background:currentColor;
}
.hm-label p{
  margin:0;
  color:#4f606c;
  font:600 11px/1.55 var(--condensed);
  letter-spacing:.15em;
}
.hm-federal{left:5.5%;top:12%;color:#d42a31}
.hm-state{left:5.5%;top:54%;color:#2078cf}
.hm-national{right:5.2%;top:12%;color:#173d5d}
.hm-local{right:5.2%;top:54%;color:#d99c0b}
@keyframes hmNodeBlink{
  0%,18%,100%{opacity:.40;transform:scale(1)}
  34%{opacity:.68;transform:scale(1.035)}
  48%{opacity:1;transform:scale(1.12)}
  62%{opacity:.62;transform:scale(1.025)}
  78%{opacity:.44;transform:scale(1)}
}
@keyframes hmSignalBlink{
  0%,20%,100%{opacity:.065}
  33%{opacity:.13}
  46%{opacity:.34}
  56%{opacity:.21}
  72%{opacity:.085}
}
@keyframes hmRing{
  0%,100%{opacity:.045;transform:scale(.985)}
  42%{opacity:.12;transform:scale(1.01)}
  62%{opacity:.07;transform:scale(1.02)}
}
@media(max-width:1180px){
  .hero-master{height:clamp(650px,73vh,760px)}
  .hero-master-center{width:min(850px,80vw);top:3%}
  .hm-logo-frame{width:clamp(285px,27vw,365px)}
  .hm-title{font-size:clamp(48px,4.85vw,66px)}
  .hm-label{width:122px}
  .hm-label h3{font-size:13px}
  .hm-label p{font-size:9px;letter-spacing:.12em}
  .hm-federal,.hm-state{left:4%}
  .hm-national,.hm-local{right:4%}
}
@media(max-width:900px){
  .hero-master{height:auto;min-height:720px;padding:38px 20px 48px}
  .hero-master-center{position:relative;top:auto;left:auto;transform:none;width:100%}
  .hm-logo-frame{width:min(280px,64vw)}
  .hm-title{white-space:normal;font-size:clamp(48px,12vw,68px)}
  .hm-deck{font-size:20px;max-width:580px}
  .hm-label{display:none}
  .hero-master-network{opacity:.72}
}
@media(max-width:560px){
  .hero-master{min-height:680px}
  .hm-actions{width:100%;flex-direction:column}
  .hm-actions .button{width:100%;min-width:0}
  .hm-kicker{font-size:10px;letter-spacing:.18em}
  .hm-kicker:before,.hm-kicker:after{width:28px}
}
@media(prefers-reduced-motion:reduce){
  .hm-line,.hm-ring,.hm-node{animation:none!important}
}

/* SECTION 1 — founder fidelity pass */
.hero-master{
  height:clamp(720px,82vh,900px);
  min-height:720px;
}
.hero-master-center{
  top:1.5%;
  width:min(1040px,82vw);
}
.hm-logo-frame{
  width:clamp(380px,37vw,520px);
  aspect-ratio:1.02 / 1;
  height:auto;
  margin:0 auto 4px;
  overflow:hidden;
}
.hm-logo-frame img{
  width:100%;
  height:auto;
  transform:none;
  mix-blend-mode:multiply;
}
.hm-kicker{
  margin-top:0;
  margin-bottom:14px;
}
.hm-title{
  font-size:clamp(58px,5.6vw,90px);
  line-height:.9;
}
.hm-deck{
  max-width:820px;
  margin-top:13px;
}
.hm-actions{
  margin-top:22px;
}
.hero-master-network{
  opacity:.78;
}
.hm-ring{
  opacity:.075;
}
.hm-federal{left:4.5%;top:14%}
.hm-state{left:4.5%;top:58%}
.hm-national{right:4.3%;top:14%}
.hm-local{right:4.3%;top:58%}

@media(max-width:1180px){
  .hero-master{
    height:clamp(700px,80vh,830px);
    min-height:700px;
  }
  .hero-master-center{
    top:1.5%;
    width:min(940px,84vw);
  }
  .hm-logo-frame{
    width:clamp(350px,36vw,440px);
    aspect-ratio:1.02 / 1;
    height:auto;
  }
  .hm-title{
    font-size:clamp(52px,5.15vw,70px);
  }
  .hm-federal,.hm-state{left:3.5%}
  .hm-national,.hm-local{right:3.5%}
}

@media(max-width:900px){
  .hero-master{
    min-height:760px;
    height:auto;
  }
  .hm-logo-frame{
    width:min(330px,70vw);
    aspect-ratio:1.02 / 1;
    height:auto;
  }
}


/* SECTION 1 — exact-reference takeover */
.hero-reference-art{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
  background:#f7f2e8;
}
.hero-master.reference-ready .hero-reference-art{opacity:1}
.hero-master.reference-ready .hero-master-center,
.hero-master.reference-ready .hm-label,
.hero-master.reference-ready .hero-master-network{
  opacity:0;
  pointer-events:none;
}
.hero-master.reference-ready{
  aspect-ratio:1672 / 941;
  height:auto;
  min-height:0;
  background:#f7f2e8;
}
.hero-live-overlay{
  position:absolute;
  inset:0;
  z-index:3;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:0;
  transition:opacity .4s ease;
}
.hero-master.reference-ready .hero-live-overlay{opacity:1}
.hero-live-overlay .pulse-path{
  fill:none;
  stroke-width:2.1;
  stroke-linecap:round;
  opacity:.06;
  transition:opacity 1.8s ease, filter 1.8s ease;
}
.hero-live-overlay .pulse-node{
  opacity:.12;
  transition:opacity 1.8s ease, transform 1.8s ease, filter 1.8s ease;
  transform-box:fill-box;
  transform-origin:center;
}
.hero-live-overlay [data-pulse].active .pulse-path{
  opacity:.62;
  filter:drop-shadow(0 0 3px currentColor);
}
.hero-live-overlay [data-pulse].active .pulse-node{
  opacity:.95;
  transform:scale(1.18);
  filter:drop-shadow(0 0 4px currentColor);
}
.hero-live-overlay .federal{color:#d9252e;stroke:#d9252e;fill:#d9252e}
.hero-live-overlay .state{color:#1f73c9;stroke:#1f73c9;fill:#1f73c9}
.hero-live-overlay .local{color:#e2a314;stroke:#e2a314;fill:#e2a314}
.hero-live-overlay .navy{color:#163b5d;stroke:#163b5d;fill:#163b5d}

.hero-reference-hotspot{
  position:absolute;
  z-index:5;
  display:block;
  border-radius:40px;
  background:transparent;
}
.hero-reference-hotspot.join{
  left:33.4%;
  top:88.1%;
  width:16.2%;
  height:6.5%;
}
.hero-reference-hotspot.explore{
  left:51.2%;
  top:88.1%;
  width:14.9%;
  height:6.5%;
}

@media(max-width:900px){
  .hero-master.reference-ready{
    aspect-ratio:1672 / 941;
    min-height:0;
    padding:0;
  }
}

/* Sections 3–5 — founder-approved locked artwork */
.approved-artboard-section{
  padding:0;
  background:#f7f2e8;
}
.approved-artboard{
  width:100%;
  margin:0 auto;
  line-height:0;
  background:#f7f2e8;
}
.approved-artboard.s2,
.approved-artboard.s3,
.approved-artboard.s4{max-width:1672px}
.approved-artboard.s5{max-width:1448px}
.approved-artboard.s6,
.approved-artboard.s7,
.approved-artboard.s8{max-width:1792px}
.approved-artboard img{
  display:block;
  width:100%;
  height:auto;
}

/* Section 4 production motion layer — red-only civic neural network */
.approved-artboard.s4{
  position:relative;
  overflow:hidden;
  background:#050607;
}
.approved-artboard.s4 > img{
  position:relative;
  z-index:1;
}
.s4-network-motion{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:29%;
  z-index:2;
  pointer-events:none;
  overflow:visible;
}
.s4-network-motion .track{
  fill:none;
  stroke:#ef2b33;
  stroke-width:1.25;
  stroke-linecap:round;
  opacity:.16;
}
.s4-network-motion .runner{
  fill:#ff3139;
  filter:drop-shadow(0 0 4px rgba(255,49,57,.78));
}
.s4-network-motion .runner-core{
  fill:#fff5ef;
  opacity:.82;
}
@media(max-width:760px){
  .s4-network-motion{height:31%}
}
@media(prefers-reduced-motion:reduce){
  .s4-network-motion .runner,
  .s4-network-motion .runner-core{display:none}
  .s4-network-motion .track{opacity:.11}
}
.approved-sr-copy{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.intelligence-stays{
  padding:42px 0 40px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.52),rgba(247,242,232,.92)),
    #f7f2e8;
  border-top:1px solid rgba(19,37,56,.10);
  border-bottom:1px solid rgba(19,37,56,.12);
}
.stays-inner{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:46px;
  align-items:center;
}
.stays-kicker{
  font:700 12px var(--condensed);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--red);
  margin-bottom:8px;
}
.stays-copy h2{
  margin:0 0 7px;
  font:600 34px/1 var(--serif);
  letter-spacing:-.025em;
  color:#0d1a27;
}
.stays-copy p{
  margin:0;
  max-width:520px;
  font:500 16px/1.45 var(--serif);
  color:#4f5e69;
}
.stays-track{
  display:grid;
  grid-template-columns:repeat(9,auto);
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.stays-step{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  min-width:86px;
}
.stays-dot{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid rgba(19,37,56,.22);
  box-shadow:0 5px 16px rgba(20,30,38,.07);
  font:700 11px var(--sans);
  color:var(--ink);
  margin-bottom:6px;
}
.stays-step strong{
  font:700 11px var(--condensed);
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#273d50;
}
.stays-arrow{
  color:#8e999f;
  font-size:18px;
  transform:translateY(-8px);
}
@media(max-width:900px){
  .stays-inner{grid-template-columns:1fr;gap:25px}
  .stays-track{grid-template-columns:1fr;gap:6px;justify-items:start}
  .stays-step{flex-direction:row;gap:10px;min-width:0;text-align:left}
  .stays-dot{margin:0}
  .stays-arrow{display:none}
}


/* SECTION 1 — final exact-reference implementation */
.hero-master{
  position:relative;
  width:100%;
  aspect-ratio:1672 / 941;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden;
  background:#f7f2e8;
}
.hero-reference-art{
  position:relative!important;
  inset:auto!important;
  z-index:1!important;
  display:block;
  width:100%!important;
  height:auto!important;
  object-fit:contain;
  opacity:1!important;
  pointer-events:none;
  background:#f7f2e8;
}
.hero-live-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  opacity:1!important;
  pointer-events:none;
}
.hero-live-overlay .pulse-path{
  fill:none;
  stroke-width:.82;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:0;
}
.hero-live-overlay .pulse-node{
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
}

/* Review mode A — restrained synchronized static */
.hero-master.pulse-minimal .hero-live-overlay [data-pulse].active .pulse-path{
  animation:networkStaticMinimal .66s steps(1,end) 1;
}
.hero-master.pulse-minimal .hero-live-overlay [data-pulse].active .pulse-node{
  animation:networkNodeMinimal .66s steps(1,end) 1;
}

/* Review mode B — more visible synchronized static */
.hero-master.pulse-visible .hero-live-overlay [data-pulse].active .pulse-path{
  animation:networkStaticVisible .66s steps(1,end) 1;
}
.hero-master.pulse-visible .hero-live-overlay [data-pulse].active .pulse-node{
  animation:networkNodeVisible .66s steps(1,end) 1;
}

@keyframes networkStaticMinimal{
  0%{opacity:0;filter:none}
  10%{opacity:.07;filter:drop-shadow(0 0 .18px currentColor)}
  20%{opacity:.015}
  31%{opacity:.10;filter:drop-shadow(0 0 .28px currentColor)}
  43%{opacity:.025}
  56%{opacity:.085}
  69%{opacity:.015}
  82%{opacity:.055}
  100%{opacity:0;filter:none}
}
@keyframes networkNodeMinimal{
  0%{opacity:0;transform:scale(1)}
  12%{opacity:.085;transform:scale(1.008)}
  22%{opacity:.015;transform:scale(1)}
  36%{opacity:.12;transform:scale(1.012)}
  50%{opacity:.025;transform:scale(1)}
  66%{opacity:.095;transform:scale(1.008)}
  82%{opacity:.015;transform:scale(1)}
  100%{opacity:0;transform:scale(1)}
}

@keyframes networkStaticVisible{
  0%{opacity:0;filter:none}
  9%{opacity:.30;filter:drop-shadow(0 0 .75px currentColor)}
  18%{opacity:.09}
  30%{opacity:.43;filter:drop-shadow(0 0 1px currentColor)}
  42%{opacity:.14}
  55%{opacity:.36;filter:drop-shadow(0 0 .8px currentColor)}
  68%{opacity:.10}
  82%{opacity:.28}
  100%{opacity:0;filter:none}
}
@keyframes networkNodeVisible{
  0%{opacity:0;transform:scale(1)}
  12%{opacity:.42;transform:scale(1.05)}
  22%{opacity:.10;transform:scale(1)}
  36%{opacity:.52;transform:scale(1.07)}
  50%{opacity:.12;transform:scale(1)}
  66%{opacity:.42;transform:scale(1.05)}
  82%{opacity:.10;transform:scale(1)}
  100%{opacity:0;transform:scale(1)}
}

@media(prefers-reduced-motion:reduce){
  .hero-live-overlay [data-pulse].active .pulse-path,
  .hero-live-overlay [data-pulse].active .pulse-node{
    animation:none!important;
    opacity:.08;
  }
}
.hero-reference-hotspot{
  position:absolute;
  z-index:4;
}
.hero-reference-hotspot.join{
  left:33.5%;
  top:88%;
  width:16.1%;
  height:6.6%;
}
.hero-reference-hotspot.explore{
  left:51.2%;
  top:88%;
  width:14.8%;
  height:6.6%;
}
/* Retire the reconstructed Section 1 layers completely. */
.hero-master > .hero-master-network,
.hero-master > .hero-master-center,
.hero-master > .hm-label{
  display:none!important;
}
@media(max-width:900px){
  .hero-master{
    aspect-ratio:1672 / 941;
    min-height:0!important;
  }
}


/* SECTION 2 — Why Polidiot exists / narrative problem chapter */
.s2-story{
  position:relative;
  overflow:hidden;
  padding:118px 0 112px;
  background:
    radial-gradient(circle at 78% 42%,rgba(61,113,153,.16),transparent 34%),
    radial-gradient(circle at 22% 74%,rgba(197,48,54,.08),transparent 28%),
    #0d263d;
  color:#f7f2e8;
  isolation:isolate;
}
.s2-story:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.14;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:82px 82px;
  mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 86%,transparent 100%);
}
.s2-story-inner{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  gap:84px;
  align-items:center;
}
.s2-story-copy{
  max-width:560px;
}
.s2-story-index{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:26px;
  font:700 12px/1 var(--condensed);
  letter-spacing:.21em;
  text-transform:uppercase;
  color:#d7a42a;
}
.s2-story-index:before{
  content:"";
  width:44px;
  height:1px;
  background:#d7a42a;
}
.s2-story h2{
  margin:0;
  max-width:550px;
  font:600 clamp(52px,5vw,78px)/.93 var(--serif);
  letter-spacing:-.045em;
  color:#fffaf1;
}
.s2-story h2 em{
  display:block;
  margin-top:5px;
  font-style:normal;
  color:#efc858;
}
.s2-story-lead{
  margin:28px 0 0;
  max-width:530px;
  font:500 clamp(19px,1.55vw,23px)/1.48 var(--serif);
  color:#d7e0e7;
}
.s2-story-foot{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-top:32px;
  padding-top:23px;
  border-top:1px solid rgba(255,255,255,.16);
  color:#aebdca;
  font:600 12px/1.55 var(--sans);
  letter-spacing:.02em;
}
.s2-story-foot strong{
  flex:0 0 auto;
  color:#fff7e8;
  font:700 11px/1.4 var(--condensed);
  letter-spacing:.14em;
  text-transform:uppercase;
}

.s2-fragment-stage{
  position:relative;
  min-height:620px;
}
.s2-fragment-orbit{
  position:absolute;
  inset:4% 2% 9% 2%;
  border:1px solid rgba(202,222,236,.12);
  border-radius:50%;
  transform:rotate(-6deg);
}
.s2-fragment-orbit:before,
.s2-fragment-orbit:after{
  content:"";
  position:absolute;
  border:1px solid rgba(202,222,236,.09);
  border-radius:50%;
}
.s2-fragment-orbit:before{inset:11% -4%}
.s2-fragment-orbit:after{inset:-9% 14%}

.s2-fragments{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  min-height:520px;
  align-items:center;
}
.s2-fragment-col{
  display:flex;
  flex-direction:column;
  gap:13px;
}
.s2-fragment-col:nth-child(1){transform:translateY(-26px)}
.s2-fragment-col:nth-child(2){transform:translateY(24px)}
.s2-fragment-col:nth-child(3){transform:translateY(-8px)}
.s2-fragment-label{
  margin:0 0 4px 3px;
  font:700 11px/1 var(--condensed);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.s2-fragment-col.federal .s2-fragment-label{color:#ef6065}
.s2-fragment-col.state .s2-fragment-label{color:#75b9f0}
.s2-fragment-col.local .s2-fragment-label{color:#efc858}
.s2-fragment{
  position:relative;
  min-height:92px;
  padding:16px 17px 15px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(11,33,51,.74);
  box-shadow:0 16px 42px rgba(0,0,0,.16);
  backdrop-filter:blur(3px);
}
.s2-fragment:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  opacity:.85;
}
.federal .s2-fragment:before{background:#d9363e}
.state .s2-fragment:before{background:#2f86cb}
.local .s2-fragment:before{background:#d5a325}
.s2-fragment small{
  display:block;
  margin-bottom:9px;
  font:700 9px/1 var(--condensed);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8499aa;
}
.s2-fragment b{
  display:block;
  font:600 15px/1.22 var(--serif);
  color:#f5f0e6;
}
.s2-fragment span{
  display:block;
  margin-top:7px;
  font:500 10px/1.35 var(--sans);
  color:#8396a5;
}

.s2-noise-line{
  position:absolute;
  z-index:1;
  height:1px;
  transform-origin:left center;
  opacity:.24;
  background:linear-gradient(90deg,transparent,#9eb6c7 18%,#9eb6c7 72%,transparent);
}
.s2-noise-line.one{width:76%;left:8%;top:24%;transform:rotate(16deg)}
.s2-noise-line.two{width:68%;left:18%;top:51%;transform:rotate(-19deg)}
.s2-noise-line.three{width:61%;left:26%;top:69%;transform:rotate(12deg)}
.s2-noise-line.four{width:52%;left:11%;top:76%;transform:rotate(-8deg)}

.s2-resolution{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:0;
  width:min(590px,88%);
  transform:translateX(-50%);
  padding:20px 24px 18px;
  border:1px solid rgba(239,200,88,.42);
  background:#f4ecdc;
  box-shadow:0 20px 60px rgba(0,0,0,.28);
  text-align:center;
}
.s2-resolution-kicker{
  margin-bottom:6px;
  font:700 9px/1 var(--condensed);
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#be3036;
}
.s2-resolution strong{
  display:block;
  font:600 clamp(23px,2.2vw,31px)/1.05 var(--serif);
  color:#102d48;
  letter-spacing:-.025em;
}
.s2-resolution p{
  margin:7px auto 0;
  max-width:470px;
  font:500 12px/1.4 var(--sans);
  color:#4e6070;
}
.s2-resolution:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:100%;
  width:1px;
  height:86px;
  background:linear-gradient(180deg,transparent,#efc858);
}

@media(max-width:1050px){
  .s2-story{padding:92px 0 96px}
  .s2-story-inner{gap:50px}
  .s2-fragment-stage{min-height:570px}
  .s2-fragment{padding:14px 13px;min-height:86px}
  .s2-fragment b{font-size:13px}
}
@media(max-width:820px){
  .s2-story{padding:74px 0 78px}
  .s2-story-inner{grid-template-columns:1fr;gap:54px}
  .s2-story-copy{max-width:650px}
  .s2-fragment-stage{min-height:575px}
}
@media(max-width:620px){
  .s2-story{padding:62px 0 68px}
  .s2-story h2{font-size:48px}
  .s2-fragment-stage{min-height:auto;padding-bottom:128px}
  .s2-fragment-orbit,.s2-noise-line{display:none}
  .s2-fragments{grid-template-columns:1fr;gap:24px;min-height:0}
  .s2-fragment-col,
  .s2-fragment-col:nth-child(1),
  .s2-fragment-col:nth-child(2),
  .s2-fragment-col:nth-child(3){transform:none}
  .s2-fragment-col{gap:9px}
  .s2-resolution{bottom:0;width:100%}
  .s2-resolution:before{height:34px}
}


/* SECTION 1 — founder-approved final black/red treatment */
.hero-live-overlay .federal{
  color:#d9252e!important;
  stroke:#d9252e!important;
  fill:#d9252e!important;
}
.hero-live-overlay .state,
.hero-live-overlay .local,
.hero-live-overlay .navy{
  color:#111111!important;
  stroke:#111111!important;
  fill:#111111!important;
}
/* Approved artwork moved the CTA row lower; keep transparent click targets aligned. */
.hero-reference-hotspot.join{
  left:35.1%!important;
  top:91.7%!important;
  width:14.8%!important;
  height:6.0%!important;
}
.hero-reference-hotspot.explore{
  left:51.1%!important;
  top:91.7%!important;
  width:14.0%!important;
  height:6.0%!important;
}


/* SECTION 1 — authoritative approved crop + aligned black/red pulse */
.hero-master{
  position:relative!important;
  width:100%!important;
  max-width:1672px;
  margin:0 auto;
  aspect-ratio:1672 / 849!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#ffffff!important;
}
.hero-reference-art{
  position:absolute!important;
  left:0!important;
  top:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:initial!important;
  object-position:initial!important;
  transform:translateY(-9.7778958555%)!important;
  opacity:1!important;
  pointer-events:none!important;
  background:#ffffff!important;
  filter:brightness(1.055) contrast(1.07);
}
.hero-live-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.hero-live-overlay .pulse-path{
  fill:none!important;
  stroke-width:1.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:0;
}
.hero-live-overlay .pulse-node{
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
}
.hero-live-overlay .federal{
  color:#e52025!important;
  stroke:#e52025!important;
  fill:#e52025!important;
}
.hero-live-overlay .state,
.hero-live-overlay .local,
.hero-live-overlay .navy{
  color:#111!important;
  stroke:#111!important;
  fill:#111!important;
}
.hero-master.pulse-visible .hero-live-overlay [data-pulse].active .pulse-path{
  animation:networkStaticVisible .66s steps(1,end) 1;
}
.hero-master.pulse-visible .hero-live-overlay [data-pulse].active .pulse-node{
  animation:networkNodeVisible .66s steps(1,end) 1;
}
.hero-reference-hotspot{
  position:absolute!important;
  z-index:4!important;
  display:block!important;
  background:transparent!important;
  border-radius:40px!important;
}
.hero-reference-hotspot.join{
  left:35.7%!important;
  top:93.25%!important;
  width:14.9%!important;
  height:5.6%!important;
}
.hero-reference-hotspot.explore{
  left:51.9%!important;
  top:93.25%!important;
  width:13.4%!important;
  height:5.6%!important;
}
@media(max-width:900px){
  .hero-master{
    aspect-ratio:1672 / 849!important;
  }
}


/* 2026-10-13 — Founder-approved continuity polish v2.
   Approved artwork stays untouched. The website now breathes between sections
   and uses dedicated transition fields instead of hard poster-to-poster cuts. */
.approved-artboard-section{
  position:relative;
  width:100%;
  padding:0!important;
  margin:0!important;
  overflow:hidden;
  isolation:isolate;
}
.approved-artboard{
  position:relative;
  z-index:2;
  width:100%!important;
  margin:0 auto!important;
  line-height:0;
}
.approved-artboard.s2,
.approved-artboard.s3,
.approved-artboard.s4,
.approved-artboard.s5,
.approved-artboard.s6{
  max-width:1672px!important;
}
.approved-artboard.s7{
  max-width:1562px!important;
}
.approved-artboard img{
  display:block;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain;
  image-rendering:auto;
  -webkit-font-smoothing:antialiased;
}
#product .approved-artboard{
  background:#ffffff!important;
}
#product .approved-artboard img{
  filter:brightness(1.055) contrast(1.07);
}
@supports (image-rendering:-webkit-optimize-contrast){
  .approved-artboard img{image-rendering:-webkit-optimize-contrast}
}

#product{background:#fff}
#briefings{background:#f7f2e8}
#hq,#pulse{background:#050607}
#membership{background:#f7f2e8}
#download{background:#eef3f3}

/* Dedicated breathing room between locked artboards. */
.flow-bridge{
  position:relative;
  z-index:1;
  width:100%;
  overflow:hidden;
  pointer-events:none;
}
.flow-bridge::before,
.flow-bridge::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.flow-bridge::after{
  opacity:.62;
  background:
    radial-gradient(circle at 12% 60%,rgba(217,37,46,.22) 0 2px,transparent 3px),
    radial-gradient(circle at 32% 32%,rgba(86,86,86,.17) 0 2px,transparent 3px),
    radial-gradient(circle at 57% 68%,rgba(217,37,46,.18) 0 2px,transparent 3px),
    radial-gradient(circle at 78% 28%,rgba(86,86,86,.14) 0 2px,transparent 3px),
    radial-gradient(circle at 92% 58%,rgba(217,37,46,.16) 0 2px,transparent 3px);
}

/* Hero → Section 2: one calm ivory field, no visible boundary. */
.bridge-1-2{
  height:clamp(54px,5.5vw,96px);
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 100%);
}
.bridge-1-2::before{
  background:
    linear-gradient(168deg,transparent 0 28%,rgba(19,37,56,.045) 28.2% 28.35%,transparent 28.55%),
    linear-gradient(12deg,transparent 0 64%,rgba(217,37,46,.05) 64.2% 64.35%,transparent 64.55%);
}

/* Section 2 → 3: deliberate pause while preserving the same civic-paper atmosphere. */
.bridge-2-3{
  height:clamp(76px,7vw,126px);
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.72),transparent 68%),
    linear-gradient(180deg,#ffffff 0%,#fbfaf7 48%,#f7f2e8 100%);
}
.bridge-2-3::before{
  background:
    linear-gradient(174deg,transparent 0 34%,rgba(19,37,56,.045) 34.15% 34.3%,transparent 34.5%),
    linear-gradient(6deg,transparent 0 66%,rgba(217,37,46,.045) 66.15% 66.3%,transparent 66.5%);
}

/* Section 3 → 4: cinematic ivory-to-charcoal handoff into Political HQ. */
.bridge-3-4{
  height:clamp(118px,10vw,176px);
  background:linear-gradient(180deg,
    #f7f2e8 0%,
    #f3eee5 18%,
    #d8d1c7 40%,
    #8c847b 58%,
    #35302d 78%,
    #050607 100%);
}
.bridge-3-4::before{
  background:
    radial-gradient(ellipse at 50% 8%,rgba(255,255,255,.42),transparent 55%),
    linear-gradient(174deg,transparent 0 62%,rgba(217,37,46,.20) 62.15% 62.4%,transparent 62.7%);
}
.bridge-3-4::after{
  opacity:.42;
  background:
    radial-gradient(circle at 14% 78%,rgba(255,48,56,.55) 0 2px,transparent 4px),
    radial-gradient(circle at 37% 88%,rgba(255,48,56,.48) 0 2px,transparent 4px),
    radial-gradient(circle at 63% 82%,rgba(255,48,56,.48) 0 2px,transparent 4px),
    radial-gradient(circle at 86% 90%,rgba(255,48,56,.55) 0 2px,transparent 4px);
}

/* Section 4 → 5: extend the same red neural-network language into Pulse. */
.bridge-4-5{
  height:clamp(72px,6.5vw,116px);
  background:#050607;
}
.bridge-4-5::before{
  opacity:.72;
  background:
    linear-gradient(168deg,transparent 0 23%,rgba(239,43,51,.34) 23.15% 23.35%,transparent 23.55%),
    linear-gradient(11deg,transparent 0 48%,rgba(239,43,51,.28) 48.15% 48.35%,transparent 48.55%),
    linear-gradient(176deg,transparent 0 72%,rgba(239,43,51,.22) 72.15% 72.35%,transparent 72.55%);
}
.bridge-4-5::after{
  opacity:.9;
  background:
    radial-gradient(circle at 8% 68%,rgba(255,49,57,.78) 0 2px,rgba(255,49,57,.22) 3px,transparent 7px),
    radial-gradient(circle at 26% 34%,rgba(255,49,57,.70) 0 2px,rgba(255,49,57,.18) 3px,transparent 7px),
    radial-gradient(circle at 48% 64%,rgba(255,49,57,.74) 0 2px,rgba(255,49,57,.18) 3px,transparent 7px),
    radial-gradient(circle at 69% 30%,rgba(255,49,57,.70) 0 2px,rgba(255,49,57,.18) 3px,transparent 7px),
    radial-gradient(circle at 91% 62%,rgba(255,49,57,.78) 0 2px,rgba(255,49,57,.22) 3px,transparent 7px);
}

/* Section 5 → 6: participation resolves into the bright membership field. */
.bridge-5-6{
  height:clamp(86px,7.5vw,138px);
  background:linear-gradient(180deg,#f4efe7 0%,#f7f2e8 58%,#f7f2e8 100%);
}
.bridge-5-6::before{
  background:
    linear-gradient(170deg,transparent 0 24%,rgba(217,37,46,.10) 24.15% 24.32%,transparent 24.5%),
    linear-gradient(9deg,transparent 0 61%,rgba(86,86,86,.07) 61.15% 61.30%,transparent 61.5%);
}
.bridge-5-6::after{opacity:.46}

/* Section 6 → 7: warm membership ivory drifts into the cleaner app field. */
.bridge-6-7{
  height:clamp(76px,6.8vw,122px);
  background:linear-gradient(180deg,#f7f2e8 0%,#f5f2ea 38%,#f1f3ef 70%,#eef3f3 100%);
}
.bridge-6-7::before{
  background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.58),transparent 72%);
}
.bridge-6-7::after{opacity:.24}

/* Give every approved image its own visual breath without shrinking the approved composition. */
@media(min-width:901px){
  #product .approved-artboard,
  #briefings .approved-artboard,
  #membership .approved-artboard,
  #download .approved-artboard{
    box-shadow:0 0 0 1px rgba(19,37,56,.015);
  }
}
@media(max-width:760px){
  .bridge-1-2{height:38px}
  .bridge-2-3{height:52px}
  .bridge-3-4{height:82px}
  .bridge-4-5{height:54px}
  .bridge-5-6{height:60px}
  .bridge-6-7{height:52px}
}


/* =========================================================
   2026-10-13 — PREMIUM COHESION + MOTION SYSTEM
   Founder-approved artwork remains locked. These rules only
   control page continuity, motion overlays and interaction.
   ========================================================= */
:root{
  --motion-ease:cubic-bezier(.22,1,.36,1);
  --nav-h:88px;
}
html{scroll-padding-top:78px}
#product,#briefings,#hq,#pulse,#membership,#download{scroll-margin-top:76px}

/* Adaptive navigation — light over civic-paper sections, dark over HQ/Pulse. */
.site-nav{
  height:var(--nav-h);
  transition:
    height .65s var(--motion-ease),
    background .65s var(--motion-ease),
    border-color .65s var(--motion-ease),
    box-shadow .65s var(--motion-ease),
    color .45s var(--motion-ease);
}
.site-nav .nav-inner{
  height:var(--nav-h);
  transition:height .65s var(--motion-ease);
}
.site-nav.is-compact{
  --nav-h:70px;
  box-shadow:0 10px 36px rgba(20,25,30,.08);
}
.site-nav.is-dark{
  background:rgba(7,8,9,.86);
  border-bottom-color:rgba(255,255,255,.09);
  color:#fff;
}
.site-nav.is-dark .brand-lockup{
  background:rgba(255,255,255,.94);
  border-radius:5px;
  padding:4px 9px;
  box-shadow:0 6px 20px rgba(0,0,0,.16);
}
.site-nav.is-dark .brand-lockup img{
  filter:none;
  opacity:1;
}
.site-nav.is-dark .button.ghost{
  color:#fff;
  border-color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.04);
}
.site-nav .brand-lockup img{
  transition:filter .55s var(--motion-ease),opacity .55s var(--motion-ease),width .55s var(--motion-ease);
}
.site-nav.is-compact .brand-lockup img{width:156px}
.nav-links a{
  opacity:.76;
  transition:opacity .25s ease,color .35s ease;
}
.nav-links a:hover,.nav-links a.is-active{opacity:1}
.nav-links a.is-active:after{right:0}
.site-nav.is-dark .nav-links a:after{background:#ef2b33}

/* The transition fields now overlap neighboring artboards instead of reading as strips. */
.flow-bridge{
  z-index:5;
  overflow:visible;
  isolation:isolate;
}
.bridge-1-2{height:34px;margin:-17px 0}
.bridge-2-3{height:112px;margin:-30px 0 -34px}
.bridge-3-4{height:168px;margin:-52px 0 -58px}
.bridge-4-5{height:126px;margin:-58px 0 -56px}
.bridge-5-6{height:144px;margin:-48px 0 -50px}
.bridge-6-7{height:116px;margin:-34px 0 -40px}
.flow-bridge::before,.flow-bridge::after{
  transition:opacity .9s var(--motion-ease);
}

/* Soft edge masks make approved raster artboards merge into the shared page field. */
.approved-artboard-section::before,
.approved-artboard-section::after{
  content:"";
  position:absolute;
  left:0;right:0;
  z-index:3;
  pointer-events:none;
}
.approved-artboard-section::before{top:0;height:36px}
.approved-artboard-section::after{bottom:0;height:42px}
#product::before,#product::after{background:linear-gradient(180deg,#fff,rgba(255,255,255,0))}
#product::after{background:linear-gradient(0deg,#fff,rgba(255,255,255,0))}
#briefings::before{background:linear-gradient(180deg,rgba(247,242,232,.94),rgba(247,242,232,0))}
#briefings::after{background:linear-gradient(0deg,rgba(247,242,232,.96),rgba(247,242,232,0))}
#hq::before,#hq::after,#pulse::before,#pulse::after{height:54px}
#hq::before{background:linear-gradient(180deg,rgba(5,6,7,.96),rgba(5,6,7,0))}
#hq::after{background:linear-gradient(0deg,rgba(5,6,7,.96),rgba(5,6,7,0))}
#pulse::before{background:linear-gradient(180deg,rgba(5,6,7,.98),rgba(5,6,7,0))}
#pulse::after{background:linear-gradient(0deg,rgba(247,242,232,.92),rgba(247,242,232,0))}
#membership::before,#membership::after{background:linear-gradient(180deg,rgba(247,242,232,.96),rgba(247,242,232,0))}
#membership::after{background:linear-gradient(0deg,rgba(247,242,232,.96),rgba(247,242,232,0))}
#download::before{background:linear-gradient(180deg,rgba(238,243,243,.96),rgba(238,243,243,0))}
#download::after{display:none}

/* Shared motion-layer primitives. */
.approved-artboard{overflow:hidden}
.section-motion{
  position:absolute;
  inset:0;
  z-index:4;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:visible;
}
.section-motion .signal-path{
  fill:none;
  stroke:#d9252e;
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.24;
  stroke-dasharray:1;
  stroke-dashoffset:1;
}
.section-motion .signal-path.graphite{stroke:#3e454a;opacity:.16}
.section-motion .signal-path.gold{stroke:#c99745;opacity:.20}
.section-motion .signal-node{
  fill:#d9252e;
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
}
.section-motion .signal-halo{
  fill:none;
  stroke:#d9252e;
  opacity:0;
}
.motion-active .section-motion .draw{
  animation:signalDraw .95s var(--motion-ease) forwards;
}
.motion-active .section-motion .draw.d2{animation-delay:.12s}
.motion-active .section-motion .draw.d3{animation-delay:.24s}
.motion-active .section-motion .draw.d4{animation-delay:.36s}
.motion-active .section-motion .draw.d5{animation-delay:.50s}
.motion-active .section-motion .draw.d6{animation-delay:.64s}
.motion-active .section-motion .draw.d7{animation-delay:.78s}
.motion-active .section-motion .draw.d8{animation-delay:.92s}
.motion-active .section-motion .signal-node{
  animation:signalNodeIn .7s var(--motion-ease) forwards;
}
.motion-active .section-motion .signal-node.d2{animation-delay:.7s}
.motion-active .section-motion .signal-node.d3{animation-delay:.85s}
.motion-active .section-motion .signal-node.d4{animation-delay:1s}
.motion-active .section-motion .signal-node.d5{animation-delay:1.15s}
@keyframes signalDraw{to{stroke-dashoffset:0}}
@keyframes signalNodeIn{
  0%{opacity:0;transform:scale(.55)}
  58%{opacity:.95;transform:scale(1.35)}
  100%{opacity:.56;transform:scale(1)}
}
@keyframes softTarget{
  0%,100%{opacity:.1;transform:scale(.92)}
  45%{opacity:.45;transform:scale(1.08)}
}
@keyframes memberResolve{
  0%{opacity:0;box-shadow:0 0 0 rgba(217,37,46,0)}
  45%{opacity:.6;box-shadow:0 0 38px rgba(217,37,46,.10)}
  100%{opacity:.22;box-shadow:0 0 22px rgba(217,37,46,.05)}
}

/* Section 2 — confusion resolves into clear outcomes. */
#product .section-motion{mix-blend-mode:multiply}
#product .outcome-halo{
  fill:none;
  stroke:#d9252e;
  stroke-width:1.1;
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
}
#product.motion-active .outcome-halo{
  animation:softTarget 1.4s var(--motion-ease) 1 forwards;
}
#product.motion-active .outcome-halo.o2{animation-delay:.95s}
#product.motion-active .outcome-halo.o3{animation-delay:1.10s}
#product.motion-active .outcome-halo.o4{animation-delay:1.25s}
#product.motion-active .outcome-halo.o5{animation-delay:1.40s}

/* Section 3 — government action travels toward the user. */
#briefings .section-motion{mix-blend-mode:multiply}
#briefings .action-emphasis{
  fill:none;
  stroke:#d9252e;
  stroke-width:1.3;
  opacity:0;
}
#briefings.motion-active .action-emphasis{
  animation:softTarget 1.6s var(--motion-ease) forwards;
}

/* Section 4 — keep the approved moving-node network, add rare brighter decision signals. */
#hq .s4-network-motion .runner:nth-of-type(3n+1) circle{
  filter:drop-shadow(0 0 8px rgba(255,42,50,.9));
}
#hq .s4-network-motion{
  transition:filter 1s var(--motion-ease),opacity 1s var(--motion-ease);
}
#hq.motion-active .s4-network-motion{
  filter:saturate(1.08) brightness(1.05);
}
#hq .hq-depth-sheen{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(ellipse at calc(70% + var(--hq-shift,0px)) 48%,rgba(255,255,255,.055),transparent 33%),
    radial-gradient(ellipse at calc(52% - var(--hq-shift,0px)) 86%,rgba(217,37,46,.08),transparent 38%);
  mix-blend-mode:screen;
  opacity:.55;
  transition:opacity .8s ease;
}

/* Section 5 — living Pulse field; signals remain restrained and resolve toward the phone. */
#pulse .pulse-live-path{
  fill:none;
  stroke:#ff333a;
  stroke-width:1.15;
  opacity:.20;
  filter:drop-shadow(0 0 3px rgba(255,45,52,.35));
}
#pulse .pulse-live-node{
  fill:#ff3a42;
  opacity:.92;
  filter:drop-shadow(0 0 5px rgba(255,48,55,.7));
}
#pulse .pulse-cluster{
  fill:none;
  stroke:#ef2b33;
  stroke-width:1;
  transform-box:fill-box;
  transform-origin:center;
  opacity:.18;
}
#pulse.motion-active .pulse-cluster{
  animation:pulseCluster 5.8s ease-in-out infinite;
}
#pulse.motion-active .pulse-cluster.c2{animation-delay:-1.7s}
#pulse.motion-active .pulse-cluster.c3{animation-delay:-3.4s}
@keyframes pulseCluster{
  0%,100%{opacity:.10;transform:scale(.75)}
  45%{opacity:.42;transform:scale(1.18)}
  70%{opacity:.16;transform:scale(.94)}
}

/* Section 6 — the motion intentionally settles down. */
#membership .membership-route{
  fill:none;
  stroke:#d9252e;
  stroke-width:1.2;
  opacity:.16;
}
#membership .membership-signal{
  fill:#d9252e;
  filter:drop-shadow(0 0 5px rgba(217,37,46,.5));
}
#membership .benefit-word{
  position:absolute;
  z-index:4;
  width:14%;
  height:12%;
  border-radius:50%;
  border:1px solid rgba(217,37,46,0);
  opacity:0;
  transform:translateY(10px);
  transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease),border-color .85s ease;
  pointer-events:none;
}
#membership .benefit-word.know{left:14%;top:63%}
#membership .benefit-word.act{left:43%;top:63%}
#membership .benefit-word.remember{left:70%;top:63%}
#membership.motion-active .benefit-word{opacity:.24;transform:translateY(0);border-color:rgba(217,37,46,.10)}
#membership.motion-active .benefit-word.act{transition-delay:.14s}
#membership.motion-active .benefit-word.remember{transition-delay:.28s}

/* Section 7 — conversion reveal and restrained Member emphasis. */
#download .approved-artboard img{
  opacity:.975;
  transform:translateY(12px);
  transition:opacity .9s var(--motion-ease),transform .9s var(--motion-ease);
}
#download.motion-active .approved-artboard img{opacity:1;transform:translateY(0)}
#download .member-glow{
  position:absolute;
  z-index:4;
  right:3.4%;
  top:14.5%;
  width:12.5%;
  height:48.5%;
  border-radius:18px;
  border:1px solid rgba(217,37,46,.12);
  opacity:0;
  pointer-events:none;
}
#download.motion-active .member-glow{
  animation:memberResolve 1.25s var(--motion-ease) .8s forwards;
}

/* Semantic click layers over approved raster CTAs. */
.art-hotspot{
  position:absolute;
  z-index:8;
  display:block;
  border-radius:999px;
  background:transparent;
  outline:none;
}
.art-hotspot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(100deg,transparent 0 38%,rgba(255,255,255,.20) 48%,transparent 58%);
  transform:translateX(-120%);
  opacity:0;
  transition:transform .65s var(--motion-ease),opacity .25s ease;
}
.art-hotspot:hover::after{transform:translateX(120%);opacity:1}
.art-hotspot:focus-visible{
  box-shadow:0 0 0 3px rgba(217,37,46,.28),0 0 0 6px rgba(255,255,255,.9);
}
#membership .join-hotspot{left:40.3%;top:88.2%;width:19.1%;height:5.6%}
#pulse .pulse-hotspot{right:5.1%;top:43.0%;width:21.5%;height:36%}

/* Mobile: show readable crops of the same approved artwork rather than shrinking
   a 1600px editorial composition until its typography is illegible. */
.mobile-crop-stack{display:none}
@media(max-width:760px){
  .site-nav{--nav-h:64px}
  .hero-master{
    aspect-ratio:4/3!important;
    overflow:hidden!important;
  }
  .hero-reference-art{
    width:178%!important;
    max-width:none!important;
    left:-39%!important;
  }
  .hero-live-overlay{
    width:178%!important;
    left:-39%!important;
  }
  .hero-reference-hotspot{display:none!important}
  .nav-inner{grid-template-columns:1fr auto!important;padding:0 14px}
  .nav-actions{display:none}
  .brand-lockup img{width:128px!important}
  .approved-artboard-section .approved-artboard{display:none}
  .mobile-crop-stack{
    display:grid;
    position:relative;
    z-index:2;
    width:100%;
    background:inherit;
    gap:0;
  }
  .mobile-crop{
    width:100%;
    aspect-ratio:4/3;
    background-repeat:no-repeat;
    background-color:inherit;
    border:0;
  }
  .mobile-crop.hero-crop{aspect-ratio:1/1}
  #hq .s4-network-motion{display:none}
  .flow-bridge{margin-top:-16px!important;margin-bottom:-16px!important}
  .bridge-3-4,.bridge-4-5{height:78px!important}
  .bridge-5-6,.bridge-6-7{height:64px!important}
  .art-hotspot,.member-glow,.benefit-word{display:none!important}
}


/* Animated continuity layer between HQ and Pulse. */
.bridge-network{
  position:absolute;
  inset:0;
  z-index:6;
  width:100%;
  height:100%;
  overflow:visible;
}
.bridge-network .bridge-path{
  fill:none;
  stroke:#ef2b33;
  stroke-width:1.15;
  opacity:.30;
  filter:drop-shadow(0 0 4px rgba(239,43,51,.24));
}
.bridge-network .bridge-path.soft{opacity:.16;stroke-width:.9}
.bridge-network .bridge-runner{
  fill:#ff3a42;
  filter:drop-shadow(0 0 7px rgba(255,45,52,.82));
}
.bridge-network .bridge-core{fill:#fff;opacity:.9}
.bridge-network.light .bridge-path{stroke:#d9252e;opacity:.12}
.bridge-network.light .bridge-runner{fill:#d9252e;opacity:.52;filter:drop-shadow(0 0 4px rgba(217,37,46,.25))}

/* Small production-only conversion feedback. */
.site-toast{
  position:fixed;
  z-index:9998;
  left:50%;
  bottom:28px;
  transform:translate(-50%,18px);
  max-width:min(520px,calc(100vw - 32px));
  padding:13px 18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(12,13,15,.92);
  color:#fff;
  box-shadow:0 16px 46px rgba(0,0,0,.22);
  font:600 13px/1.35 var(--sans);
  letter-spacing:.01em;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s var(--motion-ease),transform .35s var(--motion-ease);
  backdrop-filter:blur(14px);
}
.site-toast.show{opacity:1;transform:translate(-50%,0)}

/* Hotspots added over locked Section 7 art. Store buttons communicate launch status. */
.art-hotspot{
  border:0;
  padding:0;
  cursor:pointer;
}
#download .appstore-hotspot{left:67.0%;top:82.0%;width:10.7%;height:5.2%;border-radius:8px}
#download .playstore-hotspot{left:79.2%;top:82.0%;width:11.4%;height:5.2%;border-radius:8px}
#download .member-plan-hotspot{left:78.3%;top:48.2%;width:16.4%;height:30%;border-radius:18px}
#download .member-plan-hotspot:hover{
  box-shadow:0 0 0 1px rgba(201,151,69,.32),0 14px 38px rgba(201,151,69,.08);
}

/* Responsive crop coordinates. These are the same approved artboards, not redesigns. */
@media(max-width:760px){
  .mobile-crop{
    background-size:auto 148%;
    background-position:center center;
    box-shadow:inset 0 1px 0 rgba(0,0,0,.025);
  }
  .mobile-crop.s2a{background-position:48% 0%}
  .mobile-crop.s2b{background-position:16% 54%}
  .mobile-crop.s2c{background-position:92% 68%}

  .mobile-crop.s3a{background-position:16% 0%}
  .mobile-crop.s3b{background-position:58% 52%}
  .mobile-crop.s3c{background-position:88% 80%}

  .mobile-crop.s4a{background-position:0% 0%}
  .mobile-crop.s4b{background-position:58% 48%}
  .mobile-crop.s4c{background-position:78% 92%}

  .mobile-crop.s5a{background-position:50% 0%}
  .mobile-crop.s5b{background-position:32% 50%}
  .mobile-crop.s5c{background-position:90% 84%}

  .mobile-crop.s6a{background-position:50% 0%}
  .mobile-crop.s6b{background-position:50% 52%}
  .mobile-crop.s6c{background-position:50% 92%}

  .mobile-crop.s7a{background-position:78% 0%}
  .mobile-crop.s7b{background-position:18% 52%}
  .mobile-crop.s7c{background-position:86% 90%}

  #product .mobile-crop-stack{background:#fff}
  #briefings .mobile-crop-stack,#membership .mobile-crop-stack{background:#f7f2e8}
  #hq .mobile-crop-stack,#pulse .mobile-crop-stack{background:#050607}
  #download .mobile-crop-stack{background:#eef3f3}
  .site-toast{bottom:18px;border-radius:18px}
}

/* Motion accessibility. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
  .section-motion .signal-path{stroke-dashoffset:0!important}
  #download .approved-artboard img{opacity:1!important;transform:none!important}
}


/* TECH BUILD IX / FIDELITY POLISH — preserve original approved artboards. */
.ix-visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.hero-live-overlay .ix-signal-traveler{pointer-events:none;opacity:.67}
.hero-live-overlay .ix-signal-traveler circle{stroke:none}
.hero-live-overlay .ix-signal-traveler.red circle{
  fill:#e52025;filter:drop-shadow(0 0 3px rgba(229,32,37,.35));
}
.hero-live-overlay .ix-signal-traveler.ink circle{fill:#151515}
#product.motion-active .section-motion .draw{animation-duration:1.22s}
#briefings.motion-active .section-motion .draw{animation-duration:1.16s}
#briefings.motion-active .action-emphasis{animation-duration:1.15s}
#briefings.motion-active .action-emphasis:nth-last-child(3){animation-delay:.86s}
#briefings.motion-active .action-emphasis:nth-last-child(2){animation-delay:1.04s}
#briefings.motion-active .action-emphasis:nth-last-child(1){animation-delay:1.22s}
.site-nav .button.ghost{cursor:pointer}
.site-nav.is-dark .nav-links a{color:#f6f1e9}
.ix-mobile-actions{display:none}
@media(max-width:760px){
  .ix-mobile-actions{
    position:relative;z-index:7;display:flex;flex-wrap:wrap;
    justify-content:center;align-items:stretch;gap:9px;
    padding:13px 18px 20px;background:#fff;
  }
  .ix-mobile-cta{
    display:inline-flex;flex:1 1 143px;align-items:center;justify-content:space-between;
    gap:12px;min-height:48px;padding:12px 14px;border:1px solid rgba(19,37,56,.4);
    border-radius:5px;background:transparent;color:#14283a;text-decoration:none;
    font:700 12px/1.25 var(--sans);letter-spacing:.015em;text-align:left;
    cursor:pointer;
  }
  .ix-mobile-primary{background:#102c43;border-color:#102c43;color:#fff}
  .ix-mobile-cta span{font-size:18px;line-height:1}
  .ix-membership-actions{background:#f7f2e8}
  .ix-membership-actions .ix-mobile-cta{flex-basis:100%}
  .ix-download-actions{background:#eef3f3}
  .ix-download-actions .ix-mobile-cta{font-size:11px}
  .ix-mobile-detail-link{
    flex-basis:100%;padding:9px 3px 0;text-align:center;
    font:700 11px/1.5 var(--sans);text-decoration:underline;
    text-underline-offset:4px;color:#223a50;
  }
  .ix-mobile-cta:focus-visible,.ix-mobile-detail-link:focus-visible{
    outline:3px solid #d9252e;outline-offset:3px;
  }
  .site-nav.is-dark .nav-links.open{
    background:rgba(7,8,9,.97);color:#fff;
    border-color:rgba(255,255,255,.17);
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-live-overlay .ix-signal-traveler{display:none!important}
}


/* Exact approved-image sources remain as img src fallbacks.
   Mobile crops fetch high-quality optimized versions with unchanged coordinates. */
@media(max-width:760px){
 #product .mobile-crop{
   background-image:url('/_vercel/image?url=%2Fassets%2Fsection2-approved-20261012.png&w=1280&q=90')!important;
 }
 #briefings .mobile-crop{
   background-image:url('/_vercel/image?url=%2Fassets%2Fsection3-approved-20261012.png&w=1280&q=90')!important;
 }
 #hq .mobile-crop{
   background-image:url('/_vercel/image?url=%2Fassets%2Fsection4-approved-20261012.png&w=1280&q=90')!important;
 }
}


/* Tech & Build IX: the same physical signal spans HQ > Pulse, including the
   section boundary. The raster artboards, phone placements and copy remain locked. */
.hq-pulse-continuum{
  position:relative;
  isolation:isolate;
  background:#050607;
}
.hq-pulse-continuum > .civic-continuum-network{
  position:absolute;
  z-index:7;
  left:0;top:0;
  width:100%;height:100%;
  pointer-events:none;
  overflow:visible;
}
.civic-continuum-network .civic-throughline{
  fill:none;stroke:#f02d35;stroke-width:1.25;
  opacity:.19;
  filter:drop-shadow(0 0 3px rgba(240,45,53,.25));
}
.civic-continuum-network .civic-throughline.muted{opacity:.10;stroke-width:1}
.civic-continuum-network .civic-throughline-runner{
  fill:#ff3840;
  filter:drop-shadow(0 0 5px rgba(245,43,52,.6));
}
.civic-continuum-network .civic-throughline-runner.soft{opacity:.64}
.hq-pulse-continuum .bridge-4-5{background:#050607}
.hq-pulse-continuum .bridge-4-5::before,
.hq-pulse-continuum .bridge-4-5::after{opacity:0}
.hq-pulse-continuum .bridge-4-5 .bridge-network{display:none}
.civic-continuum-mobile{display:none}
@media(max-width:760px){
  .civic-continuum-desktop{display:none}
  .hq-pulse-continuum > .civic-continuum-mobile{display:block}
  .civic-continuum-network .civic-throughline{opacity:.15}
  .civic-continuum-network .civic-throughline.muted{opacity:.09}
}
@media(prefers-reduced-motion:reduce){
  .civic-continuum-network .civic-throughline-runner{display:none!important}
}


/* Tech & Build IX / INFORMATION-TO-ACTION CHOREOGRAPHY.
   Only SVG overlay timing changes: no approved raster pixels move.
   The paths draw first; the four corresponding outcomes resolve in order. */
#product.motion-active .section-motion .draw{animation-duration:.66s}
#product.motion-active .section-motion .draw.d2{animation-delay:.07s}
#product.motion-active .section-motion .draw.d3{animation-delay:.14s}
#product.motion-active .section-motion .draw.d4{animation-delay:.21s}
#product.motion-active .section-motion .draw.d5{animation-delay:.28s}
#product.motion-active .section-motion .draw.d6{animation-delay:.35s}
#product.motion-active .section-motion .draw.d7{animation-delay:.42s}
#product.motion-active .section-motion .draw.d8{animation-delay:.49s}
#product.motion-active .outcome-halo{animation-duration:.48s}
#product.motion-active .outcome-halo.o2{animation-delay:.90s}
#product.motion-active .outcome-halo.o3{animation-delay:1.05s}
#product.motion-active .outcome-halo.o4{animation-delay:1.20s}
#product.motion-active .outcome-halo.o5{animation-delay:1.35s}

#briefings.motion-active .section-motion .draw{animation-duration:.76s}
#briefings.motion-active .section-motion .draw.d2{animation-delay:.10s}
#briefings.motion-active .section-motion .draw.d3{animation-delay:.21s}
#briefings.motion-active .section-motion .draw.d4{animation-delay:.32s}
#briefings.motion-active .action-emphasis{animation-duration:.44s;animation-delay:1.02s}
#briefings.motion-active .action-emphasis:nth-last-child(3){animation-delay:1.16s}
#briefings.motion-active .action-emphasis:nth-last-child(2){animation-delay:1.30s}
#briefings.motion-active .action-emphasis:nth-last-child(1){animation-delay:1.44s}


/* TECH BUILD IX / SECTION 4-7 MOTION PASS
   Motion-only overlays: all original approved images, coordinates and copy retained. */
/* HQ: decision signals glow briefly and infrequently, on their existing tracks. */
#hq .s4-network-motion .decision-signal{opacity:.88}
#hq.motion-active .s4-network-motion .decision-signal{
  animation:ixDecisionSignal 17s ease-in-out infinite;
}
#hq.motion-active .s4-network-motion .decision-b{animation-delay:-8.7s}
@keyframes ixDecisionSignal{
  0%,43%,51%,100%{opacity:.84;filter:drop-shadow(0 0 2px rgba(255,49,57,.15))}
  47%{opacity:1;filter:drop-shadow(0 0 11px rgba(255,49,57,.78))}
}
/* Pulse: small highlights on the existing four phone feature rows in reading order. */
#pulse .pulse-feature-focus{
  fill:none;stroke:#e9bb78;stroke-width:1.5;opacity:0;
  transform-box:fill-box;transform-origin:center;
}
#pulse.motion-active .pulse-feature-focus{
  animation:ixPulseFeatureFocus 9.6s ease-in-out infinite both;
}
#pulse.motion-active .pulse-feature-focus.f2{animation-delay:-7.2s}
#pulse.motion-active .pulse-feature-focus.f3{animation-delay:-4.8s}
#pulse.motion-active .pulse-feature-focus.f4{animation-delay:-2.4s}
@keyframes ixPulseFeatureFocus{
  0%,3%,19%,100%{opacity:0;transform:scale(.88)}
  9%{opacity:.35;transform:scale(1.10)}
  14%{opacity:.14;transform:scale(1)}
}
/* Membership: federal → state → local, then quiet; no endlessly restarting motif. */
#membership .membership-resolve{
  fill:none;stroke:#d9252e;stroke-width:1.2;opacity:0;
  transform-box:fill-box;transform-origin:center;
}
#membership.motion-active .membership-resolve{
  animation:ixCivicResolve 1.1s ease-out both;
}
#membership.motion-active .membership-resolve.federal{animation-delay:.28s}
#membership.motion-active .membership-resolve.state{animation-delay:.82s}
#membership.motion-active .membership-resolve.local{animation-delay:1.36s}
@keyframes ixCivicResolve{
  0%{opacity:0;transform:scale(.52)}
  42%{opacity:.42;transform:scale(1.12)}
  100%{opacity:.095;transform:scale(1)}
}
#membership.motion-active .membership-landmark{
  animation:ixCivicLandmark .9s ease-out both;
}
#membership.motion-active .membership-landmark.federal{animation-delay:.28s}
#membership.motion-active .membership-landmark.state{animation-delay:.82s}
#membership.motion-active .membership-landmark.local{animation-delay:1.36s}
@keyframes ixCivicLandmark{
  0%{opacity:.22}
  55%{opacity:.86}
  100%{opacity:.30}
}
/* App plans: Free resolves first, followed by a subtle Member highlight. */
#download .free-glow{
  position:absolute;z-index:4;
  left:76.0%;top:14.5%;width:10.8%;height:48.5%;
  border:1px solid rgba(19,44,66,.14);border-radius:16px;
  background:linear-gradient(180deg,rgba(19,44,66,.035),transparent 40%);
  opacity:0;pointer-events:none;
}
#download.motion-active .free-glow{
  animation:ixFreeResolve 1.1s var(--motion-ease) .4s forwards;
}
#download.motion-active .member-glow{
  animation:memberResolve 1.25s var(--motion-ease) 1.18s forwards;
}
@keyframes ixFreeResolve{
  0%{opacity:0;transform:translateY(8px)}
  70%{opacity:.47;transform:translateY(0)}
  100%{opacity:.23;transform:translateY(0)}
}
@media(max-width:760px){
  #download .free-glow,#download .member-glow{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  #hq .s4-network-motion .decision-signal,
  #pulse .pulse-feature-focus,
  #membership .membership-resolve,
  #membership .membership-landmark,
  #download .free-glow,
  #download .member-glow{animation:none!important}
  #pulse .pulse-feature-focus{display:none!important}
  #membership .membership-resolve{opacity:.095!important}
  #download .free-glow{opacity:.23!important}
}