/* FLUX — an editorial, light canvas for work in motion. */
.flux-home { --bg:#f8f9f6; --ink:#15201c; --blue:#245bff; --muted:#65706a; --line:#dce2dd; --font:"Space Grotesk",sans-serif; background:var(--bg); overflow-x:clip; }
html { scroll-behavior:smooth; }
.flux-home ::selection { background:#cbd8ff; color:var(--ink); }
.flux-home .wrap { max-width:1328px; padding:0 48px; }
.flux-home h2 { font-size:clamp(36px,4.3vw,62px); font-weight:500; letter-spacing:-.055em; line-height:1.08; }
.flux-home section { padding:110px 0; }
.flux-home .eyebrow { font:11px/1.6 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:#65706a; margin:0 0 26px; }
.skip-link { position:fixed; z-index:100; left:20px; top:-70px; background:var(--blue); color:white; padding:12px 18px; border-radius:6px; }
.skip-link:focus { top:10px; }
.reading-progress { position:fixed; left:0; top:0; height:2px; width:100%; transform:scaleX(0); transform-origin:left; background:var(--blue); z-index:80; }
.flux-nav { position:sticky; top:18px; margin:18px auto 0; width:calc(100% - 96px); max-width:1232px; padding:8px 8px 8px 25px; background:#fff; border:1px solid #e0e5df; border-radius:100px; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:30px; transition:box-shadow .3s, border-color .3s; }
.flux-nav.is-scrolled { box-shadow:0 8px 30px #15201c0a; border-color:#d0d9d1; }
.flux-wordmark { display:inline-flex; align-items:baseline; font-size:34px; font-weight:700; letter-spacing:-.085em; text-decoration:none; line-height:1; }
.flux-wordmark img { display:block; height:.78em; width:auto; }
.flux-links { display:flex; gap:34px; align-items:center; margin-left:auto; margin-right:auto; }
.flux-links a { font-size:14px; color:#46524b; text-decoration:none; position:relative; padding:8px 0; }
.flux-links a:after { position:absolute; content:""; bottom:3px; left:0; width:100%; height:1px; background:var(--blue); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.flux-links a:hover:after,.flux-links a:focus-visible:after { transform:scaleX(1); }
.flux-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; border-radius:100px; background:var(--blue); color:white; border:1px solid var(--blue); text-decoration:none; padding:7px 7px 7px 23px; font-size:14px; font-weight:500; min-height:49px; transition:background .25s,transform .25s,box-shadow .25s; white-space:nowrap; }
.flux-button .arrow { display:grid; place-items:center; height:34px; width:34px; border-radius:50%; background:white; color:var(--blue); font-size:23px; transition:transform .3s; }
.flux-button:hover { transform:translateY(-2px); box-shadow:0 6px 20px #245bff20; background:#1649e7; }
.flux-button:hover .arrow { transform:rotate(45deg); }
.nav-button { background:var(--ink); border-color:var(--ink); min-height:44px; font-size:14px; padding:5px 5px 5px 19px; gap:24px; }
.nav-button .arrow { width:30px; height:30px; font-size:21px; color:var(--ink); }
.nav-button:hover { background:var(--blue); border-color:var(--blue); }
.flux-menu { display:none; }
.flux-drawer[hidden] { display:none; }
.flux-home .flux-hero { margin:20px 20px 0; padding:27px 28px 0; border:1px solid #dde5dc; border-radius:24px; background:#f1f4ee; position:relative; overflow:hidden; }
.hero-topline,.hero-bottomline { display:flex; justify-content:space-between; align-items:center; color:#616d64; font:11px/1.5 var(--mono); letter-spacing:.095em; }
.hero-topline>span:first-child { display:flex; align-items:center; gap:9px; }
.status-dot { width:5px; height:5px; border-radius:50%; background:#3e7153; box-shadow:0 0 0 4px #3e715312; }
.tiny-cross { color:#9aa899; padding:0 14px; }
.flux-hero-grid { display:grid; grid-template-columns:1.02fr 1.05fr; align-items:center; gap:25px; padding:68px 0 69px; max-width:1500px; margin:auto; }
.flux-hero-copy { padding:0 0 0 22px; position:relative; z-index:2; }
.flux-hero-copy .eyebrow { font-size:11px; margin-bottom:24px; }
.flux-hero h1 { font-size:clamp(40px,5.1vw,79px); font-weight:500; line-height:1.035; letter-spacing:-.065em; }
.headline-line { display:block; overflow:hidden; padding-bottom:.12em; margin-bottom:-.12em; }
.headline-line>span { display:block; animation:headline-in 1s cubic-bezier(.2,.8,.2,1) both; }
.headline-line:nth-child(2)>span { animation-delay:.13s; }
.headline-line:nth-child(3)>span { animation-delay:.26s; }
.blue { color:var(--blue); }
.hero-description { font-size:17px; line-height:1.65; color:#5b665e; max-width:430px; margin:28px 0 0; }
.flux-hero-actions { display:flex; align-items:center; gap:23px; margin-top:30px; flex-wrap:wrap; }
.text-link { display:inline-flex; gap:15px; align-items:center; font-size:14px; color:#35443b; text-decoration:none; padding:12px 0; }
.text-link>span { transition:transform .25s; }
.text-link:hover>span { transform:translateY(4px); }
.founder-note { display:flex; align-items:center; gap:12px; font-size:13px; color:#5f6c63; margin-top:33px; line-height:1.7; }
.founder-note strong { font-weight:400; color:#35453b; }
.founder-monogram { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#416246; background:#e0e8dc; border:3px solid #f6f8f3; font:12px var(--mono); }
.hero-visual { min-width:0; position:relative; padding:22px 0 5px; }
.visual-overline { display:flex; justify-content:space-between; font:11px var(--mono); letter-spacing:.10em; color:#5f6c63; margin:0 20px 0; }
.visual-overline>span:first-child { display:flex; gap:6px; align-items:center; }
.blue-dot { width:4px; height:4px; background:var(--blue); border-radius:50%; }
.flux-stage { min-height:440px; min-width:0; }
.workflow-fallback { padding:80px 20px; text-align:center; color:var(--blue); }
.workflow-fallback b { font-size:70px; }
.hero-bottomline { border-top:1px solid #d8e0d5; padding:21px 0; font-size:11px; }
.hero-bottomline>span { font-family:var(--font); font-size:14px; letter-spacing:0; display:flex; align-items:center; gap:10px; }
.little-x { color:var(--blue); font-size:20px; }
.hero-bottomline a { text-decoration:none; display:flex; gap:35px; align-items:center; }
.hero-bottomline a>span { font-size:20px; }
.tool-strip { max-width:1328px; margin:auto; display:flex; align-items:center; gap:50px; padding:38px 48px; }
.tool-strip>p { font:11px/1.7 var(--mono); color:#5f6c63; letter-spacing:.08em; flex:none; margin:0; padding-right:38px; border-right:1px solid var(--line); }
.tool-names { flex:1; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#647269; }
.tool-names>span { font-size:22px; font-weight:600; letter-spacing:-1px; display:flex; align-items:center; gap:5px; }
.tool-names .clay-word { font-family:Georgia,serif; font-size:28px; letter-spacing:-1px; }
.tool-mark { font-size:22px; line-height:1; }
.tool-names .apollo-word { font-weight:500; }
.tool-names .hubspot-word,.tool-names .instantly-word { font-size:20px; }
.flux-home .manifesto { padding-top:115px; border-top:1px solid var(--line); }
.manifesto-grid { display:grid; grid-template-columns:1fr 2fr; gap:50px; }
.section-marker { display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; padding-top:10px; }
.orbit-symbol { width:84px; height:84px; position:relative; display:block; margin-bottom:10px; }
.orbit-symbol i { position:absolute; top:0; left:30px; width:26px; height:84px; border:1px solid #abc0ad; border-radius:50%; transform:rotate(0deg); }
.orbit-symbol i:nth-child(2) { transform:rotate(60deg); }
.orbit-symbol i:nth-child(3) { transform:rotate(-60deg); }
.flux-home .scroll-statement { font-size:clamp(38px,5.6vw,80px); line-height:1.07; letter-spacing:-.06em; font-weight:400; }
.scroll-statement>span:not(.word) { color:var(--blue); }
.scroll-statement .word { transition:opacity .35s ease; }
.scroll-statement.is-tracked .word { opacity:.23; }
.scroll-statement.is-tracked .word.is-read { opacity:1; }
.manifesto-bottom { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-top:35px; }
.manifesto-bottom p { max-width:480px; color:#667268; font-size:16px; line-height:1.7; margin:0; }
.circle-link { flex:none; display:grid; place-items:center; border:1px solid #cbd5cb; border-radius:50%; width:65px; height:65px; font-size:32px; text-decoration:none; transition:background .2s,color .2s,transform .2s; }
.circle-link:hover { background:var(--blue); color:white; transform:rotate(45deg); }
.principles { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:85px; }
.principles>div { border-top:1px solid var(--line); padding:23px 28px 0 0; }
.principles>div+div { padding-left:35px; border-left:1px solid var(--line); }
.principles>div>span { font:11px var(--mono); color:#5f6c63; }
.principles h3 { font-size:18px; font-weight:500; margin:19px 0 7px; letter-spacing:-.025em; }
.principles p { color:#5f6c63; font-size:15px; margin:0; }
.flux-home .flux-systems { background:#edf1eb; border-top:1px solid var(--line); }
.systems-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:50px; }
.systems-heading>p { color:#5f6c63; font-size:15px; line-height:1.8; margin:0 0 3px; }
.system-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.system-card { background:#f9faf7; border:1px solid #dbe3d8; border-radius:16px; padding:27px 30px 0; text-decoration:none; overflow:hidden; transition:transform .3s,border-color .3s,box-shadow .3s; }
.system-card:hover { transform:translateY(-5px); border-color:#99b5fc; box-shadow:0 12px 28px #203a5810; }
.system-card-head { display:flex; justify-content:space-between; align-items:center; }
.system-card-head .eyebrow { margin:0; font-size:11px; }
.card-arrow { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--line); border-radius:50%; font-size:18px; transition:background .25s,color .25s,transform .25s; }
.system-card:hover .card-arrow { background:var(--blue); color:white; border-color:var(--blue); transform:rotate(45deg); }
.system-card h3 { font-size:28px; font-weight:500; letter-spacing:-.05em; line-height:1.15; }
.system-card>p { color:#5f6c63; font-size:15px; line-height:1.65; margin:15px 0 28px; max-width:380px; }
.system-tools { display:flex; align-items:center; gap:13px; font:11px var(--mono); text-transform:uppercase; letter-spacing:.03em; border-top:1px solid var(--line); padding:18px 0; }
.system-tools i { font-style:normal; color:#98a69b; }
.mini-visual { height:174px; margin:9px 0 27px; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; background-image:radial-gradient(#dce4d9 1px,transparent 1px); background-size:12px 12px; mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent); }
.radar { position:relative; width:142px; height:142px; border-radius:50%; border:1px solid #c8d6c6; background:conic-gradient(from 0deg,#d9e5ff80,transparent 60%); transition:transform 1s; }
.radar i { position:absolute; border:1px solid #d1ddcf; border-radius:50%; inset:20px; }
.radar i:nth-child(2) { inset:42px; }
.radar i:nth-child(3) { inset:62px; background:var(--blue); border-color:var(--blue); }
.radar b,.radar em { position:absolute; width:7px; height:7px; background:var(--blue); border:2px solid #f9faf7; box-shadow:0 0 0 3px #245bff18; border-radius:50%; top:35px; left:25px; }
.radar em { left:103px; top:83px; }
.system-card:hover .radar { transform:rotate(60deg); }
.signal-tag { position:absolute; font:10px var(--mono); background:white; border:1px solid #d5e0d5; border-radius:5px; padding:10px 12px; right:6%; bottom:26px; box-shadow:0 5px 14px #29442b06; }
.signal-tag i { font-style:normal; margin-left:10px; color:var(--blue); }
.mini-agent { display:flex; justify-content:center; align-items:center; gap:6px; width:43px; height:35px; border-radius:12px; background:var(--blue); box-shadow:0 0 0 6px #245bff0c; transform:rotate(-5deg); transition:transform .4s; }
.mini-agent i { height:7px; width:4px; border-radius:2px; background:white; }
.mini-dash { width:38px; height:1px; border-top:1px dashed #b9cbd0; }
.mini-email { width:156px; padding:12px; background:white; border:1px solid #d1ddd0; border-radius:8px; transform:rotate(-5deg); box-shadow:3px 5px 0 #e4ebe2; }
.mini-email>div { display:flex; gap:3px; margin-bottom:12px; }
.mini-email>div>span { width:3px; height:3px; background:#c5d1c4; border-radius:50%; }
.mini-email>i { display:block; height:3px; background:#e6ece4; margin-bottom:7px; width:85%; }
.mini-email>i:nth-child(3) { width:65%; }
.mini-email>b { display:block; font:9px var(--mono); color:#4d7950; background:#edf5e9; padding:5px; margin-top:13px; }
.send-arrow { border:1px solid #d1ddd0; border-radius:50%; background:#f9faf7; width:28px; height:28px; display:grid; place-items:center; font-size:20px; color:var(--blue); margin:40px 0 0 14px; transition:transform .5s; }
.system-card:hover .mini-agent { transform:translateX(14px) rotate(5deg); }
.system-card:hover .send-arrow { transform:translate(6px,-6px); }
.routing-source { background:white; border:1px solid #d4dfd2; padding:12px; border-radius:6px; font:12px var(--font); }
.routing-source b { margin-left:16px; font-weight:400; color:var(--blue); }
.routing-lines { width:42px; height:95px; border:1px solid #c5d3c2; border-left:0; border-radius:0 13px 13px 0; position:relative; }
.routing-lines:before { content:""; width:42px; height:1px; background:#c5d3c2; position:absolute; top:46px; }
.routing-targets { display:grid; gap:8px; }
.routing-targets>span { font:10px var(--mono); background:white; border:1px solid #d4dfd2; border-radius:4px; padding:7px 12px; min-width:100px; transition:border-color .4s,transform .4s; }
.routing-targets i { display:inline-block; width:4px; height:4px; background:#adc3a9; border-radius:50%; margin-right:8px; }
.system-card:hover .routing-targets>span { border-color:#245bff80; transform:translateX(5px); }
.system-card:hover .routing-targets>span:nth-child(2) { transition-delay:.1s; }
.system-card:hover .routing-targets>span:nth-child(3) { transition-delay:.2s; }
.custom-node { width:49px; height:49px; display:grid; place-items:center; font-size:23px; border:1px solid #cdd9c9; border-radius:12px; background:white; transform:rotate(-7deg); }
.custom-node.blue-node { width:63px; height:63px; background:var(--blue); color:white; font-weight:500; font-size:44px; border:0; transform:rotate(0); transition:transform .5s; }
.custom-visual>i { width:42px; border-top:1px dashed #bbcdbe; }
.custom-tag { position:absolute; bottom:12px; font:10px var(--mono); color:#5f6c63; letter-spacing:.08em; }
.system-card:hover .blue-node { transform:rotate(90deg); }
.flux-home .section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:35px; margin-bottom:45px; flex-wrap:wrap; }
.flux-home .section-head>.eyebrow { width:100%; margin-bottom:-18px; }
.flux-home .section-head>.section-lede { max-width:440px; font-size:16px; line-height:1.7; margin-bottom:3px; }
.flux-home .panel { border-radius:16px; border-color:#d7e0d4; box-shadow:none; }
.flux-home .panel-grid { grid-template-columns:1fr 1fr; }
.flux-home .panel-grid>div { padding:36px; }
.flux-home .panel-grid>div:last-child { background:#edf2e9; border-left:1px solid #d7e0d4; }
.flux-home .result .big { font-size:78px; font-weight:400; color:var(--blue); letter-spacing:-.07em; }
.flux-home .result p { color:#566751; font-size:15px; }
.flux-home .kv { font-size:15px; }
.flux-home .kv>div { padding:12px 0; }
.flux-home .fine { font-size:13px; color:#5f6c63; line-height:1.6; }
.flux-home input[type=range] { accent-color:var(--blue); }
.flux-home #cost { background:#f0f3ec; }
.flux-home .split { gap:75px; grid-template-columns:1fr 1.25fr; }
.flux-home .section-lede { font-size:16px; line-height:1.75; color:#6c796d; }
.flux-home .bar { height:9px; border-radius:6px; }
.flux-home .bar i { background:#aab7a5; }
.flux-home .bar.us i { background:var(--blue); }
.flux-home .bar-label { font-size:14px; }
.flux-home .bar-label span { font-size:20px; }
.flux-home .bar-note { font-size:13px; }
.flux-home .saving { font-size:15px; }
.flux-home #process .section-head { margin-bottom:55px; }
.flux-home .steps { gap:25px; }
.flux-home .step { padding:23px 0 0; border-top-width:1px; }
.flux-home .step .n { color:var(--blue); display:inline-flex; align-items:center; justify-content:center; background:#edf1ff; border-radius:50%; width:32px; height:32px; }
.flux-home .step h3 { font-size:20px; font-weight:500; margin-top:22px; }
.flux-home .step .dur { font-size:13px; color:#5f6c63; }
.flux-home .step p { font-size:15px; color:#5f6c63; }
.flux-home #proof { background:#eaf0e4; }
.flux-home .spec { border-radius:16px; background:#f9fbf5; border-color:#d5dfcf; }
.flux-home .spec-head { font-size:14px; }
.flux-home .spec dl>div { font-size:15px; }
.flux-home .founder { font-size:15px; }
.flux-home .faq summary { font-size:17px; padding:22px 0; }
.flux-home .faq p { font-size:15px; color:#6e7b6b; }
.flux-home .closing-section { padding:10px 0 100px; border:0; }
.flux-home .cta { padding:60px; background:var(--blue); color:#fff; border:0; border-radius:22px; position:relative; overflow:hidden; align-items:flex-end; }
.flux-home .cta:after { content:"X"; position:absolute; right:270px; top:-150px; font-size:620px; font-weight:400; line-height:1; opacity:.08; pointer-events:none; }
.flux-home .cta .eyebrow { color:#d0ddff; font-size:11px; }
.flux-home .cta h2 { font-size:clamp(42px,5vw,74px); }
.flux-home .cta p:not(.eyebrow) { color:#dfe7ff; font-size:15px; }
.flux-home .cta-actions { position:relative; z-index:1; }
.flux-home .cta .btn { border-radius:100px; font-size:15px; padding:0 24px; height:46px; }
.flux-home .cta .btn-primary { background:white; color:var(--blue); }
.flux-home .cta .btn-secondary { border-color:#86a4ff; color:white; }
.flux-home .cta .btn-secondary:hover { background:#fff2; }
.flux-footer { padding:0; border:0; background:var(--bg); overflow:hidden; }
.footer-top { display:flex; gap:65px; align-items:center; border-top:1px solid var(--line); padding-top:40px; }
.footer-top p { font-size:14px; color:#5f6c63; line-height:1.5; }
.footer-email { margin-left:auto; font-size:16px; text-decoration:none; letter-spacing:-.02em; }
.footer-links { display:flex; justify-content:space-between; padding:38px 0 0; gap:20px; font:11px var(--mono); letter-spacing:.07em; color:#5f6c63; }
.footer-links nav { display:flex; gap:25px; font:14px var(--font); color:#566750; }
.footer-links a { text-decoration:none; }
.footer-links a:hover { color:var(--blue); }
.footer-wordmark { font-size:clamp(110px,22vw,330px); font-weight:500; line-height:1.03; letter-spacing:-.085em; display:flex; margin:30px 0 0; }
.footer-wordmark img { flex:none; align-self:center; width:2.03em; height:auto; }
.footer-wordmark i { margin-left:auto; font-style:normal; font-weight:400; font-size:.9em; color:#dce4d7; transform:rotate(-45deg); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding:23px 0; font:11px var(--mono); color:#5f6c63; letter-spacing:.045em; }
.footer-bottom a { text-decoration:none; }
[data-reveal] { transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms),filter .8s ease var(--reveal-delay,0ms); }
.motion-ready [data-reveal]:not(.is-visible) { opacity:0; transform:translateY(28px) scale(.985); filter:blur(6px); }
/* 04 / Where the week goes */
.week-stats { margin:26px 0 0; border-top:1px solid var(--line); }
.week-stats>div { display:grid; grid-template-columns:120px minmax(0,1fr); gap:16px; align-items:baseline; padding:12px 0; border-bottom:1px solid var(--line); }
.week-stats dt { font-size:34px; font-weight:500; letter-spacing:-.045em; line-height:1; color:var(--ink); }
.week-stats dd { margin:0; font-size:15px; line-height:1.55; color:#5f6c63; }
.flux-home .week-card { padding:24px 28px; background:#fff; }
.flux-home #week { padding:56px 0; }
.flux-home #week .split { align-items:center; }
.week-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:18px; }
.week-pair b { display:block; font-size:28px; font-weight:500; letter-spacing:-.03em; line-height:1.2; margin-top:4px; font-variant-numeric:tabular-nums; }
.week-label { font:11px/1.4 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:#5f6c63; margin:0 0 12px; }
.week-inputs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:end; }
.week-card .field { margin-bottom:0; }
.week-card .field>span { font-size:13px; }
.week-row { margin-top:22px; }
.week-divider { border:0; border-top:1px solid var(--line); margin:20px 0 18px; }
.week-emails { max-width:220px; }
.funnel { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:12px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.funnel>div { display:flex; flex-direction:column; gap:4px; padding:14px 14px 13px; min-width:0; }
.funnel>div+div { border-left:1px solid var(--line); }
.funnel-label { font:11px var(--mono); letter-spacing:.08em; text-transform:uppercase; color:#5f6c63; }
.funnel b { font-size:26px; font-weight:500; letter-spacing:-.03em; line-height:1.15; }
.funnel-sub { font-size:12px; color:#5f6c63; }
.funnel .is-meetings { background:#eef2ff; }
.funnel .is-meetings b, .funnel .is-meetings .funnel-label { color:var(--blue); }
.verdict { margin:14px 0 0; font-size:16px; line-height:1.5; }
.week-card .fine { margin:8px 0 0; }
.week-stats dt, .week-card .bar-label span, .funnel b, .verdict, .week-card input { font-variant-numeric:tabular-nums; }
@media(max-width:900px) { .flux-home #cost .split { grid-template-columns:1fr; gap:40px; } }
@media(max-width:550px) {
  .flux-home .week-card { padding:22px; }
  .week-inputs { grid-template-columns:1fr; }
  .week-emails { max-width:none; }
  .week-pair { grid-template-columns:1fr; gap:10px; }
  .week-stats>div { grid-template-columns:100px minmax(0,1fr); gap:14px; }
  .week-stats dt { font-size:32px; }
}

/* 02 pricing note */
.pricing-note { margin-top:56px; padding-top:28px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 2fr; gap:40px; }
.pricing-note h3 { font-size:22px; font-weight:500; letter-spacing:-.03em; margin:0; }
.pricing-rows { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.pricing-rows b { display:block; font-weight:500; font-size:17px; margin-bottom:6px; }
.pricing-rows p { margin:0; font-size:15px; line-height:1.6; color:#5f6c63; }

/* 03 why GTM engineering + terminal */
.flux-home .why { background:#edf1eb; border-top:1px solid var(--line); }
.why-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:64px; align-items:center; }
.why .section-lede + .section-lede { margin-top:16px; }
.why-points { list-style:none; margin:30px 0 0; padding:0; border-top:1px solid var(--line); }
.why-points li { padding:14px 0; border-bottom:1px solid var(--line); font-size:15px; color:#5f6c63; }
.why-points b { color:var(--ink); font-weight:500; margin-right:4px; }
.term { background:#0f1512; border:1px solid #1f2a24; border-radius:16px; overflow:hidden; color:#d8e2dc; }
.term-bar { display:flex; align-items:center; gap:14px; padding:12px 16px; border-bottom:1px solid #1f2a24; background:#121a16; }
.term-dots { display:flex; gap:6px; }
.term-dots i { width:10px; height:10px; border-radius:50%; background:#2c3832; }
.term-title { font:12px var(--mono); color:#8a978f; }
.term-body { margin:0; height:480px; overflow:hidden; padding:18px 20px; font:13px/1.65 var(--mono); white-space:pre-wrap; word-break:break-word; }
.term-line { display:block; min-height:1.65em; }
.t-prompt { color:#7a9bff; } .t-cmd { color:#eef3ef; } .t-flag { color:#8a978f; }
.t-str { color:#9fd4a8; } .t-num { color:#e3be7a; } .t-fn { color:#8fb0ff; } .t-p { color:#c3cec7; }
.t-comment { color:#6f7d75; } .t-ok { color:#7fc794; } .t-out { color:#b7c3bc; } .t-hi { color:#fff; font-weight:500; }
.term-cursor { display:inline-block; width:8px; height:1.1em; vertical-align:-2px; background:#7a9bff; margin-left:2px; animation:term-blink 1s steps(2) infinite; }
@keyframes term-blink { 50% { opacity:0; } }

/* 04 offers */
.system-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.system-grid--three .system-card { padding:24px 24px 0; }
.system-grid--three .system-card h3 { font-size:25px; }

@media(max-width:1100px) { .system-grid--three { grid-template-columns:1fr 1fr; } }
@media(max-width:900px) { .why-grid { grid-template-columns:1fr; gap:40px; } .pricing-note { grid-template-columns:1fr; gap:18px; } }
@media(max-width:550px) {
  .system-grid--three { grid-template-columns:1fr; }
  .pricing-rows { grid-template-columns:1fr; gap:18px; }
  .term-body { height:440px; padding:14px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .term-cursor { animation:none; } .term-body { height:auto; } }

.pricing-note--page { margin-top:0; border-top:0; padding-top:0; }

/* Inner pages share the home page shell. */
.flux-hero--page h1 { font-size:clamp(36px,3.7vw,58px); letter-spacing:-.05em; line-height:1.06; }
.flux-hero--page .hero-visual .run { box-shadow:none; }
.flux-hero--single .flux-hero-grid { grid-template-columns:1fr; padding:80px 22px 90px; }
.flux-hero--single .hero-description { max-width:600px; }
.flux-page main > section:not(.flux-hero):first-of-type { border-top:0; }
.flux-page .table td:first-child { font-weight:500; }
.start-page .start-top .flux-wordmark { font-size:30px; }
@keyframes headline-in { from { transform:translateY(115%) rotate(2deg); opacity:.3; } to { transform:translateY(0) rotate(0); opacity:1; } }
@media(min-width:1500px) { .flux-home .flux-hero { max-width:1560px; margin-left:auto; margin-right:auto; } }
@media(max-width:1100px) { .flux-hero-grid { gap:5px; padding:65px 0; grid-template-columns:.95fr 1.05fr; } .flux-hero-copy { padding-left:0; } .flux-hero h1 { font-size:5.1vw; } .hero-description { font-size:16px; max-width:360px; } .flux-hero-actions { gap:14px; } .flux-button { font-size:14px; gap:18px; padding-left:18px; } .text-link { font-size:13px; } .tool-strip { gap:25px; } .tool-strip>p { padding-right:25px; } .tool-names>span { font-size:19px; } .tool-names .hubspot-word,.tool-names .instantly-word { font-size:17px; } .flux-home .split { gap:40px; } .flux-stage { min-height:405px; } .visual-overline { font-size:11px; } }
@media(max-width:850px) { .flux-home .panel-grid { grid-template-columns:1fr; } .flux-home .panel-grid>div:last-child { border-left:0; border-top:1px solid #d7e0d4; } .flux-nav { width:calc(100% - 48px); gap:20px; } .flux-links { gap:20px; } .flux-home .wrap { padding:0 28px; } .flux-home .flux-hero { margin:18px 12px 0; padding:22px 22px 0; } .hero-topline { font-size:11px; } .tiny-cross { padding:0 6px; } .flux-hero-grid { grid-template-columns:1fr; padding:55px 12px 26px; gap:45px; } .flux-hero h1 { font-size:clamp(47px,8.8vw,73px); } .hero-description { max-width:460px; font-size:16px; } .hero-visual { max-width:620px; width:100%; margin:auto; padding-top:0; } .flux-stage { min-height:390px; } .visual-overline { font-size:11px; } .founder-note { margin-top:26px; } .hero-bottomline { font-size:11px; } .hero-bottomline>span { font-size:13px; } .tool-strip { padding:30px 28px; gap:22px; } .tool-strip>p { font-size:11px; padding-right:22px; } .tool-names { gap:15px; flex-wrap:wrap; justify-content:center; } .tool-names>span,.tool-names .hubspot-word,.tool-names .instantly-word { font-size:17px; } .tool-names .clay-word { font-size:22px; } .tool-names svg { width:21px; } .manifesto-grid { grid-template-columns:1fr 2.1fr; gap:24px; } .flux-home .eyebrow { font-size:11px; } .manifesto-bottom p { font-size:16px; } .circle-link { width:45px; height:45px; font-size:26px; } .system-card { padding:22px 23px 0; } .system-card h3 { font-size:24px; } .system-card>p { font-size:15px; } .system-card-head .eyebrow { font-size:11px; } .system-tools { gap:8px; font-size:11px; } .systems-heading>p { font-size:15px; } .flux-home section { padding:80px 0; } .flux-home .manifesto { padding-top:80px; } .flux-home .split { grid-template-columns:1fr; gap:40px; } .flux-home .section-lede { max-width:600px; } .flux-home .steps { grid-template-columns:1fr 1fr; gap:36px; } .flux-home .cta { padding:36px; } .flux-home .cta:after { right:160px; } .footer-links { flex-direction:column; } }
@media(max-width:550px) { .flux-nav { top:10px; width:calc(100% - 32px); margin-top:12px; padding:8px 14px 8px 19px; gap:15px; } .flux-wordmark { font-size:29px; } .flux-links { display:none; } .nav-button { margin-left:auto; min-height:36px; padding:4px 4px 4px 14px; font-size:13px; gap:12px; } .nav-button .arrow { height:27px; width:27px; font-size:18px; } .flux-menu { width:28px; height:28px; display:flex; flex-direction:column; justify-content:center; gap:5px; padding:4px; border:0; background:none; cursor:pointer; } .flux-menu>span { height:1px; width:20px; background:var(--ink); transition:transform .25s; } .flux-menu[aria-expanded=true]>span:first-child { transform:translateY(3px) rotate(45deg); } .flux-menu[aria-expanded=true]>span:last-child { transform:translateY(-3px) rotate(-45deg); } .flux-drawer { display:flex; flex-direction:column; gap:0; position:absolute; left:0; right:0; top:calc(100% + 8px); border:1px solid var(--line); padding:10px 22px; background:white; border-radius:20px; box-shadow:0 12px 25px #15201c0a; } .flux-drawer a { padding:15px 0; text-decoration:none; font-size:14px; } .flux-drawer a+a { border-top:1px solid #edf0eb; } .flux-home .flux-hero { border-radius:19px; margin:14px 10px 0; padding:20px 16px 0; } .hero-topline { font-size:11px; letter-spacing:.07em; } .hero-topline>span:last-child { display:none; } .tiny-cross { display:none; } .flux-hero-grid { padding:41px 3px 20px; gap:35px; } .flux-hero-copy .eyebrow { font-size:11px; margin-bottom:20px; } .flux-hero h1 { font-size:clamp(39px,10.1vw,55px); } .hero-description { font-size:16px; line-height:1.6; margin-top:22px; max-width:none; } .flux-hero-actions { gap:18px; margin-top:24px; } .flux-hero-actions .flux-button { min-height:48px; font-size:15px; gap:14px; padding:5px 5px 5px 18px; } .flux-hero-actions .arrow { height:30px; width:30px; font-size:20px; } .text-link { font-size:14px; gap:8px; } .founder-note { font-size:13px; gap:10px; margin-top:23px; } .founder-monogram { height:32px; width:32px; font-size:11px; } .visual-overline { margin:0 2px 5px; font-size:10px; } .flux-stage { min-height:300px; } .hero-bottomline { padding:15px 0; } .hero-bottomline>span { font-size:13px; gap:7px; } .little-x { font-size:15px; } .hero-bottomline a { font-size:0; gap:0; } .hero-bottomline a>span { font-size:17px; } .tool-strip { flex-direction:column; gap:20px; padding:30px 22px; } .tool-strip>p { border:0; padding:0; font-size:11px; display:flex; gap:4px; } .tool-strip>p br { display:none; } .tool-names { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:23px 20px; justify-items:center; } .tool-names>span { justify-content:center; } .flux-home .wrap { padding:0 24px; } .flux-home section { padding:62px 0; } .flux-home .manifesto { padding-top:62px; } .manifesto-grid { grid-template-columns:1fr; gap:8px; } .section-marker { display:block; } .orbit-symbol { display:none; } .flux-home .scroll-statement { font-size:clamp(37px,9.5vw,52px); } .manifesto-bottom { margin-top:25px; gap:20px; } .manifesto-bottom p { font-size:16px; } .circle-link { height:40px; width:40px; font-size:24px; } .principles { margin-top:43px; grid-template-columns:1fr; } .principles>div,.principles>div+div { padding:19px 0; border-left:0; display:grid; grid-template-columns:28px 1fr; gap:5px; align-items:center; } .principles>div>span { grid-row:1 / 3; } .principles h3 { font-size:17px; margin:0; } .principles p { grid-column:2; font-size:15px; } .systems-heading { display:block; margin-bottom:30px; } .systems-heading>p { margin-top:18px; } .systems-heading>p br { display:none; } .flux-home h2 { font-size:35px; } .system-grid { grid-template-columns:1fr; gap:16px; } .system-card { padding:22px 24px 0; } .system-card-head .eyebrow { font-size:11px; } .system-card h3 { font-size:26px; } .system-card>p { font-size:15px; } .mini-visual { margin:7px 0 21px; height:156px; } .system-tools { font-size:11px; gap:10px; flex-wrap:wrap; } .flux-home .section-head { gap:24px; margin-bottom:28px; } .flux-home .section-head>.section-lede { font-size:16px; } .flux-home .section-head>.eyebrow { margin-bottom:-5px; } .flux-home .panel-grid { grid-template-columns:1fr; } .flux-home .panel-grid>div { padding:23px; } .flux-home .panel-grid>div:last-child { border-left:0; border-top:1px solid #d7e0d4; } .flux-home .range-head { font-size:15px; } .flux-home .kv { font-size:15px; } .flux-home .section-lede { font-size:16px; } .flux-home .compare-controls { grid-template-columns:1fr; } .flux-home .bar-label { font-size:14px; align-items:center; } .flux-home .bar-label span { font-size:16px; } .flux-home .step p { font-size:15px; } .flux-home .step h3 { font-size:19px; } .flux-home .steps { grid-template-columns:1fr; gap:28px; } .flux-home .step .dur { font-size:13px; } .flux-home .spec dl>div { font-size:15px; } .flux-home .faq summary { font-size:16px; } .flux-home .closing-section { padding:0 0 60px; } .flux-home .cta { padding:30px 25px; border-radius:15px; } .flux-home .cta h2 { font-size:43px; } .flux-home .cta p:not(.eyebrow) { font-size:15px; } .flux-home .cta:after { right:-70px; top:-40px; font-size:400px; } .flux-home .cta-actions { flex-wrap:wrap; } .flux-home .cta .btn { height:46px; font-size:15px; padding:0 20px; } .footer-top { gap:25px; flex-wrap:wrap; padding-top:28px; } .footer-top p { margin:0; font-size:14px; } .footer-email { width:100%; margin-left:0; font-size:15px; } .footer-links { padding-top:28px; font-size:11px; } .footer-links nav { gap:16px; font-size:14px; flex-wrap:wrap; } .footer-wordmark { margin-top:25px; font-size:27vw; } .footer-bottom { font-size:11px; gap:10px; } .footer-bottom>span:nth-child(2) { display:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .flux-home *, .flux-home *:before,.flux-home *:after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } .motion-ready [data-reveal]:not(.is-visible) { opacity:1; transform:none; } .scroll-statement.is-tracked .word { opacity:1; } }


/* ---------- Time handed back (why section) ---------- */
.flux-home .saved-card { padding:30px; }
.saved-head { display:flex; align-items:baseline; gap:10px; }
.saved-total { font-size:clamp(44px,5vw,64px); font-weight:500; letter-spacing:-.05em; line-height:1; color:var(--blue); font-variant-numeric:tabular-nums; }
.saved-head span { font-size:16px; color:#5f6c63; }
.saved-sub { margin:10px 0 0; font-size:15px; color:#5f6c63; }
.saved-reps { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 6px; }
.saved-rep { display:inline-flex; align-items:center; gap:8px; padding:6px 10px 6px 6px; border-radius:999px; font-size:13px; background:rgba(255,255,255,.7); border:1px solid rgba(21,32,28,.08); font-variant-numeric:tabular-nums; }
.saved-rep i { width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font:500 11px var(--mono); font-style:normal; background:#e6edff; color:var(--blue); }
.saved-rep b { font-weight:500; color:var(--blue); }
.saved-rep--more { padding-left:10px; color:#5f6c63; }
.saved-chart { position:relative; margin-top:14px; cursor:crosshair; }
.saved-chart svg { display:block; width:100%; height:auto; overflow:visible; }
.saved-grid { stroke:rgba(21,32,28,.08); stroke-width:1; }
.saved-axis { font:11px var(--mono); fill:#5f6c63; }
.saved-area { fill:rgba(36,91,255,.12); }
.saved-line { fill:none; stroke:var(--blue); stroke-width:2; stroke-linejoin:round; stroke-linecap:round; }
.saved-dot { fill:var(--blue); stroke:#fff; stroke-width:2.5; }
.saved-cross { stroke:rgba(21,32,28,.35); stroke-width:1; stroke-dasharray:3 3; }
.saved-fte { stroke:#2f9a5b; stroke-width:1.2; stroke-dasharray:4 4; }
.saved-fte-label { font:11px var(--mono); fill:#2f7a4b; }
.saved-tip { position:absolute; transform:translate(-50%,-100%); padding:8px 10px; border-radius:10px; font-size:13px; line-height:1.35; white-space:nowrap; pointer-events:none; color:var(--ink);
  background:rgba(255,255,255,.85); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.9); box-shadow:0 8px 24px rgba(21,32,28,.12); font-variant-numeric:tabular-nums; }
.saved-tip b { display:block; font:500 11px var(--mono); color:#5f6c63; }
.flux-home .flux-stage { min-height:0; }
.hero-visual .visual-overline { margin-bottom:10px; }

/* ---------- Glass: soft light behind frosted surfaces ---------- */
.flux-home { background:#f3f5f1; }
.flux-home::before { content:""; position:fixed; inset:-10vh -10vw; z-index:-1; pointer-events:none;
  background:
    radial-gradient(42vw 42vw at 88% 6%, rgba(122,155,255,.28), transparent 70%),
    radial-gradient(38vw 38vw at 4% 38%, rgba(143,196,160,.26), transparent 70%),
    radial-gradient(40vw 40vw at 76% 78%, rgba(160,178,255,.22), transparent 70%),
    radial-gradient(36vw 36vw at 18% 96%, rgba(196,222,190,.3), transparent 70%); }
.flux-home .flux-hero, .flux-home #week, .flux-home .flux-systems, .flux-home .why, .flux-home #proof { background:rgba(241,245,239,.42); }
.flux-home section + section { border-top-color:rgba(21,32,28,.06); }
.flux-nav, .flux-home .flux-hero, .flux-home .panel, .flux-home .week-card, .flux-home .saved-card, .flux-home .system-card,
.flux-home .spec, .flux-home .run, .flux-drawer, .flux-home .pricing-note--page {
  background:rgba(255,255,255,.52); -webkit-backdrop-filter:blur(24px) saturate(170%); backdrop-filter:blur(24px) saturate(170%);
  border:1px solid rgba(255,255,255,.78); box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 14px 44px rgba(21,32,28,.07); }
.flux-nav { background:rgba(255,255,255,.62); }
.flux-nav.is-scrolled { box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 12px 36px rgba(21,32,28,.1); border-color:rgba(255,255,255,.85); }
.flux-home .flux-hero { border-radius:28px; }
.flux-home .panel, .flux-home .week-card, .flux-home .saved-card, .flux-home .spec, .flux-home .run { border-radius:22px; }
.flux-home .system-card { border-radius:22px; background:rgba(255,255,255,.5); }
.flux-home .system-card:hover { background:rgba(255,255,255,.72); border-color:rgba(157,180,255,.9); }
.flux-home .panel-grid>div:last-child { background:rgba(237,242,233,.45); }
.flux-home .run-agents { background:rgba(240,244,238,.5); }
.flux-home .field input, .flux-home .field select, .flux-home .field textarea, .flux-home .q-input { background:rgba(255,255,255,.7); border-color:rgba(21,32,28,.12); }
.flux-home .funnel { border-color:rgba(21,32,28,.08); background:rgba(255,255,255,.4); }
.flux-home .funnel .is-meetings { background:rgba(230,237,255,.75); }
.flux-home .pricing-note--page { padding:30px; border-radius:22px; }
.term { background:rgba(12,18,15,.88); -webkit-backdrop-filter:blur(20px) saturate(140%); backdrop-filter:blur(20px) saturate(140%); border-color:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 50px rgba(12,18,15,.22); border-radius:18px; }
.term-bar { background:rgba(255,255,255,.03); border-bottom-color:rgba(255,255,255,.06); }
.term-dots i:nth-child(1) { background:#ff5f57; } .term-dots i:nth-child(2) { background:#febc2e; } .term-dots i:nth-child(3) { background:#28c840; }
.flux-home .cta { background:linear-gradient(135deg,#2f66ff 0%,#1f4fe0 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 24px 60px rgba(36,91,255,.28); border-radius:28px; }
.flux-button { box-shadow:inset 0 1px 0 rgba(255,255,255,.25), 0 6px 18px rgba(36,91,255,.22); }
.nav-button { box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .flux-nav, .flux-home .panel, .flux-home .week-card, .flux-home .saved-card, .flux-home .system-card, .flux-home .spec, .flux-home .run { background:rgba(255,255,255,.94); }
}
@media (max-width:550px) { .flux-home .saved-card { padding:22px; } .saved-rep { font-size:12px; } }
@media (prefers-reduced-motion:reduce) { .motion-ready [data-reveal]:not(.is-visible) { opacity:1; transform:none; filter:none; } }

/* ---------- Everything a size smaller ---------- */
.flux-home h2 { font-size:clamp(30px,3.5vw,52px); }
.flux-home .scroll-statement { font-size:clamp(32px,4.4vw,64px); }
.flux-home .system-card h3, .system-grid--three .system-card h3 { font-size:22px; }
.flux-home .mini-visual { height:140px; margin:6px 0 20px; }

/* ---------- Hero fits the first screen ---------- */
.flux-home .flux-hero:not(.flux-hero--page) { min-height:calc(100svh - 104px); display:flex; flex-direction:column; padding:18px 24px 0; }
.flux-home .flux-hero:not(.flux-hero--page) .flux-hero-grid { flex:1; width:100%; padding:clamp(12px,3vh,40px) 0; align-items:center; gap:clamp(20px,3vw,48px); }
.flux-home .flux-hero:not(.flux-hero--page) h1 { font-size:clamp(34px,min(4.6vw,8.2vh),68px); }
.flux-home .flux-hero:not(.flux-hero--page) .hero-description { font-size:16px; margin-top:clamp(14px,2.4vh,24px); max-width:440px; }
.flux-home .flux-hero:not(.flux-hero--page) .flux-hero-actions { margin-top:clamp(16px,2.6vh,28px); }
.flux-home .flux-hero:not(.flux-hero--page) .founder-note { margin-top:clamp(14px,2.6vh,30px); }
.flux-home .flux-hero:not(.flux-hero--page) .flux-hero-copy .eyebrow { margin-bottom:clamp(12px,2vh,22px); }
.flux-home .flux-hero:not(.flux-hero--page) .hero-bottomline { padding:14px 0; }
.hero-visual { padding:4px 0 0; }
.hero-visual .visual-overline { margin-bottom:4px; }
.hero-term { margin-top:10px; }
.hero-controls { margin-top:2px; }
.flux-hero--page h1 { font-size:clamp(32px,3.2vw,50px); }

/* ---------- Scroll scenes: each section is a large card ---------- */
.has-scenes main { padding-bottom:6vh; }
.scene { position:relative; padding:0 clamp(8px,1.6vw,24px); }
.scene-card { position:sticky; max-width:1400px; margin:0 auto; border-radius:36px; transform-origin:50% 30%; will-change:transform, opacity;
  background:rgba(250,251,249,.86); border:1px solid rgba(255,255,255,.85); box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 30px 80px rgba(21,32,28,.10); overflow:hidden; }
.scene-card::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; background:#0b1a3a; opacity:var(--scene-dim,0); }
.flux-home .scene-card { padding:clamp(34px,5vh,64px) 0; }
.flux-home .scene-card.closing-section, .flux-home .scene-card#book { background:none; border:0; box-shadow:none; padding:0; overflow:visible; }
.flux-home .scene-card.closing-section::after, .flux-home .scene-card#book::after { display:none; }
.has-scenes .flux-hero:not(.flux-hero--page) { margin-bottom:10vh; } .has-scenes .flux-hero--page { margin-bottom:8vh; }
@media (max-width:700px) { .scene-card { border-radius:24px; } .flux-home .scene-card { padding:44px 0; } }

/* ---------- Deep blue ---------- */
.flux-home .card--blue { background:linear-gradient(150deg,#2d61ff 0%,#1d44dc 50%,#1633b4 100%); color:#fff; border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 30px 80px rgba(29,68,220,.28); }
.card--blue .eyebrow, .card--blue .systems-heading .eyebrow { color:#c7d5ff; }
.card--blue h2, .card--blue h3 { color:#fff; }
.card--blue .section-lede, .card--blue .systems-heading>p { color:rgba(255,255,255,.8); }
.card--blue .step { border-top-color:rgba(255,255,255,.28); }
.card--blue .step:first-child { border-top-color:#fff; }
.flux-home .card--blue .step .n { background:rgba(255,255,255,.16); color:#fff; }
.flux-home .card--blue .step .dur, .flux-home .card--blue .step p { color:rgba(255,255,255,.78); }
.card--blue .pricing-note { border-top-color:rgba(255,255,255,.22); }
.card--blue .pricing-rows b { color:#fff; }
.card--blue .pricing-rows p { color:rgba(255,255,255,.78); }
.flux-home .card--blue .pricing-note--page { background:none; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; padding:0; }
.flux-home .card--blue .system-card { background:rgba(255,255,255,.93); color:var(--ink); border-color:rgba(255,255,255,.6); }
.flux-home .card--blue .system-card h3 { color:var(--ink); }
.flux-home .card--blue .system-card:hover { background:#fff; }
.flux-footer { background:linear-gradient(160deg,#1f49e6 0%,#1633b4 60%,#102a8f 100%); color:#fff; margin-top:8vh; }
.flux-footer .footer-top { border-top:0; }
.flux-footer .footer-top p, .flux-footer .footer-links, .flux-footer .footer-bottom { color:rgba(255,255,255,.72); }
.flux-footer .footer-links nav, .flux-footer .footer-links nav a, .flux-footer .footer-email, .flux-footer a { color:#fff; }
.flux-footer .flux-wordmark, .flux-footer .footer-wordmark { color:#fff; }
.flux-footer .footer-wordmark i { color:rgba(255,255,255,.18); }
.flux-footer .footer-bottom { border-top-color:rgba(255,255,255,.18); }
.flux-footer .footer-links a:hover { color:#c7d5ff; }

/* ---------- Service terminals with a tool rail ---------- */
.term-wrap { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:14px; align-items:start; }
.term-wrap .term-body { height:clamp(300px,46vh,420px); font-size:12.5px; }
.term-rail { display:flex; flex-direction:column; gap:8px; padding-top:4px; }
.rail-tool { display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:12px; font-size:13px; opacity:0; transform:translateX(-10px);
  background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.9);
  box-shadow:0 6px 18px rgba(21,32,28,.07); transition:opacity .35s ease, transform .35s ease, border-color .3s ease, box-shadow .3s ease; }
.rail-tool img { width:22px; height:22px; object-fit:contain; flex:none; }
.rail-tool b { font-weight:500; }
.rail-tool.is-in { opacity:1; transform:none; }
.rail-tool.is-active { border-color:#9db4ff; box-shadow:0 0 0 3px #245bff1f, 0 8px 22px #245bff22; }
.rail-tool.is-active b { color:var(--blue); }
@media (max-width:900px) { .term-wrap { grid-template-columns:1fr; } .term-rail { flex-direction:row; flex-wrap:wrap; order:-1; min-height:40px; } .rail-tool { transform:translateY(6px); } }
@media (max-width:550px) { .term-wrap .term-body { height:300px; font-size:11.5px; } .rail-tool { font-size:12px; padding:6px 8px; } .rail-tool img { width:18px; height:18px; } }

.saved-wage { margin-left:auto; font-size:16px; font-weight:500; color:var(--blue); font-variant-numeric:tabular-nums; }
@media (prefers-reduced-motion:reduce) { .rail-tool { opacity:1; transform:none; } }

.term-pause { margin-left:auto; min-height:28px; padding:0 4px; border:0; background:none; color:#8a978f; font:12px var(--mono); cursor:pointer; }
.term-pause:hover { color:#fff; }
.term-pause:focus-visible { outline:2px solid #7a9bff; outline-offset:2px; border-radius:4px; }
.hero-term .term-body { height:clamp(80px,13vh,150px); }
.hero-term .term-bar { padding:8px 14px; }
@media (max-height:760px) and (min-width:851px) {
  .flux-home .flux-hero:not(.flux-hero--page) .hero-topline { display:none; }
  .flux-home .flux-hero:not(.flux-hero--page) .hero-bottomline { padding:10px 0; }
  .flux-home .flux-hero:not(.flux-hero--page) .founder-note { margin-top:12px; }
}

.flux-nav { transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .3s, border-color .3s, background .3s; }
.flux-nav.is-hidden { transform:translateY(calc(-100% - 30px)); }
.flux-nav:focus-within { transform:none; }
.card--blue .system-card .eyebrow { color:#5f6c63; }

/* /book: inline Cal.com booker */
.book-page .flux-hero--single .flux-hero-grid { padding:clamp(32px,6vh,64px) 22px 24px; }
.booker { margin:0 22px 26px; padding:10px; border-radius:24px; background:rgba(255,255,255,.62); -webkit-backdrop-filter:blur(24px) saturate(170%); backdrop-filter:blur(24px) saturate(170%);
  border:1px solid rgba(255,255,255,.85); box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 14px 44px rgba(21,32,28,.08); }
.booker-embed { min-height:520px; width:100%; border-radius:16px; overflow:hidden; position:relative; }
.booker:not(.is-ready) .booker-embed::before { content:'Loading calendar…'; position:absolute; inset:0; display:grid; place-items:center; font:500 12px/1 'IBM Plex Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:#6b746f; }
.booker.is-ready .booker-fallback { display:none; }
.booker-fallback { margin:10px 8px 2px; font-size:13px; color:#6b746f; }
.booker-fallback a { color:#2d61ff; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:600px) { .booker { margin:0 10px 16px; padding:4px; border-radius:20px; } .booker-embed { min-height:640px; } }
@media (min-width:1200px) {
  .book-page #book { display:grid; grid-template-columns:minmax(300px,380px) minmax(0,1fr); align-items:center; gap:8px; min-height:calc(100svh - 104px); }
  .book-page #book .flux-hero-grid { padding:40px 12px 40px 34px; }
  .book-page #book .booker { margin:22px 22px 22px 0; }
  .book-page #book h1 { font-size:clamp(34px,3vw,46px); }
}

/* 04 offers: six cards, 3 x 2 on desktop */
.flux-home .system-grid--six .mini-visual { height:118px; margin:4px 0 16px; }
.flux-home .system-grid--six .system-card>p { margin:12px 0 22px; }
.system-grid--six .system-tools { flex-wrap:wrap; gap:6px 11px; }
.brief-cal { display:grid; place-items:center; width:52px; height:52px; border-radius:12px; background:var(--blue); color:#fff; font:500 13px/1 var(--mono); box-shadow:0 0 0 6px #245bff0c; transform:rotate(-5deg); transition:transform .4s; }
.brief-cal em { font-style:normal; font-size:8px; letter-spacing:.1em; opacity:.8; margin-bottom:-12px; }
.mini-brief { width:132px; }
.system-card:hover .brief-cal { transform:translateX(10px) rotate(4deg); }
.mini-post { width:170px; padding:12px; background:#fff; border:1px solid #d1ddd0; border-radius:8px; transform:rotate(-4deg); box-shadow:3px 5px 0 #e4ebe2; }
.mini-post>i { display:block; height:3px; background:#e6ece4; margin-bottom:7px; width:90%; }
.mini-post>i+i { width:60%; }
.mini-faces { display:flex; gap:5px; margin-top:12px; }
.mini-faces b { width:16px; height:16px; border-radius:50%; background:#e3e9e1; border:1px solid #d1ddd0; transition:transform .35s, background .35s; }
.mini-faces b.is-fit { background:var(--blue); border-color:var(--blue); box-shadow:0 0 0 3px #245bff18; }
.system-card:hover .mini-faces b.is-fit { transform:translateY(-4px); }
.engager-visual .mini-post { margin-top:-22px; }
.engager-visual .signal-tag { bottom:6px; right:6%; }
.engager-visual .signal-tag i { color:var(--blue); }
.mini-bars { display:flex; align-items:flex-end; gap:9px; height:74px; margin-bottom:18px; }
.mini-bars i { width:16px; border-radius:4px 4px 0 0; background:#dbe3ff; transition:height .5s; }
.mini-bars i:nth-child(1) { height:30%; } .mini-bars i:nth-child(2) { height:42%; } .mini-bars i:nth-child(3) { height:38%; }
.mini-bars i:nth-child(4) { height:58%; } .mini-bars i:nth-child(5) { height:70%; } .mini-bars i:nth-child(6) { height:88%; background:var(--blue); }
.system-card:hover .mini-bars i:nth-child(6) { height:100%; }
.report-visual .custom-tag { bottom:8px; }

/* Service pages: "Everything from … to booked call" schematic */
.included-fx .split { align-items:start; }
.included-fx .split > div:first-child { position:sticky; top:110px; }
.sx { position:relative; width:min(100%,340px); margin-top:34px; }
.sx-svg { display:block; width:100%; height:auto; overflow:visible; }
.sx-ticks line { stroke:#c5d2c6; stroke-width:1; }
.sx-orbit { fill:none; stroke:#dbe3d8; stroke-dasharray:2 6; }
.sx-cross { stroke:#e3e9e1; stroke-width:1; }
.sx-spin rect { fill:none; stroke:#c9d6ff; stroke-width:1; }
.sx-spin { transform-origin:150px 150px; }
.sx-spin--a { animation:sx-spin 26s linear infinite; }
.sx-spin--b { animation:sx-spin 18s linear infinite reverse; }
@keyframes sx-spin { to { transform:rotate(360deg); } }
.sx-frame { fill:rgba(36,91,255,.03); stroke:#d3dcd2; stroke-width:1.2; }
.sx-trace { fill:none; stroke:var(--blue); stroke-width:2.4; stroke-linejoin:round; transition:stroke-dashoffset .35s ease-out; }
.sx-spoke { transform-origin:150px 150px; transition:transform .7s cubic-bezier(.3,1.3,.5,1); }
.sx-spoke line { stroke:var(--blue); stroke-width:1.4; stroke-dasharray:3 4; }
.sx-spoke circle { fill:var(--blue); }
.sx-node circle { fill:#fff; stroke:#b9c6bb; stroke-width:1.5; transition:fill .3s, stroke .3s; }
.sx-node .sx-diamond { fill:none; stroke:var(--blue); stroke-width:1.2; opacity:0; transform-box:fill-box; transform-origin:center; transition:opacity .3s, transform .5s; }
.sx-node.is-on circle { fill:var(--blue); stroke:var(--blue); }
.sx-node.is-current .sx-diamond { opacity:1; animation:sx-pulse 1.6s ease-in-out infinite; }
@keyframes sx-pulse { 50% { transform:rotate(45deg) scale(1.35); opacity:.35; } }
.sx-readout { position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); display:grid; justify-items:center; gap:4px; text-align:center; pointer-events:none; }
.sx-count { font:500 30px/1 var(--mono); color:var(--ink); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.sx-count i { font-style:normal; font-size:13px; color:#98a69b; margin-left:2px; }
.sx-name { max-width:120px; font:11px/1.3 var(--mono); letter-spacing:.06em; text-transform:uppercase; color:var(--blue); min-height:2.6em; }
.included-fx .row { position:relative; transition:background .4s; }
.included-fx .row::before { content:''; position:absolute; left:0; right:0; top:-1px; height:1px; background:var(--blue); transform:scaleX(0); transform-origin:left; opacity:.9; }
.included-fx .row.is-visible::before { animation:sx-sweep 1.4s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms) both; }
@keyframes sx-sweep { 0% { transform:scaleX(0); opacity:.9; } 60% { transform:scaleX(1); opacity:.9; } 100% { transform:scaleX(1); opacity:0; } }
.included-fx .row::after { content:''; position:absolute; left:-18px; top:27px; width:7px; height:7px; border:1.2px solid var(--blue); transform:rotate(45deg) scale(0); transition:transform .35s cubic-bezier(.3,1.4,.5,1); }
.included-fx .row.is-active::after { transform:rotate(45deg) scale(1); }
.row-idx { display:inline-block; margin-right:10px; padding:2px 5px; font:11px/1.2 var(--mono); color:#98a69b; border:1px solid #d5ded4; border-radius:3px; vertical-align:2px; transition:color .3s, border-color .3s, background .3s; }
.included-fx .row.is-active h3 { color:var(--blue); }
.included-fx .row.is-active .row-idx { color:#fff; background:var(--blue); border-color:var(--blue); }
@media (max-width:900px) {
  .included-fx .split > div:first-child { position:static; }
  .sx { display:none; }
  .included-fx .row::after { left:-12px; }
}
@media (prefers-reduced-motion:reduce) { .sx-spin--a, .sx-spin--b, .sx-node.is-current .sx-diamond { animation:none; } .included-fx .row.is-visible::before { animation:none; } }
.sx-readout::before { content:''; position:absolute; left:50%; top:50%; width:92px; height:92px; margin:-46px 0 0 -46px; border-radius:50%; background:var(--bg); box-shadow:0 0 0 1px #e3e9e1; z-index:-1; }
.sx-readout { z-index:0; }

/* Home hero, centred (Otel-style): copy on top with room either side, the live stack below */
.flux-home .flux-hero.flux-hero--center { display:block; min-height:0; padding:clamp(36px,6.5vh,80px) clamp(20px,4vw,56px) 0; text-align:center; }
.hero-copy-center { max-width:760px; margin:0 auto; display:flex; flex-direction:column; align-items:center; }
.hero-copy-center .eyebrow { margin:0 0 20px; font-size:11px; }
.flux-home .flux-hero.flux-hero--center h1 { font-size:clamp(38px,min(4.6vw,7.4vh),64px); line-height:1.04; letter-spacing:-.055em; }
.flux-home .flux-hero.flux-hero--center .hero-description { max-width:560px; margin:22px auto 0; font-size:17px; line-height:1.6; }
.flux-home .flux-hero.flux-hero--center .flux-hero-actions { justify-content:center; margin-top:28px; }
.flux-home .flux-hero.flux-hero--center .founder-note { justify-content:center; margin-top:22px; text-align:left; }
.hero-stage { max-width:1180px; margin:clamp(30px,5vh,52px) auto 0; padding:18px 18px 0; text-align:left; border:1px solid rgba(255,255,255,.85); border-bottom:0; border-radius:22px 22px 0 0;
  background:rgba(255,255,255,.55); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 -10px 40px rgba(21,32,28,.05); }
.hero-stage .visual-overline { margin:0 6px 10px; }
.hero-stage-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:18px; align-items:stretch; padding-bottom:18px; }
.hero-stage .hero-term { margin:0; display:flex; flex-direction:column; min-height:0; align-self:stretch; }
.hero-stage .hero-term .term-body { flex:1 1 0; height:0; min-height:0; overflow:hidden; }
.hero-stage-grid > .flux-stage { min-height:300px; }
@media (max-width:900px) {
  .hero-stage-grid { grid-template-columns:1fr; }
  .hero-stage .hero-term .term-body { flex:none; height:220px; }
}
@media (max-width:550px) {
  .flux-home .flux-hero.flux-hero--center { padding:40px 16px 0; }
  .flux-home .flux-hero.flux-hero--center .hero-description { font-size:16px; }
  .hero-stage { padding:12px 10px 0; border-radius:18px 18px 0 0; }
}

/* Secondary pill beside the main button ("Skip to booking") */
.pill-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 28px; border-radius:100px; font-size:14px; font-weight:500; color:var(--ink); text-decoration:none;
  background:rgba(255,255,255,.6); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid rgba(36,91,255,.35); box-shadow:inset 0 1px 0 rgba(255,255,255,.9); transition:transform .3s, background .3s, border-color .3s; }
.pill-button:hover { transform:translateY(-2px); background:#fff; border-color:var(--blue); color:var(--blue); }
.flux-home .flux-hero.flux-hero--center .flux-hero-actions { gap:12px; }

/* Hero stage as a dark console: hub and terminal share one surface */
.hero-stage { background:radial-gradient(ellipse 60% 70% at 32% 45%, rgba(36,91,255,.22), transparent 70%), linear-gradient(180deg,#101815,#0b110f);
  border:1px solid rgba(255,255,255,.08); border-bottom:0; -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:0 -20px 60px rgba(13,20,17,.12), inset 0 1px 0 rgba(255,255,255,.06); }
.hero-stage .visual-overline { color:#8c9a92; }
.hero-stage .visual-overline .blue-dot { background:#5b86ff; box-shadow:0 0 8px #5b86ff; }
.hero-stage .hero-term { background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.08); box-shadow:none; }

/* "Time handed back" card as a dark console, matching the hero stage */
.flux-home .saved-card { position:relative; overflow:hidden; color:#e8eeea; border:1px solid rgba(255,255,255,.08);
  background:radial-gradient(ellipse 70% 60% at 85% 100%, rgba(36,91,255,.28), transparent 70%), radial-gradient(ellipse 50% 40% at 10% 0%, rgba(126,226,168,.08), transparent 70%), linear-gradient(180deg,#101815,#0b110f);
  -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:0 24px 60px rgba(13,20,17,.18), inset 0 1px 0 rgba(255,255,255,.06); }
.flux-home .saved-card::before { content:''; position:absolute; inset:0; pointer-events:none; background-image:radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.2px); background-size:18px 18px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 40%); mask-image:linear-gradient(180deg,transparent,#000 40%); }
.flux-home .saved-card > * { position:relative; }
.flux-home .saved-card .week-label, .flux-home .saved-card > p:first-child { color:#8c9a92; }
.flux-home .saved-card .saved-total { background:linear-gradient(180deg,#ffffff 10%,#8fb0ff 95%); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 0 18px rgba(91,134,255,.45)); }
.flux-home .saved-card .saved-head span { color:#8c9a92; }
.flux-home .saved-card .saved-head .saved-wage { color:#7ee2a8; font-family:var(--mono); font-size:14px; padding:6px 12px; border-radius:999px; background:rgba(126,226,168,.08); border:1px solid rgba(126,226,168,.25); }
.flux-home .saved-card .saved-sub { color:#8c9a92; }
.flux-home .saved-card .saved-rep { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); color:#cfd8d3; }
.flux-home .saved-card .saved-rep i { background:transparent; border:1px solid rgba(91,134,255,.6); border-radius:6px; color:#9db4ff; }
.flux-home .saved-card .saved-rep b { color:#9db4ff; }
.flux-home .saved-card .saved-rep--more { color:#8c9a92; }
.flux-home .saved-card .saved-grid { stroke:rgba(255,255,255,.07); stroke-dasharray:2 5; }
.flux-home .saved-card .saved-axis { fill:#6f7d76; }
.flux-home .saved-card .saved-area { fill:url(#sv-area); }
.flux-home .saved-card .saved-line { stroke:url(#sv-line); stroke-width:2.4; filter:url(#sv-glow); }
.flux-home .saved-card .saved-dot { fill:#fff; stroke:#5b86ff; stroke-width:2.5; filter:drop-shadow(0 0 6px rgba(91,134,255,.95)); }
.saved-pulse { fill:none; stroke:#5b86ff; stroke-width:1.5; transform-box:fill-box; transform-origin:center; animation:sv-pulse 1.8s ease-out infinite; }
@keyframes sv-pulse { from { transform:scale(1); opacity:.9; } to { transform:scale(4); opacity:0; } }
.flux-home .saved-card .saved-fte { stroke:#7ee2a8; stroke-width:1.2; stroke-dasharray:3 5; filter:drop-shadow(0 0 3px rgba(126,226,168,.7)); }
.flux-home .saved-card .saved-fte-label { fill:#7ee2a8; }
.flux-home .saved-card .saved-cross { stroke:rgba(157,180,255,.5); }
.flux-home .saved-card .saved-tip { color:#e8eeea; background:rgba(16,24,21,.92); border:1px solid rgba(255,255,255,.12); box-shadow:0 8px 24px rgba(0,0,0,.4); }
.flux-home .saved-card .saved-tip b { color:#8c9a92; }
.flux-home .saved-card .fine, .flux-home .saved-card p:last-child { color:#76847d; }
@media (prefers-reduced-motion:reduce) { .saved-pulse { animation:none; opacity:0; } }

/* Stage as a complete floating card, not a panel cut off at the hero's edge */
.flux-home .flux-hero.flux-hero--center { padding-bottom:clamp(28px,5vh,56px); }
.hero-stage { border-bottom:1px solid rgba(255,255,255,.08); border-radius:24px;
  box-shadow:0 30px 80px -20px rgba(13,20,17,.45), 0 0 0 1px rgba(13,20,17,.06), inset 0 1px 0 rgba(255,255,255,.07); }
.hero-stage-grid { padding-bottom:18px; }
/* Older terminal lines dissolve at the top instead of being sliced mid-line */
.hero-stage .hero-term .term-body { -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 38px); mask-image:linear-gradient(180deg,transparent 0,#000 38px); }
@media (max-width:550px) { .hero-stage { border-radius:18px; } }

/* Typing animations (typer.js) */
.tw-caret { display:inline-block; width:.55em; height:1em; margin-left:2px; vertical-align:-.12em; background:currentColor; opacity:.75; animation:tw-blink 1s steps(2) infinite; }
.is-typed .tw-caret { display:none; }
@keyframes tw-blink { 50% { opacity:0; } }
.tw-word { display:inline-block; text-align:left; white-space:nowrap; }
.tw-word .tw-caret { width:3px; height:.82em; margin-left:4px; vertical-align:-.04em; border-radius:2px; opacity:1; background:var(--blue); }

/* The original footer wordmark geometry, with independent letter and mark groups. */
.footer-wordmark .footer-logo-motion { display:block; flex:none; align-self:center; width:2.03em; height:auto; overflow:visible; }
.footer-logo-sheen { opacity:0; pointer-events:none; }
@media(prefers-reduced-motion:reduce) { .footer-logo-sheen { display:none; } }