/* RPlay website — the colours come from RPlay-Brand (assets/rplay-brand-tokens.css, generated). This
   file only aliases the tokens it uses; no hex values live here. */
:root{
  --mint:var(--rp-mint);
  --ink:var(--rp-text);
  --muted:var(--rp-muted);
  --paper:var(--rp-paper);
  --canvas:var(--rp-canvas);
  --line:var(--rp-line);
  --blue:var(--rp-blue);
  --blue-soft:var(--rp-blue-soft);
  --on-mint:var(--rp-action-fg);
  --glass:var(--rp-glass);
  --highlight:var(--rp-glass-highlight);
  --shadow:var(--rp-shadow-color);
  --device:var(--rp-surface-subtle); /* the drawn Mac Studio casing: a neutral surface, not a brand colour (O5) */
  --body-size:1rem;
  --label-size:.875rem;
  --meta-size:.8125rem;
  font-family:var(--rp-font-ui);
}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font-size:var(--body-size);line-height:1.6}
a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,summary,select{cursor:pointer}svg{flex-shrink:0}img{max-width:100%}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:500;line-height:1.15;text-wrap:balance;letter-spacing:-.035em}p{text-wrap:pretty}h1{font-size:clamp(2.5rem,5.1vw,4.4rem);letter-spacing:-.055em;line-height:1.07}h2{font-size:clamp(1.85rem,3.1vw,2.75rem)}h3{font-size:1.3rem}p+p{margin-top:1rem}
main,footer,.site-header,.desktop-nav{width:min(1180px,calc(100% - 80px));margin-inline:auto}.icon{width:22px;height:22px}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--paper);z-index:20}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.site-header{display:flex;align-items:center;gap:30px;min-height:90px}.brand{display:inline-block;text-decoration:none;line-height:0;flex-shrink:0}.brand img{display:block;width:142px;height:auto}.logo-dark{display:none!important}.logo-light{display:block}:root[data-rp-theme=dark] .logo-light{display:none!important}:root[data-rp-theme=dark] .logo-dark{display:block!important}@media(prefers-color-scheme:dark){:root:not([data-rp-theme=light]) .logo-light{display:none!important}:root:not([data-rp-theme=light]) .logo-dark{display:block!important}}
.header-note{font-size:var(--meta-size);color:var(--muted);margin-right:auto}.header-controls{display:flex;align-items:center;gap:12px}.theme-control{display:flex;align-items:center;gap:10px;font-size:var(--meta-size);color:var(--muted)}.theme-control select{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);font-size:var(--label-size)}.desktop-nav{display:flex;gap:4px;padding:7px;border:1px solid var(--highlight);border-radius:30px;background:linear-gradient(135deg,var(--highlight),transparent 40%),var(--glass);box-shadow:0 5px 20px var(--shadow);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.desktop-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;text-decoration:none;font-size:var(--label-size);border-radius:24px;white-space:nowrap}.desktop-nav a:last-child{margin-left:auto}.desktop-nav a:hover{background:var(--blue-soft);color:var(--blue)}.desktop-nav a[aria-current=page]{background:var(--blue-soft);color:var(--blue);font-weight:600}.desktop-nav a.nav-demo,.mobile-menu nav a.nav-demo{background:var(--mint);color:var(--on-mint);font-weight:600}.mobile-menu{display:none}
.eyebrow{font-size:var(--meta-size);font-weight:500;color:var(--blue);letter-spacing:.065em;text-transform:uppercase;line-height:1.5}.lead{font-size:1.25rem;line-height:1.6;color:var(--muted);max-width:750px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 23px;min-height:58px;border:1px solid transparent;border-radius:28px;font-size:1rem;font-weight:600;line-height:1.45;text-decoration:none;max-width:100%;text-align:left;white-space:normal}.primary{background:var(--mint);color:var(--on-mint)}.button .icon{width:21px;height:21px}.button:hover{box-shadow:0 5px 18px var(--shadow)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:1rem;font-weight:500;color:var(--blue)}.source-link{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-size:var(--meta-size);min-height:44px}.source-link .icon{width:17px;height:17px}.caption,figcaption{font-size:var(--meta-size);color:var(--muted)}.privacy-note{font-size:var(--label-size);line-height:1.6;color:var(--muted)}.privacy-note a{color:var(--blue)}.badge{display:inline-block;background:var(--blue-soft);color:var(--blue);font-size:var(--label-size);font-weight:500;border-radius:18px;padding:5px 11px}
.forecast-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:62px 0 64px}.hero-copy h1{margin:20px 0 25px}.hero-copy .lead{font-size:1.2rem}.hero-copy>.button{margin-top:29px}.hero-link{margin-top:13px;font-size:var(--label-size)}.forecast{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper)}.forecast-number{background:var(--mint);color:var(--on-mint);padding:23px 30px 22px;position:relative}.forecast-qualifier{font-size:1rem;font-weight:500}.number{font-size:clamp(6rem,12vw,10rem);font-weight:500;line-height:1.05;letter-spacing:-.085em}.number span{font-size:.65em;letter-spacing:-.07em}.number-word{font-size:clamp(3.4rem,7vw,5.6rem);letter-spacing:-.05em;padding:14px 0 6px}.forecast-date{position:absolute;right:30px;bottom:30px;font-size:1rem;font-weight:500}.forecast-context{padding:23px 30px 20px}.forecast-context h2{font-size:1.65rem;line-height:1.2;margin-bottom:13px;letter-spacing:-.025em}.forecast-context p{font-size:var(--label-size);line-height:1.6;color:var(--muted)}.forecast-context .source-link{margin-top:10px}
.section{padding-top:76px}.section-heading{max-width:810px;margin-bottom:30px}.section-heading h2{margin-top:13px}.section-heading .lead,.section-intro{margin-top:20px}.section-intro{color:var(--muted);font-size:1rem;max-width:700px}.drivers{border-top:1px solid var(--line);padding-top:49px}.driver-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.driver-grid article{padding:6px 28px 8px;border-left:1px solid var(--line)}.driver-grid article:first-child{border-left:0;padding-left:0}.driver-grid article:last-child{padding-right:0}.driver-label{display:block;color:var(--blue);font-size:var(--label-size);font-weight:500;margin-bottom:13px}.driver-grid h3{font-size:1.25rem;margin-bottom:13px}.driver-grid p{font-size:1rem;color:var(--muted);line-height:1.6}.source-detail{margin-top:27px;font-size:var(--label-size);color:var(--muted)}.source-detail summary{min-height:44px;display:list-item;padding:10px 0;color:var(--blue);font-weight:500;width:fit-content}.source-detail p{max-width:780px}.source-detail a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue)}
.problem{margin-top:64px;padding:38px 40px;background:var(--paper);border:1px solid var(--line);border-radius:22px}.problem-heading h2{margin-top:13px}.problem-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin-top:30px}.problem blockquote{font-size:1.55rem;line-height:1.4;letter-spacing:-.025em;text-wrap:balance}.silo-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.silo-pair>div{padding:19px 17px;display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:13px;background:var(--canvas)}.silo-pair .icon{color:var(--blue);margin-bottom:17px}.small-icon{line-height:0}.silo-pair strong{font-size:1rem;font-weight:500}.silo-pair>div>span:last-child{font-size:var(--meta-size);color:var(--muted)}.problem-note{margin-top:23px;color:var(--muted);font-size:var(--label-size)}
.architecture{margin:30px 0 0;padding:26px 29px 21px;background:var(--paper);border:1px solid var(--line);border-radius:20px}.diagram-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.flow{display:grid;grid-template-columns:1fr 30px 1.25fr 30px 1fr;gap:20px;align-items:center;margin:28px 0}.source-stack{display:grid;gap:10px}.source-stack>div{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:10px;font-size:var(--label-size)}.source-stack .icon{width:19px;height:19px;color:var(--blue)}.connector{color:var(--blue);text-align:center;line-height:0}.brain{text-align:center}.brain>strong{display:block;font-size:1.1rem;font-weight:500;margin-top:18px}.brain>span{display:block;font-size:var(--meta-size);color:var(--muted)}.appliance{width:min(260px,100%);margin:auto}.appliance-top{height:112px;background:var(--device);border:1px solid var(--line);border-radius:27px 27px 10px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transform:perspective(600px) rotateX(20deg);transform-origin:bottom}.device-logo{line-height:0;display:block}.device-logo img{width:127px;height:auto}.chip{font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.appliance-front{height:32px;position:relative;margin-top:-2px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--device);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}.ports{display:flex;gap:8px}.ports i{width:12px;height:4px;border:1px solid var(--muted);border-radius:3px}.status-light{width:5px;height:5px;border-radius:50%;background:var(--mint)}.client-stack{display:grid;gap:10px}.client-stack>div{display:grid;grid-template-columns:23px 1fr;gap:2px 10px;padding:14px;background:var(--blue-soft);border:1px solid var(--line);border-radius:12px}.client-stack .icon{grid-row:1/3;color:var(--blue)}.client-stack strong{font-size:.9375rem;font-weight:500}.client-stack span{font-size:var(--meta-size);color:var(--muted)}figcaption{padding-top:15px;border-top:1px solid var(--line)}.local-boundary{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:25px;align-items:start}.local-boundary h3{font-size:1.1rem;line-height:1.5}.local-boundary p{font-size:var(--label-size);color:var(--muted)}.local-boundary a{color:var(--blue)}
.cards{display:grid;gap:16px}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--paper);border:1px solid var(--line);padding:26px 24px;border-radius:16px;display:grid;grid-template-rows:24px auto 1fr;gap:20px}.card>.icon{color:var(--blue)}.card h3{font-size:1.3rem}.card p{font-size:var(--label-size);color:var(--muted);line-height:1.65;margin-top:-8px}.offer-strip{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);margin-top:76px;padding-top:36px;align-items:center}.offer-strip h2{font-size:2rem;margin-top:13px}.offer-strip>div>p:not(.eyebrow){font-size:1rem;color:var(--muted)}.offer-strip .text-link{margin-top:15px}.closing{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:36px 0 0;margin-top:76px;border-top:1px solid var(--line)}.closing h2{margin-top:12px;font-size:2rem}.closing .button{max-width:460px}
.page-hero{padding:61px 0 38px}.page-hero h1{margin:19px 0 24px;max-width:980px}.page-hero .lead{max-width:820px}.reading{font-size:1.1rem;line-height:1.75;max-width:780px;color:var(--muted)}.reading .text-link{margin-top:17px}.timeline{border-top:1px solid var(--line)}.timeline article{display:flex;align-items:flex-start;gap:23px;padding:28px 0;border-bottom:1px solid var(--line)}.timeline .icon{color:var(--blue);margin-top:5px}.timeline h3{margin-bottom:12px}.timeline p{color:var(--muted);max-width:850px}.callout{border-left:3px solid var(--blue);padding:16px 22px;background:var(--blue-soft);font-size:var(--label-size);max-width:900px}.source-directory article{display:grid;grid-template-columns:27px 1fr 145px;gap:24px;padding:29px 0;border-bottom:1px solid var(--line)}.source-directory .icon{color:var(--blue);margin-top:5px}.source-directory p{font-size:1rem;color:var(--muted);margin-top:11px;max-width:750px}.source-tag{font-size:var(--label-size);font-weight:500;text-align:right;color:var(--blue);padding-top:5px}
.privacy-diagram{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;border:1px solid var(--line);border-radius:20px;padding:26px;background:var(--paper)}.inside{padding:24px;border:1px solid var(--blue);border-radius:14px;background:var(--canvas)}.privacy-nodes{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--label-size);margin:28px 0}.privacy-nodes strong{font-weight:500;color:var(--blue)}.inside>p:last-child{font-size:var(--meta-size);color:var(--muted)}.outside{padding:10px}.outside h3{margin:14px 0 11px}.outside p{font-size:var(--label-size);color:var(--muted)}.privacy-diagram figcaption{grid-column:1/-1}.privacy-points article{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:29px 0}.privacy-points .icon{color:var(--blue);margin-top:4px}.privacy-points p{color:var(--muted);font-size:1rem;max-width:850px;margin-top:12px}
.app-illustration{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:34px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.app-intent>.icon{color:var(--blue);margin-top:25px}.app-intent h2{font-size:2rem;margin:15px 0}.app-intent>p:last-child{font-size:1rem;color:var(--muted)}.register{border:1px solid var(--line);border-radius:14px;overflow:hidden;align-self:center;background:var(--canvas)}.register-head{display:flex;gap:12px;align-items:center;background:var(--blue-soft);color:var(--blue);padding:19px;font-size:.9375rem}.register-head strong{font-weight:500}.register-row{display:flex;gap:12px;padding:18px;font-size:var(--label-size);border-top:1px solid var(--line)}.register-row .icon{width:20px;height:20px;color:var(--blue)}.app-illustration figcaption{grid-column:1/-1}.box-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:48px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.box-feature .appliance{width:min(350px,100%)}.box-feature .appliance-top{height:165px}.box-feature .appliance-front{height:42px}.box-feature .caption{text-align:center;margin-top:27px}.box-feature h2{font-size:2.7rem;margin:16px 0 23px}.box-feature p:not(.eyebrow){font-size:1rem;color:var(--muted);max-width:380px}.sector-list article{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;padding:36px 0;border-top:1px solid var(--line)}.sector-title>.icon{color:var(--blue);margin-bottom:17px}.sector-list blockquote{font-size:1.7rem;line-height:1.4;letter-spacing:-.025em;text-wrap:balance}.sector-list p{font-size:1rem;color:var(--muted);margin-top:17px}
.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.contact-layout h2{margin:13px 0 22px}.contact-layout>div>p:not(.eyebrow){color:var(--muted);max-width:450px}form{padding:29px;background:var(--paper);border:1px solid var(--line);border-radius:18px}label{font-size:var(--label-size);font-weight:500}select{display:block;width:100%;font-size:1rem;line-height:1.5;color:var(--ink);background:var(--canvas);padding:13px;border:1px solid var(--line);border-radius:10px;margin:9px 0 23px}
input,textarea{display:block;width:100%;font-size:1rem;line-height:1.5;color:var(--ink);background:var(--canvas);padding:13px;border:1px solid var(--line);border-radius:10px;margin:9px 0 23px}input::placeholder,textarea::placeholder{color:var(--muted)}textarea{min-height:140px;resize:vertical}form .caption{margin-top:13px}#contact-status{font-size:var(--label-size);color:var(--blue);min-height:1.5em}#contact-status.error{color:var(--ink)}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}form{position:relative}footer{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;padding:30px 0 35px;margin-top:66px;border-top:1px solid var(--line)}footer .brand img{width:119px}footer p{font-size:var(--meta-size);color:var(--muted);margin-top:7px}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px;font-size:var(--meta-size);color:var(--muted)}.footer-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.footer-links a:hover{text-decoration:underline}
@media(max-width:1100px){main,footer,.site-header,.desktop-nav{width:calc(100% - 64px)}.desktop-nav a{padding-inline:12px}.forecast-hero{gap:36px}.forecast-number{padding-inline:25px}.forecast-context{padding-inline:25px}.forecast-date{right:25px}.driver-grid article{padding-inline:21px}.driver-grid h3{font-size:1.15rem}.driver-grid p{font-size:.9375rem}.card{padding:24px 18px}.card p{font-size:.8125rem}.flow{gap:13px;grid-template-columns:1fr 23px 1.15fr 23px 1fr}.problem-grid{gap:32px}.privacy-diagram{grid-template-columns:1.3fr 1fr}.privacy-nodes{gap:7px}.contact-layout{gap:35px}}
@media(max-width:900px){.desktop-nav{display:none}.site-header{min-height:86px;border-bottom:1px solid var(--line)}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;min-height:44px;padding:9px 15px;border:1px solid var(--line);border-radius:24px;font-size:var(--label-size);background:var(--paper)}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{color:var(--blue);background:var(--blue-soft)}.mobile-menu nav{position:absolute;top:53px;right:0;width:min(290px,calc(100vw - 40px));padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;z-index:5;box-shadow:0 8px 25px var(--shadow)}.mobile-menu nav a{display:block;min-height:44px;padding:10px 14px;text-decoration:none;border-radius:10px;font-size:var(--label-size)}.mobile-menu nav a[aria-current=page]{background:var(--blue-soft);color:var(--blue);font-weight:600}.header-note{display:none}.header-controls{margin-left:auto}.forecast-hero{grid-template-columns:1fr 1fr;gap:28px;padding-block:44px}.forecast-date{position:static;font-size:.9375rem;margin-top:3px}.forecast-number{padding:19px 23px}.number{font-size:6.6rem}.forecast-context{padding:20px 23px}.forecast-context h2{font-size:1.5rem}.forecast-context p{font-size:.875rem}.hero-copy h1{font-size:2.6rem}.hero-copy .lead{font-size:1.05rem}.hero-copy>.button{font-size:.9375rem;padding:15px 19px}.driver-grid{grid-template-columns:1fr}.driver-grid article,.driver-grid article:first-child,.driver-grid article:last-child{display:grid;grid-template-columns:120px 1fr;gap:9px 24px;padding:23px 0;border-left:0;border-bottom:1px solid var(--line)}.driver-label{grid-row:1/3;margin:0}.driver-grid h3{font-size:1.25rem;margin:0}.driver-grid p{font-size:1rem}.cols-3{grid-template-columns:1fr}.cols-3 .card{grid-template-columns:24px 1fr;grid-template-rows:auto auto;gap:12px 20px;padding:25px}.cols-3 .card>.icon{grid-row:1/3}.cols-3 .card p{margin:0}.card p{font-size:.875rem}.problem{padding:30px}.problem-grid{grid-template-columns:1fr;gap:25px}.silo-pair>div{padding:18px}.flow{grid-template-columns:1fr 25px 1fr;gap:18px}.client-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}.flow>.connector:nth-of-type(4){display:none}.local-boundary{grid-template-columns:1fr;gap:12px}.privacy-diagram{grid-template-columns:1fr}.inside{padding:24px}.outside{padding:8px}.box-feature{gap:30px;padding:32px}.box-feature h2{font-size:2.3rem}.offer-strip{gap:30px}.offer-strip h2{font-size:1.8rem}.closing{flex-direction:column;align-items:flex-start;gap:26px}.sector-list article{gap:30px}.sector-list blockquote{font-size:1.5rem}.contact-layout{grid-template-columns:1fr;gap:27px}.contact-layout>div>p:not(.eyebrow){max-width:700px}.footer-links{max-width:260px;justify-content:flex-end;gap:5px 20px}.footer-links span{width:100%;text-align:right}}
@media(max-width:620px){main,footer,.site-header{width:calc(100% - 40px)}.site-header{gap:10px;min-height:80px}.brand img{width:112px}.theme-control>span{display:none}.theme-control select{max-width:105px;font-size:.8125rem;padding-inline:10px}.header-controls{gap:8px}.mobile-menu summary{font-size:.8125rem;padding-inline:12px}.forecast-hero{grid-template-columns:1fr;padding:34px 0 42px;gap:30px}.hero-copy h1{font-size:clamp(2.5rem,8.7vw,3.25rem);margin-top:15px}.hero-copy .lead{font-size:1.125rem}.hero-copy .lead br{display:none}.hero-copy>.button{font-size:1rem;margin-top:23px;padding:16px 20px}.hero-link{display:flex;width:fit-content}.forecast-number{padding:19px 24px}.number{font-size:7.3rem}.forecast-date{position:absolute;right:24px;bottom:24px;max-width:80px}.forecast-context{padding:23px 24px}.forecast-context h2{font-size:1.55rem}.forecast-context p{font-size:.9375rem}.forecast-qualifier{font-size:.9375rem}.section{padding-top:50px}.drivers{padding-top:34px}.section-heading{margin-bottom:23px}.section-heading h2{margin-top:11px}.driver-grid article,.driver-grid article:first-child,.driver-grid article:last-child{display:block;padding:24px 0}.driver-label{margin-bottom:10px}.driver-grid h3{margin-bottom:10px}.driver-grid p br{display:none}.problem{margin-top:42px;padding:25px 22px}.problem blockquote{font-size:1.35rem}.silo-pair{gap:9px}.silo-pair>div{padding:15px 11px}.silo-pair strong{font-size:.9375rem}.silo-pair>div>span:last-child{font-size:.8125rem}.problem-note{font-size:.875rem}.architecture{padding:20px 16px;margin-top:24px}.flow{grid-template-columns:1fr;gap:17px}.source-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.source-stack>div{flex-direction:column;align-items:flex-start;font-size:.8125rem;padding:10px 8px;gap:9px}.flow>.connector{transform:rotate(90deg)}.flow>.connector:nth-of-type(4){display:block}.appliance{width:220px}.client-stack{grid-column:auto;grid-template-columns:1fr}.local-boundary{margin-top:22px}.local-boundary h3{font-size:1.1rem}.cols-2{grid-template-columns:1fr}.card{padding:24px}.card p{font-size:.9375rem}.cols-3 .card{gap:12px 15px;padding:24px 20px}.card br{display:none}.card h3{font-size:1.2rem}.offer-strip{grid-template-columns:1fr;gap:22px;margin-top:50px;padding-top:30px}.closing{padding-top:30px;margin-top:50px;gap:23px}.closing h2{font-size:1.8rem}.button{font-size:1rem;padding:16px 20px}.page-hero{padding:37px 0 29px}.page-hero h1{font-size:clamp(2.4rem,8vw,3rem);margin:16px 0 21px}.lead{font-size:1.125rem}.section-intro{margin-top:16px}.reading{font-size:1rem}.timeline article{gap:17px;padding:25px 0}.timeline h3{font-size:1.2rem}.source-directory article{grid-template-columns:23px 1fr;gap:16px;padding:25px 0}.source-directory p{font-size:.9375rem}.source-tag{display:none}.callout{padding:15px 18px;font-size:.875rem}.privacy-diagram{padding:16px;gap:20px}.inside{padding:19px}.privacy-nodes{flex-direction:column;gap:13px;margin:23px 0}.privacy-nodes .icon{transform:rotate(90deg);width:19px;height:19px}.privacy-points article{gap:16px;padding:25px 0}.privacy-points p{font-size:.9375rem}.app-illustration{grid-template-columns:1fr;gap:24px;padding:23px}.app-intent h2{font-size:1.8rem}.app-illustration figcaption{grid-column:auto}.register-head,.register-row{padding:15px;gap:10px}.box-feature{grid-template-columns:1fr;gap:29px;padding:26px}.box-feature .appliance{width:250px}.box-feature .appliance-top{height:125px}.box-feature .caption{margin-top:21px}.box-feature h2{font-size:2.2rem}.sector-list article{grid-template-columns:1fr;gap:20px;padding:29px 0}.sector-title{display:flex;align-items:center;gap:15px}.sector-title>.icon{margin:0}.sector-title h3{font-size:1.2rem}.sector-list blockquote{font-size:1.45rem}.sector-list p{font-size:.9375rem}form{padding:22px}footer{flex-direction:column;gap:22px;padding:25px 0 30px;margin-top:50px}.footer-links{max-width:none;justify-content:flex-start;gap:6px 22px}.footer-links span{text-align:left}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.desktop-nav{background:var(--paper);border-color:var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}}
@media(prefers-contrast:more){:root{--muted:var(--ink);--line:var(--blue)}}
@supports not (backdrop-filter:blur(1px)){.desktop-nav{background:var(--paper)}}
@media print{.desktop-nav,.header-controls,.closing,.skip{display:none}main,footer,.site-header{width:100%}.forecast-hero{padding:25px 0}.section{padding-top:30px}.forecast,.card,.problem{break-inside:avoid}}
.hero-link{display:flex;width:fit-content}

/* Shared navigation and a quieter, product-led homepage. */
.desktop-nav{position:relative;z-index:6}
.desktop-nav>a:last-child{margin-left:auto}
.desktop-nav .nav-demo,.mobile-menu .nav-demo{background:var(--mint);color:var(--on-mint);font-weight:600}




.desktop-nav 
.nav-label{display:block;padding:15px 14px 5px;font-size:var(--meta-size);font-weight:500;color:var(--blue)}
.forecast-hero{grid-template-columns:1.4fr 1fr;gap:64px;padding-block:68px}
.hero-copy .lead{max-width:540px;font-size:1.125rem}
.forecast-number{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 16px;padding:22px 26px}
.forecast-qualifier{grid-column:1/-1;font-size:var(--label-size)}
.forecast-number .number{font-size:clamp(4.5rem,7vw,6.4rem)}
.forecast-number .forecast-date{position:static;margin:0 0 7px;font-size:var(--meta-size);line-height:1.5;max-width:130px}
.forecast-context h2{font-size:1.45rem}
.editorial-problem{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:46px 0 0;margin-top:54px}
.editorial-problem .silo-pair>div{background:transparent;border:0;border-left:1px solid var(--line);border-radius:0;padding-left:24px}
.demo-outline{border-top:1px solid var(--line);margin-top:10px}
.demo-outline article{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:32px 0;border-bottom:1px solid var(--line)}
.demo-outline .eyebrow{padding-top:5px}
.demo-outline h2{font-size:1.5rem;letter-spacing:-.025em;margin-bottom:14px}
.demo-outline article p:not(.eyebrow){color:var(--muted);max-width:680px}
.brief-disclosure{align-self:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brief-disclosure>summary{padding:18px 0;color:var(--blue);font-size:1rem;font-weight:500}
.brief-disclosure form{margin-bottom:20px}
@media(max-width:900px){.forecast-hero{gap:28px;grid-template-columns:1.2fr 1fr;padding-block:44px}.forecast-number{grid-template-columns:1fr}.forecast-number .forecast-date{max-width:none;margin-top:5px}.demo-outline article{grid-template-columns:1fr 2fr;gap:25px}}
@media(max-width:620px){.forecast-hero{grid-template-columns:1fr;padding-block:34px 42px}.forecast-number{grid-template-columns:1fr auto;padding:20px 24px}.forecast-number .number{font-size:4.8rem}.forecast-number .forecast-date{max-width:115px;font-size:.75rem}.editorial-problem{padding:30px 0 0;margin-top:42px}.demo-outline article{grid-template-columns:1fr;gap:13px;padding:26px 0}.demo-outline h2{font-size:1.35rem}.hero-copy .lead{font-size:1.125rem}}

/* Plain-language business examples, without adding another layer of cards. */
.hero-copy>.text-link{display:flex;width:fit-content;margin-top:13px;font-size:var(--label-size)}
.owner-intro{border-top:1px solid var(--line);padding-top:42px}
.plain-rows{border-top:1px solid var(--line)}
.plain-rows article{display:grid;grid-template-columns:1fr 1.9fr;gap:46px;padding:25px 0;border-bottom:1px solid var(--line)}
.plain-rows h3{font-size:1.2rem;letter-spacing:-.025em;line-height:1.35}
.plain-rows p{max-width:750px;color:var(--muted)}
.plain-rows .row-context{font-size:var(--label-size);margin-top:10px;color:var(--blue)}
.example-rows article{padding-block:30px}
.example-rows article>div>p:first-child{font-size:1.3rem;color:var(--ink);line-height:1.5;letter-spacing:-.02em}
.example-caption{margin-top:17px;margin-bottom:9px}
.source-stack small{display:block;color:var(--muted);font-size:.75rem;margin-top:3px;line-height:1.5}
.source-stack>div{align-items:flex-start}
.source-stack .icon{margin-top:3px}
.local-boundary .text-link{font-size:var(--label-size)}
.forecast-explainer{margin-top:9px;border-top:1px solid var(--line)}
.forecast-explainer summary{min-height:44px;padding:11px 0;color:var(--blue);font-size:var(--meta-size);font-weight:500}
.forecast-explainer p{font-size:var(--meta-size)}
.forecast-explainer p:last-child{margin-bottom:7px}
.question-example{padding:28px 32px;border-left:3px solid var(--blue);background:var(--blue-soft)}
.question-example blockquote{max-width:900px;font-size:clamp(1.4rem,2.5vw,1.9rem);line-height:1.4;letter-spacing:-.025em}
.question-example p{max-width:780px;margin-top:18px;color:var(--muted)}

.mcp-flow strong{display:block;font-weight:500;line-height:1.5}
.mcp-flow div>span{display:block;font-size:var(--label-size);color:var(--muted);margin-top:8px}
.mcp-flow>span{font-size:1.5rem;color:var(--blue)}
.mcp-explanation>.privacy-note{max-width:780px;margin-top:18px}
.technical-detail{margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.technical-detail summary{padding:18px 0;color:var(--blue);font-weight:500;font-size:var(--label-size)}
.technical-detail p{max-width:850px;font-size:var(--label-size);color:var(--muted)}
.technical-detail>p:last-child{margin-bottom:20px}
.technical-detail>a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:var(--label-size);margin-bottom:9px}
.security-start{padding-top:10px}


.security-start>.privacy-note{max-width:820px}











@media(max-width:900px){.plain-rows article{gap:28px;grid-template-columns:1fr 1.7fr}.mcp-flow>span{transform:rotate(90deg);width:24px;text-align:center}.mcp-flow div>span{margin-top:3px}.source-stack small{font-size:.75rem}}
@media(max-width:620px){.owner-intro{padding-top:32px}.plain-rows article{grid-template-columns:1fr;gap:12px;padding-block:24px}.plain-rows h3{font-size:1.15rem}.plain-rows p{font-size:1rem}.example-rows article>div>p:first-child{font-size:1.2rem}.source-stack{grid-template-columns:1fr}.source-stack>div{flex-direction:row;gap:12px;padding:12px}.source-stack small{font-size:.8125rem}.question-example{padding:22px}.forecast-hero .forecast-context{padding-inline:23px}}

/* ── Screen mock-up: RPlay chat as a window (example data, labelled) ── */
.screen{margin:30px 0 10px;border:1px solid var(--line);border-radius:20px;background:var(--paper);overflow:hidden;max-width:820px}
.screen-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--rp-surface-subtle)}
.screen-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--line);background:var(--paper)}
.screen-title{margin-left:10px;font-size:var(--meta-size);font-weight:500;color:var(--muted)}
.screen-local{margin-left:auto;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--on-mint);background:var(--mint);border-radius:999px;padding:4px 10px}
.screen-body{padding:22px 24px 18px;display:grid;gap:16px}
.screen-user{justify-self:end;max-width:78%;background:var(--rp-bubble-user-bg);color:var(--rp-bubble-user-fg);padding:12px 16px;border-radius:18px 18px 4px 18px;font-size:var(--label-size);line-height:1.55}
.screen-answer{max-width:88%;display:grid;gap:12px}
.screen-answer p{font-size:var(--label-size);line-height:1.6}
.screen-sources{display:flex;flex-wrap:wrap;gap:8px}
.screen-sources span{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:5px 11px}
.screen-sources .icon{width:15px;height:15px}
.screen-action{width:fit-content;font-size:var(--label-size);font-weight:600;color:var(--on-mint);background:var(--mint);border-radius:999px;padding:9px 16px}
.screen-composer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding:10px 10px 10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--canvas);color:var(--muted);font-size:var(--label-size)}
.screen-send{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--mint);color:var(--on-mint)}
.screen-send .icon{width:18px;height:18px}
.screen figcaption{padding:12px 24px 14px;border-top:1px solid var(--line)}
@media(max-width:620px){.screen-body{padding:16px}.screen-user,.screen-answer{max-width:100%}.screen figcaption{padding-inline:16px}}

/* ── Photo band ── */
.photo-band{margin:8px 0 0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper)}
.photo-band img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.photo-band figcaption{padding:14px 24px 16px}
@media(max-width:620px){.photo-band img{aspect-ratio:3/2}.photo-band figcaption{padding-inline:16px}}

/* ── Screen mock-up animation: plays once when the window scrolls into view ── */
.screen[data-animate] .screen-user,.screen[data-animate] .screen-answer>*,.screen[data-animate] .screen-typing{opacity:0;transform:translateY(6px)}
.screen-typing{display:inline-flex;gap:5px;padding:12px 16px;border-radius:18px 18px 18px 4px;background:var(--rp-surface-subtle);width:fit-content}
.screen-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:screen-dot 1s infinite}
.screen-typing i:nth-child(2){animation-delay:.2s}.screen-typing i:nth-child(3){animation-delay:.4s}
@keyframes screen-dot{0%,80%,100%{opacity:.3}40%{opacity:1}}
@keyframes screen-in{to{opacity:1;transform:none}}
.screen.is-playing .screen-user{animation:screen-in .45s ease-out .2s forwards}
.screen.is-playing .screen-typing{animation:screen-in .3s ease-out 1s forwards,screen-out .3s ease-in 2.6s forwards}
@keyframes screen-out{to{opacity:0;height:0;padding:0;margin:0}}
.screen.is-playing .screen-answer>p{animation:screen-in .5s ease-out 2.9s forwards}
.screen.is-playing .screen-answer>.screen-sources{animation:screen-in .5s ease-out 3.6s forwards}
.screen.is-playing .screen-answer>.screen-action{animation:screen-in .5s ease-out 4.2s forwards}
@media(prefers-reduced-motion:reduce){.screen[data-animate] .screen-user,.screen[data-animate] .screen-answer>*{opacity:1;transform:none;animation:none}.screen[data-animate] .screen-typing{display:none}}

/* ── MCP diagram ── */
.mcp-diagram{margin:0 0 26px;display:grid;grid-template-columns:1fr 1.1fr 1.2fr;gap:0;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden}
.mcp-zone{padding:26px 24px 22px;display:grid;gap:14px;align-content:start;position:relative}
.mcp-zone-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mcp-zone-office{background:var(--blue-soft);border-left:1px solid var(--line)}
.mcp-zone-office .mcp-zone-label{color:var(--blue)}
.mcp-node{display:grid;grid-template-columns:24px 1fr;gap:4px 12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.mcp-node .icon{grid-row:1/3;color:var(--blue)}.mcp-node strong{font-weight:500}.mcp-node span{font-size:var(--meta-size);color:var(--muted)}
.mcp-node-vault{border-color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 25%,transparent)}
.mcp-sources{display:flex;flex-wrap:wrap;gap:8px}.mcp-sources span{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:5px 10px}.mcp-sources .icon{width:15px;height:15px;color:var(--blue)}
.mcp-step{display:flex;gap:10px;align-items:flex-start;font-size:var(--meta-size);color:var(--muted);line-height:1.5}.mcp-step b{flex:none;width:22px;height:22px;border-radius:50%;background:var(--mint);color:var(--on-mint);font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center}
.mcp-link{padding:26px 18px 22px;display:grid;gap:14px;align-content:start;justify-items:center;text-align:left}
.mcp-wire{width:100%;height:60px;margin-top:38px}
.mcp-rail{stroke:var(--line);stroke-width:2}
.mcp-pulse{stroke:var(--mint);stroke-width:3;stroke-linecap:round;stroke-dasharray:18 182;stroke-dashoffset:200;animation:mcp-run 3.2s linear infinite}
.mcp-pulse-back{stroke:var(--blue);animation-delay:1.6s}
@keyframes mcp-run{to{stroke-dashoffset:-200}}
.mcp-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:var(--label-size);font-weight:600;color:var(--ink);margin-top:-52px;box-shadow:0 5px 18px var(--shadow)}
.mcp-badge .icon{width:16px;height:16px;color:var(--blue)}
.mcp-diagram figcaption{grid-column:1/-1;padding:14px 24px 16px;border-top:1px solid var(--line)}
@media(prefers-reduced-motion:reduce){.mcp-pulse{animation:none;stroke-dasharray:none;opacity:.5}}
@media(max-width:900px){.mcp-diagram{grid-template-columns:1fr}.mcp-zone-office{border-left:0;border-top:1px solid var(--line)}.mcp-link{padding:10px 24px 18px;justify-items:start}.mcp-wire{width:90px;height:60px;margin:14px 0 14px -15px;transform:rotate(90deg)}.mcp-badge{margin:-6px 0 0 0}}
/* ── Night and day strip ── */
.daynight{display:grid;grid-template-columns:1fr 1fr;margin:0 0 26px;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.daynight>div{display:grid;grid-template-columns:24px 1fr;gap:4px 14px;padding:22px 24px}
.daynight .icon{grid-row:1/3;color:var(--blue)}.daynight strong{font-weight:500}.daynight span{font-size:var(--label-size);color:var(--muted);line-height:1.55}
.daynight-night{background:var(--rp-surface-subtle)}.daynight-day{background:var(--paper);border-left:1px solid var(--line)}
@media(max-width:620px){.daynight{grid-template-columns:1fr}.daynight-day{border-left:0;border-top:1px solid var(--line)}}

/* ── Sources map ── */
.sources-map{margin:0 0 30px;display:grid;grid-template-columns:1.1fr .7fr 1.3fr;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden}
.sm-col{padding:24px;display:grid;gap:10px;align-content:start}
.sm-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.sm-office{background:var(--blue-soft);border-left:1px solid var(--line)}.sm-office .sm-label{color:var(--blue)}.sm-label-people{margin-top:12px}
.sm-tile{display:grid;grid-template-columns:22px 1fr;gap:2px 12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.sm-tile .icon{grid-row:1/3;width:20px;height:20px;color:var(--blue)}.sm-tile strong{font-weight:500;font-size:var(--label-size)}.sm-tile span{font-size:var(--meta-size);color:var(--muted)}
.sm-vault{border-color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 25%,transparent)}
.sm-people{display:grid;gap:8px}.sm-person{display:grid;grid-template-columns:22px 1fr;gap:1px 12px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.sm-person .icon{grid-row:1/3;width:20px;height:20px;color:var(--blue)}.sm-person strong{font-weight:500;font-size:var(--label-size)}.sm-person span{font-size:var(--meta-size);color:var(--muted)}
.sm-link{display:grid;gap:8px;align-content:center;justify-items:center;padding:24px 10px}
.sm-link .mcp-wire{margin:0;height:40px}
.sm-read{display:inline-flex;align-items:center;gap:7px;font-size:var(--meta-size);font-weight:600;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px;white-space:nowrap}.sm-read .icon{width:15px;height:15px;color:var(--blue)}
.sources-map figcaption{grid-column:1/-1;padding:14px 24px 16px;border-top:1px solid var(--line)}
@media(max-width:900px){.sources-map{grid-template-columns:1fr}.sm-office{border-left:0;border-top:1px solid var(--line)}.sm-link{padding:8px 24px 16px;justify-items:start}.sm-link .mcp-wire{width:90px;height:60px;margin:6px 0 6px -15px;transform:rotate(90deg)}}

/* ── Template → app ── */
.template-to-app{margin:0 0 10px;display:grid;grid-template-columns:1fr .5fr 1.15fr;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden}
.tta-template,.tta-app{padding:24px;display:grid;gap:14px;align-content:start}
.tta-app{background:var(--blue-soft);border-left:1px solid var(--line)}
.tta-label{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tta-app .tta-label{color:var(--blue)}.tta-label .icon{width:16px;height:16px}
.tta-table{width:100%;border-collapse:collapse;font-size:var(--meta-size);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tta-table th{text-align:left;font-weight:600;color:var(--rp-table-head-fg);background:var(--rp-table-head-bg);padding:8px 12px}
.tta-table td{padding:8px 12px;border-top:1px solid var(--line);background:var(--paper)}.tta-table tr:nth-child(even) td{background:var(--rp-surface-subtle)}
.tta-file{display:inline-flex;align-items:center;gap:8px;font-size:var(--meta-size);color:var(--muted);font-family:var(--rp-font-mono)}.tta-file .icon{width:16px;height:16px;color:var(--blue)}
.tta-arrow{display:grid;gap:8px;align-content:center;justify-items:center;padding:24px 8px}.tta-arrow .mcp-wire{margin:0;height:40px}
.app-form{border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:16px 18px 18px;display:grid;gap:10px;max-width:420px}
.app-form-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--line)}.app-form-head strong{font-weight:500}.app-form-head span{font-size:var(--meta-size);color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:3px 10px}
.app-form label{display:grid;gap:3px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.app-form label>span{font:inherit;font-size:var(--label-size);font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink);padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}
.app-form-voice,.app-form-photos{display:flex!important;gap:8px;align-items:flex-start;line-height:1.5}.app-form-voice .icon,.app-form-photos .icon{width:16px;height:16px;flex:none;color:var(--mint);margin-top:2px}
.app-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.app-form-ghost{font-size:var(--label-size);font-weight:600;color:var(--blue);border:1px solid var(--line);border-radius:999px;padding:9px 16px}
.template-to-app figcaption{grid-column:1/-1;padding:14px 24px 16px;border-top:1px solid var(--line)}
@media(max-width:900px){.template-to-app{grid-template-columns:1fr}.tta-app{border-left:0;border-top:1px solid var(--line)}.tta-arrow{padding:8px 24px 16px;justify-items:start}.tta-arrow .mcp-wire{width:90px;height:60px;margin:6px 0 6px -15px;transform:rotate(90deg)}}

.box-feature-solo{grid-template-columns:1fr;margin-top:28px}.box-feature-solo>div{max-width:720px}.box-feature-solo p:not(.eyebrow){max-width:620px}

/* ── Two lanes: local vs cloud ── */
.flow-lanes{margin:0 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lane{border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}
.lane-head{display:grid;grid-template-columns:24px 1fr;gap:2px 12px;padding:20px 22px;border-bottom:1px solid var(--line)}
.lane-head .icon{grid-row:1/3;color:var(--blue)}.lane-head strong{font-weight:500}.lane-head span{font-size:var(--meta-size);color:var(--muted)}
.lane-zone{padding:18px 22px 20px}.lane-office{background:var(--blue-soft)}.lane-outside{border-top:1px dashed var(--rp-control-line)}
.lane-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.lane-office .lane-label{color:var(--blue)}
.lane-zone ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lane-zone li{display:flex;align-items:center;gap:10px;font-size:var(--label-size);padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.lane-zone li .icon{width:18px;height:18px;color:var(--blue);flex:none}
.lane-zone li.stay{border-color:var(--mint)}.lane-zone li.stay .icon{color:var(--mint)}
.lane-zone li.leave{background:var(--rp-surface-subtle)}.lane-zone li.leave .icon{color:var(--ink)}
.lane-empty p{font-size:1.25rem;font-weight:500;color:var(--ink);margin:0}
.flow-lanes figcaption{grid-column:1/-1;font-size:var(--meta-size);color:var(--muted);padding:4px 6px 0}
@media(max-width:620px){.flow-lanes{grid-template-columns:1fr}}

/* ── Sign-in flow ── */
.signin-flow{margin:26px 0;display:grid;grid-template-columns:1fr .55fr 1.1fr .55fr 1fr;align-items:center;border:1px solid var(--line);border-radius:22px;background:var(--paper);padding:22px 24px}
.sf-node{display:grid;grid-template-columns:22px 1fr;gap:2px 12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.sf-node>.icon{grid-row:1/3;width:20px;height:20px;color:var(--blue)}.sf-node strong{font-weight:500;font-size:var(--label-size)}.sf-node span{font-size:var(--meta-size);color:var(--muted)}.sf-node span .icon{width:13px;height:13px;vertical-align:-2px;color:var(--mint)}
.sf-node-vault{background:var(--blue-soft);border-color:var(--mint);box-shadow:0 0 0 3px color-mix(in srgb,var(--mint) 25%,transparent)}
.sf-wire{display:grid;justify-items:center;gap:4px;padding:0 8px}.sf-wire .mcp-wire{margin:0;height:34px}.sf-step{font-size:.75rem;font-weight:600;color:var(--muted);white-space:nowrap}
@media(max-width:900px){.signin-flow{grid-template-columns:1fr;gap:6px;padding:18px}.sf-wire{justify-items:start;padding:4px 0}.sf-wire .mcp-wire{width:60px;height:40px;margin:0 0 0 -10px;transform:rotate(90deg)}}