/* RelationshipsIQ — clean Folio III homepage
   Self-contained. No legacy dark theme, gradients, glow, or decorative icon system. */
:root{
  --page:#EBE8DE;
  --surface:#F8F6EE;
  --app-surface:#E0DCD1;
  --app-raised:#D7D2C5;
  --ink:#12161A;
  --muted:#585F66;
  --rule:rgba(18,22,26,.13);
  --rule-soft:rgba(18,22,26,.07);
  --hot:#1F364D;
  --warm:#3A4550;
  --cool:#707B85;
  --deep:#B2B9C0;
  --ghost:#D5D9DC;
  --sage:#7A5B3E;
  --plate:rgba(31,54,77,.25);
  --radius:3px;
  --gutter:clamp(1.25rem,5vw,4.5rem);
  --font-display:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --font-ui:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-data:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.75,.25,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;background:var(--page)}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
a{color:inherit}
img{max-width:100%;display:block}
.container,.home-shell{width:min(1320px,calc(100% - (var(--gutter) * 2)));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:1200;background:var(--surface);border:1px solid var(--rule);padding:.7rem 1rem}

.site-header{position:sticky;top:0;z-index:1000;background:rgba(235,232,222,.96);border-bottom:1px solid var(--rule);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav{min-height:74px;display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center}
.brand{display:inline-flex;align-items:center;gap:.72rem;text-decoration:none;color:var(--ink)}
.brand img{width:30px;height:30px}.brand span{font-size:1rem;letter-spacing:-.015em}.brand b{color:var(--hot);font-weight:650}
.nav-links{display:flex;justify-content:center;gap:clamp(.8rem,2vw,1.6rem);align-items:center}
.nav-links a{position:relative;text-decoration:none;color:var(--muted);font:500 .66rem/1 var(--font-data);text-transform:uppercase;letter-spacing:.1em;padding:.75rem 0;white-space:nowrap}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:.38rem;height:1px;background:var(--hot);transition:right .22s var(--ease)}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink)}.nav-links a:hover::after,.nav-links a:focus-visible::after{right:0}
.nav-actions{display:flex;gap:.55rem;align-items:center}.menu-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.72rem 1rem;border:1px solid var(--rule);border-radius:var(--radius);background:transparent;color:var(--ink);text-decoration:none;font:500 .67rem/1 var(--font-data);text-transform:uppercase;letter-spacing:.12em;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
.btn:hover,.btn:focus-visible{background:var(--ink);color:var(--surface);border-color:var(--ink);transform:translateY(-1px)}
.btn-primary{border-color:rgba(18,22,26,.28)}

.hero{padding:clamp(6.8rem,10vw,10rem) 0 clamp(4rem,7vw,6.8rem);border-bottom:1px solid var(--rule)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.72fr);gap:clamp(3rem,7vw,7.5rem);align-items:end}
.kicker,.eyebrow,.micro{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--hot)}
.kicker,.eyebrow{font-size:.67rem}.micro{font-size:.6rem;letter-spacing:.2em}
.hero h1,.section-title,.cta-title{font-family:var(--font-display);font-weight:400;letter-spacing:-.035em;color:var(--ink)}
.hero h1{font-size:clamp(3.7rem,7.2vw,7.6rem);line-height:.95;max-width:14ch;margin:.6rem 0 1.35rem}
.hero h1 span{display:block;color:var(--hot)}
.hero-copy{max-width:68ch;margin:0;color:var(--muted);font-size:clamp(1.02rem,1.4vw,1.22rem);line-height:1.72}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}
.signal-plate{background:var(--surface);border:1px solid var(--rule);padding:clamp(1.3rem,2.7vw,2rem)}
.signal-head{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--rule);font:500 .61rem/1.4 var(--font-data);text-transform:uppercase;letter-spacing:.11em;color:var(--cool)}
.signal-rows{display:grid}.signal-row{display:grid;grid-template-columns:72px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--rule-soft);align-items:center}.signal-row:last-child{border-bottom:0}
.signal-row strong{font-family:var(--font-display);font-size:2.05rem;font-weight:400;color:var(--hot)}.signal-row span{font-size:.82rem;line-height:1.45;color:var(--muted)}
.signal-note{margin:1rem 0 0;color:var(--cool);font-size:.72rem;line-height:1.5}

.section{padding:clamp(4.6rem,8vw,8rem) 0;border-bottom:1px solid var(--rule-soft)}
.section-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.7fr);gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:clamp(2.4rem,5vw,4.7rem)}
.section-title{font-size:clamp(2.65rem,5vw,5.25rem);line-height:.98;max-width:14ch;margin:.5rem 0 0}.section-copy{margin:0;color:var(--muted);max-width:62ch;line-height:1.72}

.grid-4,.grid-3,.grid-2{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.plate{position:relative;background:var(--surface);padding:clamp(1.35rem,2.6vw,2.15rem);min-height:190px;overflow:hidden}
.plate::before{content:"";position:absolute;left:0;top:0;width:0;height:1px;background:var(--hot);transition:width .35s var(--ease)}.plate:hover::before{width:100%}
.plate:hover{background:#F8F6EE}
.plate-label{display:block;font:500 .62rem/1.2 var(--font-data);letter-spacing:.12em;text-transform:uppercase;color:var(--hot);margin-bottom:2rem}
.plate h3{font-family:var(--font-display);font-size:1.45rem;font-weight:400;line-height:1.08;margin:0 0 .75rem;color:var(--ink)}
.plate p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.58}
.metric{font-family:var(--font-display);font-size:3rem;line-height:1;color:var(--hot);margin:1.9rem 0 .9rem}

.runway-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.runway-summary,.runway-detail{background:var(--surface);padding:clamp(1.6rem,3vw,2.6rem)}
.runway-word{font-family:var(--font-display);font-size:clamp(4rem,7vw,7rem);line-height:.9;color:var(--hot);margin:1.3rem 0 1rem}.runway-summary h3{font-family:var(--font-display);font-size:1.7rem;font-weight:400;margin:0 0 .8rem}.runway-summary p{color:var(--muted);margin:0;max-width:44ch}
.runway-row{display:grid;grid-template-columns:160px 1fr 48px;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--rule-soft)}.runway-row:last-child{border-bottom:0}.runway-row span{font-size:.8rem;color:var(--muted)}.runway-row b{font:500 .72rem/1 var(--font-data);color:var(--warm);text-align:right}
.bar{height:6px;background:var(--app-raised);overflow:hidden}.bar i{display:block;height:100%;width:var(--value,0);background:var(--hot);transform-origin:left center;transform:scaleX(0)}
.home-ready .bar i{animation:bar-grow .8s var(--ease) forwards;animation-delay:var(--bar-delay,0ms)}
@keyframes bar-grow{to{transform:scaleX(1)}}

.rooms-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.room-copy,.room-example{background:var(--surface);padding:clamp(1.6rem,3vw,2.6rem)}.room-copy h3,.room-example h3{font-family:var(--font-display);font-size:1.8rem;font-weight:400;margin:.6rem 0 1rem}.room-copy p,.room-example p{color:var(--muted);margin:0;line-height:1.65}
.room-list{display:grid;margin-top:1.5rem;border-top:1px solid var(--rule)}.room-line{display:grid;grid-template-columns:72px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--rule-soft)}.room-line span:first-child{font:500 .6rem/1.2 var(--font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--hot)}.room-line span:last-child{font-size:.84rem;color:var(--muted)}

.agent-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}
.agent-prompts,.agent-answer{background:var(--surface);padding:clamp(1.6rem,3vw,2.6rem)}.agent-prompts{display:grid;gap:1px;background:var(--rule)}.agent-prompt{background:var(--surface);padding:1rem 1.1rem;font-size:.88rem;color:var(--warm)}
.agent-answer h3{font-family:var(--font-display);font-weight:400;font-size:1.8rem;margin:.4rem 0 1.4rem}.agent-answer dl{margin:0;display:grid}.agent-answer dl div{display:grid;grid-template-columns:88px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--rule-soft)}.agent-answer dt{font:500 .6rem/1.3 var(--font-data);letter-spacing:.12em;text-transform:uppercase;color:var(--hot)}.agent-answer dd{margin:0;color:var(--muted);font-size:.86rem;line-height:1.6}

.cloud-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}.cloud-item{background:var(--app-surface);padding:1.5rem}.cloud-item strong{display:block;font-family:var(--font-display);font-size:1.25rem;font-weight:400;margin:.5rem 0}.cloud-item p{margin:0;color:var(--muted);font-size:.82rem}

.cta-wrap{padding:clamp(3.5rem,7vw,6.5rem) 0}.cta{position:relative;background:var(--surface);border:1px solid var(--rule);padding:clamp(1.8rem,4vw,3.6rem);display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.cta::before{content:"";position:absolute;left:0;top:0;width:84px;height:1px;background:var(--hot)}.cta-title{font-size:clamp(2.4rem,4.8vw,4.7rem);line-height:.98;max-width:15ch;margin:.4rem 0 .8rem}.cta p{margin:0;color:var(--muted);max-width:64ch}.cta-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}

.footer{border-top:1px solid var(--rule);padding:clamp(3rem,6vw,5rem) 0 1.5rem;background:var(--page)}.footer-top{display:grid;grid-template-columns:minmax(280px,1.3fr) repeat(3,minmax(130px,.55fr));gap:clamp(2rem,5vw,5rem)}.footer-brand p{max-width:38ch;color:var(--muted);font-size:.84rem}.footer-url{display:inline-block;margin-top:.7rem;color:var(--hot);font:500 .68rem/1 var(--font-data);letter-spacing:.08em;text-decoration:none}.footer h4{margin:0 0 1rem;font:500 .62rem/1 var(--font-data);text-transform:uppercase;letter-spacing:.13em;color:var(--ink)}.footer a:not(.brand):not(.footer-url){display:block;margin:.5rem 0;text-decoration:none;color:var(--muted);font-size:.84rem}.footer a:hover{color:var(--hot)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--rule-soft);font:500 .59rem/1.4 var(--font-data);letter-spacing:.07em;text-transform:uppercase;color:var(--cool)}

.reveal{opacity:0;transform:translateY(20px)}.reveal.is-visible{animation:reveal-in .66s var(--ease) both;animation-delay:var(--delay,0ms)}
@keyframes reveal-in{to{opacity:1;transform:none}}
.hero .kicker,.hero h1,.hero-copy,.hero-actions,.signal-plate{opacity:0;transform:translateY(18px)}
.home-ready .hero .kicker{animation:reveal-in .55s var(--ease) .04s both}.home-ready .hero h1{animation:reveal-in .68s var(--ease) .11s both}.home-ready .hero-copy{animation:reveal-in .6s var(--ease) .2s both}.home-ready .hero-actions{animation:reveal-in .55s var(--ease) .28s both}.home-ready .signal-plate{animation:reveal-in .7s var(--ease) .18s both}
.signal-row{opacity:0;transform:translateX(10px)}.home-ready .signal-row{animation:signal-in .5s var(--ease) both;animation-delay:var(--signal-delay,0ms)}@keyframes signal-in{to{opacity:1;transform:none}}

@media(max-width:1080px){.nav{grid-template-columns:auto auto}.nav-links{position:absolute;left:0;right:0;top:74px;display:none;flex-direction:column;align-items:flex-start;background:var(--surface);border-bottom:1px solid var(--rule);padding:1rem var(--gutter)}.nav-links.open{display:flex}.nav-actions{justify-self:end}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem .8rem;background:transparent;border:1px solid var(--rule);font:500 .65rem/1 var(--font-data);text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}.hero-grid,.section-head,.runway-grid,.rooms-grid,.agent-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.cta{grid-template-columns:1fr}.cta-actions{justify-content:flex-start}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:720px){:root{--gutter:1rem}.nav-actions .btn{display:none}.hero{padding-top:5.8rem}.hero h1{font-size:clamp(3rem,15vw,5rem)}.grid-4,.grid-2,.cloud-band{grid-template-columns:1fr}.runway-row{grid-template-columns:1fr}.runway-row b{text-align:left}.agent-answer dl div{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{display:grid}.cta-actions{display:grid}.cta-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero .kicker,.hero h1,.hero-copy,.hero-actions,.signal-plate,.signal-row{opacity:1!important;transform:none!important;animation:none!important}.bar i{transform:scaleX(1)!important;animation:none!important}*{transition-duration:.001ms!important}}