/* Kinetic Biological Glass System — calm motion, accessibility and conversion first */
:root{
  --bio-night:#080b12;--bio-ink:#101620;--bio-paper:#f4f3ef;--bio-white:#fff;
  --bio-platinum:#d8dde5;--bio-violet:#755ba6;--bio-amethyst:#a88bd4;
  --bio-gold:#b8924d;--bio-aqua:#6a9697;--bio-moss:#738a72;
  --bio-glass:rgba(255,255,255,.56);--bio-glass-dark:rgba(10,14,22,.66);
  --bio-line:rgba(255,255,255,.42);--bio-shadow:0 24px 80px rgba(8,12,20,.14);
  --bio-breath:8s;--bio-pulse:5.8s;--bio-blur:22px;--pointer-x:50%;--pointer-y:35%;
}
html{background:var(--bio-night)}
body.kinetic-ready{position:relative;isolation:isolate;overflow-x:hidden;background:
  radial-gradient(circle at 12% 5%,rgba(117,91,166,.13),transparent 38%),
  radial-gradient(circle at 88% 30%,rgba(106,150,151,.10),transparent 34%),var(--paper)}
body.kinetic-ready:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:
  radial-gradient(620px circle at var(--pointer-x) var(--pointer-y),rgba(168,139,212,.13),transparent 62%),
  linear-gradient(118deg,rgba(255,255,255,.06),transparent 42%)}
#bio-field{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.58;filter:saturate(.82)}
.bio-grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}

/* Circadian palettes */
body[data-circadian="dawn"]{--bio-glass:rgba(255,249,240,.63);--paper:#f7f2e9;--gold:#a98548}
body[data-circadian="day"]{--bio-glass:rgba(255,255,255,.62);--paper:#f5f5f2}
body[data-circadian="dusk"]{--bio-glass:rgba(246,239,248,.57);--paper:#f1edf3;--gold:#9b7942}
body[data-circadian="night"]{--paper:#0b1019;--ink:#eef1f6;--muted:#aeb6c4;--line:rgba(255,255,255,.13);--bio-glass:rgba(14,20,31,.66);color:#eef1f6}
body[data-circadian="night"] .nav{background:rgba(8,12,19,.78);border-color:rgba(255,255,255,.1)}
body[data-circadian="night"] .brand span,body[data-circadian="night"] .lede,body[data-circadian="night"] .microproof,body[data-circadian="night"] .form-note{color:#b4bdcb}
body[data-circadian="night"] .card,body[data-circadian="night"] .resource-card,body[data-circadian="night"] .price-card,body[data-circadian="night"] .bri-form,body[data-circadian="night"] .bri-visual,body[data-circadian="night"] .bri-result,body[data-circadian="night"] .state-card,body[data-circadian="night"] .glass-panel{background:rgba(14,20,31,.70);border-color:rgba(255,255,255,.13);color:#eef1f6}
body[data-circadian="night"] input,body[data-circadian="night"] select,body[data-circadian="night"] textarea{background:rgba(255,255,255,.075)!important;color:#eef1f6!important;border-color:rgba(255,255,255,.18)!important}
body[data-circadian="night"] option{background:#0b1019;color:#fff}

/* Glass architecture */
.kinetic-ready .card,.kinetic-ready .resource-card,.kinetic-ready .price-card,.kinetic-ready .portrait-card,
.kinetic-ready .bri-form,.kinetic-ready .bri-visual,.kinetic-ready .bri-result,.glass-panel,.state-card,.rhythm-console{
  position:relative;overflow:hidden;background:var(--bio-glass);border:1px solid rgba(255,255,255,.55);
  box-shadow:var(--bio-shadow),inset 0 1px 0 rgba(255,255,255,.64);backdrop-filter:blur(var(--bio-blur)) saturate(125%);-webkit-backdrop-filter:blur(var(--bio-blur)) saturate(125%);
  border-radius:22px;transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease,background .45s ease
}
.kinetic-ready .card:before,.kinetic-ready .resource-card:before,.kinetic-ready .price-card:before,.glass-panel:before,.state-card:before,.rhythm-console:before{
  content:"";position:absolute;inset:-120% -25%;pointer-events:none;background:linear-gradient(112deg,transparent 43%,rgba(255,255,255,.34) 50%,transparent 57%);transform:translateX(-50%) rotate(9deg);animation:bioRefraction 18s ease-in-out infinite
}
.kinetic-ready .card:hover,.kinetic-ready .resource-card:hover,.kinetic-ready .price-card:hover,.state-card:hover{transform:translateY(-5px);box-shadow:0 30px 90px rgba(8,12,20,.18),inset 0 1px 0 rgba(255,255,255,.75);border-color:rgba(184,146,77,.48)}
@keyframes bioRefraction{0%,62%,100%{transform:translateX(-58%) rotate(9deg)}76%{transform:translateX(55%) rotate(9deg)}}

.nav{background:rgba(247,245,239,.72)!important;backdrop-filter:blur(24px) saturate(130%)!important;-webkit-backdrop-filter:blur(24px) saturate(130%)!important;transition:background .4s ease,transform .4s ease}.nav.scrolled{box-shadow:0 12px 50px rgba(8,12,20,.08)}
.nav-inner{min-height:76px}.brand strong{letter-spacing:-.02em}.brand span{letter-spacing:.19em}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:linear-gradient(90deg,var(--bio-violet),var(--bio-gold));transition:right .35s ease}.nav-links a:hover:after,.nav-links a.active:after{right:0}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn:before{content:"";position:absolute;inset:-50%;z-index:-1;background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.28),transparent 38%);transform:translateX(-35%);transition:transform .55s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(8,12,20,.14)}.btn:hover:before{transform:translateX(28%)}

/* Global kinetic controls */
.rhythm-controls{position:fixed;right:18px;top:96px;z-index:70;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.rhythm-controls>button,.rhythm-controls select{border:1px solid rgba(255,255,255,.62);background:rgba(255,255,255,.58);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(8,12,20,.1);color:#111827;border-radius:999px;padding:9px 13px;font:600 12px 'DM Sans',sans-serif;cursor:pointer}
body[data-circadian="night"] .rhythm-controls>button,body[data-circadian="night"] .rhythm-controls select{background:rgba(10,15,24,.7);color:#fff;border-color:rgba(255,255,255,.18)}
.rhythm-controls .control-group{display:none;gap:7px;align-items:center;padding:8px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.58);border-radius:18px;backdrop-filter:blur(18px)}.rhythm-controls.open .control-group{display:flex}.rhythm-controls label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--muted)}

/* Hero membrane */
.hero,.page-hero{position:relative}.hero:after,.page-hero:after{content:"";position:absolute;right:-14vw;top:12%;width:min(52vw,760px);aspect-ratio:1;border-radius:46% 54% 60% 40%/48% 42% 58% 52%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.38),rgba(117,91,166,.08) 40%,transparent 68%);filter:blur(1px);z-index:-1;animation:membrane var(--bio-breath) ease-in-out infinite;transform-origin:50% 50%}
@keyframes membrane{0%,100%{transform:scale(.97) rotate(-1.5deg);border-radius:46% 54% 60% 40%/48% 42% 58% 52%}50%{transform:scale(1.035) rotate(1deg);border-radius:52% 48% 42% 58%/42% 56% 44% 58%}}
.hero h1,.page-hero h1{text-wrap:balance}.hero .lede,.page-hero .lede{text-wrap:pretty}.portrait-card{padding:11px!important;border-radius:30px!important}.portrait-card img{border-radius:22px!important}.portrait-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.25);pointer-events:none}

/* State router */
.state-router{padding-top:38px}.state-router-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:32px;align-items:stretch}.state-list{display:grid;gap:12px}.state-card{padding:20px;text-align:left;border:1px solid rgba(255,255,255,.54);font:inherit;color:inherit;cursor:pointer}.state-card strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:1.24rem;margin-bottom:4px}.state-card span{font-size:.84rem;color:var(--muted)}.state-card[aria-pressed="true"]{border-color:rgba(117,91,166,.55);background:linear-gradient(135deg,rgba(117,91,166,.16),rgba(255,255,255,.62));transform:translateX(5px)}
.state-output{padding:38px;display:grid;align-content:center;min-height:430px}.state-output .pathway{display:inline-flex;width:max-content;border:1px solid rgba(184,146,77,.38);border-radius:999px;padding:7px 11px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--gold)}.state-output h3{font-size:clamp(1.8rem,3vw,3rem);margin-top:22px}.state-output ul{padding-left:19px}.state-output li{margin:10px 0}.state-wave{height:90px;width:100%;margin:20px 0}.state-wave path{fill:none;stroke:url(#stateGradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:8 9;animation:waveFlow 12s linear infinite}@keyframes waveFlow{to{stroke-dashoffset:-240}}

/* Circadian ribbon and rhythm wheel */
.circadian-ribbon{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;margin-top:26px;width:max-content;max-width:100%;border-radius:999px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.58);backdrop-filter:blur(18px)}.circadian-ribbon button{border:0;background:transparent;padding:7px 11px;border-radius:999px;font:700 12px 'DM Sans';color:var(--muted);cursor:pointer}.circadian-ribbon button.active{background:var(--ink);color:#fff}.circadian-ribbon .local-time{font:700 11px 'IBM Plex Mono','DM Sans';color:var(--gold);margin-left:4px}
.rhythm-wheel{position:relative;width:min(480px,90vw);aspect-ratio:1;margin:auto;display:grid;place-items:center}.rhythm-wheel:before,.rhythm-wheel:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(117,91,166,.26);inset:4%;animation:wheelBreath var(--bio-breath) ease-in-out infinite}.rhythm-wheel:after{inset:19%;border-color:rgba(184,146,77,.25);animation-delay:-2s}.rhythm-wheel-core{width:38%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:20px;background:rgba(10,14,22,.88);color:#fff;box-shadow:0 25px 80px rgba(8,12,20,.25);z-index:2}.rhythm-wheel-core strong{font-family:'Playfair Display';font-size:1.45rem}.rhythm-wheel-core span{font-size:.72rem;color:#cbd1da}.wheel-node{position:absolute;padding:10px 14px;border-radius:999px;background:var(--bio-glass);border:1px solid rgba(255,255,255,.58);box-shadow:0 10px 30px rgba(8,12,20,.09);font-size:.78rem;font-weight:800;backdrop-filter:blur(15px)}.wheel-node:nth-of-type(1){top:0;left:41%}.wheel-node:nth-of-type(2){top:18%;right:-3%}.wheel-node:nth-of-type(3){bottom:20%;right:-5%}.wheel-node:nth-of-type(4){bottom:0;left:42%}.wheel-node:nth-of-type(5){bottom:20%;left:-5%}.wheel-node:nth-of-type(6){top:18%;left:-4%}.wheel-node:nth-of-type(7){top:42%;left:38%}@keyframes wheelBreath{50%{transform:scale(1.025);box-shadow:0 0 90px rgba(117,91,166,.1)}}

/* Tap cadence */
.cadence-console{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:25px}.cadence-button{width:82px;height:82px;border-radius:50%;border:1px solid rgba(255,255,255,.56);background:linear-gradient(145deg,rgba(117,91,166,.88),rgba(64,80,105,.9));color:#fff;font:800 13px 'DM Sans';cursor:pointer;box-shadow:0 18px 50px rgba(117,91,166,.22);transition:transform .12s ease}.cadence-button:active{transform:scale(.92)}.cadence-meter{height:10px;border-radius:999px;background:rgba(117,91,166,.12);overflow:hidden}.cadence-meter i{display:block;height:100%;width:45%;border-radius:inherit;background:linear-gradient(90deg,var(--bio-violet),var(--bio-gold));transition:width .3s ease}.cadence-readout{text-align:right}.cadence-readout strong{display:block;font-size:2rem}.cadence-readout span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}

/* Premises, not promises */
.premise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.premise{padding:26px}.premise .num{font:700 .72rem 'IBM Plex Mono','DM Sans';letter-spacing:.12em;color:var(--gold)}.premise h3{margin-top:15px}.premise p{color:var(--muted)}

/* Enhanced assessment */
.bri-item{background:rgba(255,255,255,.52)!important;border-radius:15px!important}.bri-item input[type=range]{accent-color:var(--bio-violet)}.bri-visual{position:sticky;top:105px}.bri-visual svg{filter:drop-shadow(0 18px 35px rgba(117,91,166,.12))}.radar-shape{transition:points .55s ease;filter:drop-shadow(0 0 11px rgba(117,91,166,.25))}.rhythm-app{align-items:start}.rhythm-orbit{backdrop-filter:blur(6px)}

/* AI guide refinement */
.intelligence-guide{z-index:90!important}.guide-trigger{border:1px solid rgba(255,255,255,.62)!important;background:rgba(10,14,22,.86)!important;box-shadow:0 18px 55px rgba(8,12,20,.22)!important}.guide-panel{border-radius:22px!important;background:rgba(250,250,248,.88)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;box-shadow:0 35px 100px rgba(8,12,20,.22)!important}.guide-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.guide-suggestions button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.7);padding:7px 10px;font:600 11px 'DM Sans';cursor:pointer}

/* Conversion and mobile */
.mobile-action{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:75;padding:12px;border-radius:18px;background:rgba(10,14,22,.88);backdrop-filter:blur(18px);box-shadow:0 18px 55px rgba(8,12,20,.25)}.mobile-action .btn{width:100%}.trust-line{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.trust-line span{font-size:.75rem;font-weight:700;padding:7px 10px;border:1px solid rgba(117,91,166,.18);border-radius:999px;background:rgba(255,255,255,.38)}

/* Motion choices */
.motion-off #bio-field{display:none}.motion-off *,.motion-off *:before,.motion-off *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:after,.page-hero:after,.rhythm-orbit,.rhythm-wheel:before,.rhythm-wheel:after,.kinetic-ready .card:before,.state-wave path{animation:none!important}.kinetic-ready .card:hover,.state-card:hover{transform:none}}
@media(max-width:980px){.rhythm-controls{top:auto;right:12px;bottom:82px}.state-router-grid{grid-template-columns:1fr}.state-list{grid-template-columns:repeat(2,1fr)}.premise-grid{grid-template-columns:1fr 1fr}.bri-visual{position:relative;top:auto}.mobile-action{display:block}body{padding-bottom:72px}}
@media(max-width:680px){.state-list,.premise-grid{grid-template-columns:1fr}.state-output{padding:25px;min-height:360px}.cadence-console{grid-template-columns:1fr;text-align:center}.cadence-button{margin:auto}.cadence-readout{text-align:center}.rhythm-controls .control-group{max-width:calc(100vw - 36px);flex-wrap:wrap}.circadian-ribbon{border-radius:18px}.wheel-node{font-size:.66rem;padding:7px 9px}.rhythm-wheel-core strong{font-size:1.05rem}.hero:after,.page-hero:after{width:90vw;opacity:.6}}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.kinetic-ready .card,.glass-panel,.state-card,.rhythm-console,.rhythm-controls>button,.rhythm-controls .control-group{background:rgba(255,255,255,.94)}}
@media print{#bio-field,.bio-grain,.rhythm-controls,.intelligence-guide,.mobile-action,.nav,.footer{display:none!important}body{background:#fff!important;color:#000!important}.card,.glass-panel,.bri-form,.bri-visual,.bri-result{box-shadow:none!important;backdrop-filter:none!important;border:1px solid #bbb!important}}
/* Navigation compression and seven-node balance */
.nav-links{gap:16px!important}.nav-links a{font-size:.84rem!important;white-space:nowrap}.nav-cta{padding:12px 18px!important;font-size:.88rem!important}.brand span{font-size:.66rem!important}.wheel-node:nth-of-type(7){top:44%!important;left:auto!important;right:-6%!important}
/* Intrinsic sizing safeguards */
.hero-grid>*,.rhythm-hero-grid>*,.split>*,.state-router-grid>*{min-width:0}
@media(max-width:980px){.rhythm-controls{top:86px!important;right:10px!important;bottom:auto!important}.circadian-ribbon{width:100%!important;max-width:100%;justify-content:flex-start}.hero h1,.page-hero h1{overflow-wrap:break-word}}
@media(max-width:520px){.circadian-ribbon{padding:11px 12px;gap:4px}.circadian-ribbon button{padding:6px 8px;font-size:10px}.circadian-ribbon .eyebrow{width:100%;font-size:.66rem}.hero h1,.page-hero h1{font-size:clamp(2.35rem,11vw,3.2rem)}}
html,body{overflow-x:clip}

.ai-consent{display:flex;align-items:flex-start;gap:.55rem;margin:.65rem 0;color:var(--muted);font-size:.78rem;line-height:1.45}.ai-consent input{width:1rem;height:1rem;flex:0 0 auto;margin-top:.12rem;accent-color:var(--gold)}
