/* Business homepage — page-specific styles (shell is /assets/site.css) */

/* hero */
.hero{padding:clamp(40px,6vw,88px) 0 clamp(48px,6vw,88px)}
.hero h1{position:relative;z-index:0;max-width:14ch;margin-bottom:clamp(28px,4vw,48px)}
.hero h1 .dl{position:relative;white-space:nowrap}
.hero h1 .dl::after{content:"";position:absolute;left:-.04em;right:-.02em;bottom:.06em;height:.22em;background:var(--green);border-radius:2px;z-index:-1;transform-origin:left;animation:swipe .9s .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes swipe{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:start}
.hero .ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.facts{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;border-top:1px solid var(--rule)}
.facts>div{padding:16px 0;border-bottom:1px solid var(--line)}
.facts>div:nth-child(odd){padding-right:16px;border-right:1px solid var(--line)}
.facts>div:nth-child(even){padding-left:20px}
.facts b{display:block;font:500 26px/1 Outfit,sans-serif;letter-spacing:-.03em}
.facts b i{font-style:normal;color:var(--green-text)}
.facts span{display:block;font-size:13px;color:var(--muted);margin-top:6px}

/* journey stage (flat, part of the page rather than a floating card) */
.stage{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:10px;box-shadow:none}
.stage-top{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 10px;font:500 14px Outfit,sans-serif;color:var(--ink)}
.stage-top button{background:none;border:1px solid var(--line);border-radius:var(--r-s);padding:0 12px;min-height:32px;font:500 13px Outfit,sans-serif;color:var(--ink);cursor:pointer}
.stage-top button:hover{border-color:var(--ink)}
/* journey stage */
.stage{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;box-shadow:0 30px 60px -30px rgba(44,69,87,.25);position:relative}

.stage-top .live{display:inline-flex;align-items:center;gap:8px;color:var(--ink)}
.stage-top .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(140,198,63,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(140,198,63,0)}100%{box-shadow:0 0 0 0 rgba(140,198,63,0)}}
.stage-top button{background:none;border:1px solid var(--line);border-radius:999px;padding:5px 10px;font:inherit;color:var(--ink);cursor:pointer}
.stage-top button:hover{border-color:var(--ink)}
.jr{width:100%;height:auto;border-radius:14px;background:var(--mist)}
.jr .sc{opacity:0;visibility:hidden;transition:opacity .22s,visibility 0s .22s}
.jr .sc.on{opacity:1;visibility:visible;transition:opacity .35s .2s}
.jr .tag{font:600 13px Outfit,sans-serif;fill:#fff}
.jr .tiny{font:500 12px 'Instrument Sans',sans-serif}
.jr .ttl{font:600 14px Outfit,sans-serif;fill:#2C4557}
.jr .price{font:600 22px Outfit,sans-serif;fill:#2C4557}
.jr .stars{font-size:13px;fill:#8CC63F;letter-spacing:1px}
.jr .sbtn{font:600 13px Outfit,sans-serif;fill:#fff;letter-spacing:.04em}
.jr .quote{font:italic 15px 'Instrument Sans',sans-serif;fill:#5b6f7d}
.jr .endline{font:500 16px 'Instrument Sans',sans-serif;fill:#5b6f7d}
.jr .heart{font-size:22px;fill:#8CC63F}
.jr .st{fill:#DDE4E8}
.jr .a{transform-box:fill-box;transform-origin:center}
.caption{display:flex;align-items:baseline;gap:12px;padding:14px 6px 4px;min-height:48px}
.caption .code{font-family:var(--mono);font-size:12px;color:var(--green-ink);background:#EDF5E1;border-radius:4px;padding:3px 7px;white-space:nowrap}
.caption p{margin:0;font-family:Outfit,sans-serif;font-weight:500;font-size:17px}
.track{list-style:none;margin:6px 0 0;padding:0 6px 6px;display:grid;grid-template-columns:repeat(6,1fr);position:relative}
.track::before,.track::after{content:"";position:absolute;left:calc(6px + (100% - 12px)/12);top:9px;height:3px;border-radius:3px}
.track::before{right:calc(6px + (100% - 12px)/12);background:var(--line)}
.track::after{background:var(--green);width:calc((100% - 12px) * 5/6 * var(--p,0));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.track li{position:relative;z-index:1;text-align:center}
.track button{background:none;border:0;padding:0;cursor:pointer;display:grid;justify-items:center;gap:8px;width:100%}
.track .pin{width:21px;height:21px;border-radius:50%;background:#fff;border:3px solid var(--line-2);transition:all .3s}
.track .lbl{font-family:Outfit,sans-serif;font-size:12px;font-weight:500;color:var(--faint);transition:color .3s}
.track li.done .pin{border-color:var(--green);background:var(--green)}
.track li.cur .pin{border-color:var(--green);background:#fff;box-shadow:0 0 0 5px rgba(140,198,63,.25);transform:scale(1.1)}
.track li.cur .lbl,.track li.done .lbl{color:var(--ink)}
.track button:hover .pin{border-color:var(--ink)}

/* scene choreography (runs when a scene gets .on) */
.on .mv-pick{animation:pick 2.6s .5s cubic-bezier(.45,0,.2,1) both}
@keyframes pick{0%{transform:none}35%{transform:translate(90px,-70px) rotate(-14deg)}75%{transform:translate(335px,120px) scale(.7) rotate(4deg);opacity:1}82%,100%{transform:translate(345px,130px) scale(.5);opacity:0}}
.on .mv-vanout{animation:vanout 1.8s 3s cubic-bezier(.5,0,.8,.4) both}
@keyframes vanout{to{transform:translateX(460px)}}
.on .mv-vanin{animation:vanin 1.4s cubic-bezier(.15,.7,.3,1) both}
@keyframes vanin{from{transform:translateX(-520px)}to{transform:none}}
.on .wheel{animation:spin .6s linear 3}
@keyframes spin{to{transform:rotate(360deg)}}
.jr .wheel{transform-box:fill-box;transform-origin:center}
.on .mv-recv{animation:recv 4s 1.3s cubic-bezier(.45,0,.2,1) both}
@keyframes recv{0%{transform:translate(-190px,40px) scale(.6);opacity:0}8%{opacity:1}25%{transform:none}62%{transform:none}72%{transform:translate(170px,72px)}100%{transform:translate(300px,72px)}}
.on .mv-beam{animation:beam .9s 2.4s ease-in-out 2 both}
@keyframes beam{0%,100%{transform:translateX(0);opacity:0}20%,80%{opacity:1}50%{transform:translateX(56px)}}
.on .mv-label{animation:label .5s 3.9s cubic-bezier(.2,1.6,.4,1) both}
@keyframes label{from{transform:scale(0) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}
.on .mv-drop{animation:drop 2.4s 1.4s cubic-bezier(.45,0,.2,1) both}
@keyframes drop{0%{transform:translate(-40px,20px) scale(.6);opacity:0}15%{opacity:1;transform:none}55%{transform:translate(80px,-40px) rotate(8deg)}85%{transform:translate(128px,30px) scale(.8);opacity:1}100%{transform:translate(132px,34px) scale(.6);opacity:0}}
.on .mv-door{animation:door 1s 2.6s ease both}
@keyframes door{0%{transform:none}40%,60%{transform:scaleY(.2)}100%{transform:none}}
.jr .mv-door{transform-origin:top}
.on .mv-tap{animation:tap .9s 1.5s ease-out both}
@keyframes tap{0%{transform:scale(.2);opacity:0}30%{opacity:1}100%{transform:scale(3);opacity:0}}
.jr .mv-ordered{opacity:0}
.on .mv-ordered{animation:fadein .5s 2.3s ease both}
@keyframes fadein{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.jr .mv-porch,.jr .mv-check{opacity:0}
.on .mv-porch{animation:porch .8s 1.6s cubic-bezier(.2,1.2,.4,1) both}
@keyframes porch{from{opacity:0;transform:translate(-60px,-50px) scale(.5)}to{opacity:1;transform:none}}
.on .mv-check{animation:label .5s 2.6s cubic-bezier(.2,1.6,.4,1) both}
.on .st{animation:star .35s cubic-bezier(.2,1.6,.4,1) both}
.on .st:nth-child(1){animation-delay:.6s}.on .st:nth-child(2){animation-delay:.8s}.on .st:nth-child(3){animation-delay:1s}.on .st:nth-child(4){animation-delay:1.2s}.on .st:nth-child(5){animation-delay:1.4s}
.jr .st{transform-box:fill-box;transform-origin:center}
@keyframes star{0%{fill:#DDE4E8;transform:scale(1)}60%{transform:scale(1.35)}100%{fill:#8CC63F;transform:scale(1)}}
.jr .mv-posted,.jr .mv-smile,.jr .mv-heart{opacity:0}
.on .mv-posted{animation:fadein .4s 2.4s ease both}
.on .mv-smile{animation:label .6s 2.8s cubic-bezier(.2,1.6,.4,1) both}
.on .mv-heart{animation:float 1.8s 3.1s ease-out both}
.on .mv-heart.h2{animation-delay:3.4s}
@keyframes float{0%{opacity:0;transform:translateY(10px)}25%{opacity:1}100%{opacity:0;transform:translateY(-50px)}}
.jr{border-radius:8px}
.caption .code{font-family:Outfit,sans-serif;font-weight:600;background:var(--green-tint);color:var(--green-text)}

/* what we do: ruled rows, not cards */
.rows{margin-top:clamp(28px,3vw,40px);border-top:1px solid var(--rule)}
.row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr) minmax(0,3.2fr);gap:20px clamp(20px,3vw,48px);padding:clamp(24px,3vw,36px) 0;border-bottom:1px solid var(--line);align-items:start}
.row .word{font:500 clamp(28px,2.6vw,38px)/1 Outfit,sans-serif;overflow-wrap:anywhere;letter-spacing:-.04em;color:var(--ink)}
.row .word small{display:block;font:500 13px Outfit,sans-serif;letter-spacing:0;color:var(--muted);margin-top:10px}
.row h3{margin-bottom:10px}
.row .link{display:inline-flex;margin-top:14px;min-height:32px;align-items:center}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:15px;color:var(--body)}
.ticks li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}
.ticks li::before{content:"";width:18px;height:18px;margin-top:3px;border-radius:3px;background:var(--green-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.5L13 6.5' fill='none' stroke='%234F7A1C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}

/* work with us */
.tabs{display:inline-flex;border-bottom:1px solid var(--rule);gap:28px;margin:clamp(24px,3vw,36px) 0 0}
.tabs button{background:none;border:0;padding:12px 0;min-height:48px;font:500 16px Outfit,sans-serif;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--green)}
.panel{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:28px clamp(28px,4vw,64px);padding-top:clamp(28px,3vw,40px)}
.panel[hidden]{display:none}
.panel .body{margin:12px 0 24px}
.steps{list-style:none;margin:0;padding:0;counter-reset:st;border-top:1px solid var(--rule)}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;padding:18px 0;border-bottom:1px solid var(--line);counter-increment:st}
.steps li::before{content:counter(st, decimal-leading-zero);grid-row:span 2;font:500 15px Outfit,sans-serif;color:var(--green-text);padding-top:2px}
.steps.plain li::before{content:"";width:18px;height:18px;margin-top:4px;border-radius:3px;background:var(--green-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.6 2.5L13 6.5' fill='none' stroke='%234F7A1C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.steps b{font:500 18px Outfit,sans-serif;color:var(--ink)}
.steps span{color:var(--body);font-size:15px}

/* about */
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(28px,3vw,40px);border-top:1px solid var(--rule)}
.cols3>div{padding:22px clamp(16px,2vw,28px) 4px 0}
.cols3>div+div{padding-left:clamp(16px,2vw,28px);border-left:1px solid var(--line)}
.cols3 h3{margin-bottom:8px}
.cats{margin:28px 0 0;color:var(--muted)}
.cats b{color:var(--ink);font-weight:500}
.mission{margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px clamp(28px,4vw,64px);align-items:end}
.mission .big{font:500 clamp(28px,3.4vw,46px)/1.12 Outfit,sans-serif;letter-spacing:-.03em;margin:0;text-wrap:balance}
blockquote{margin:0;font:italic 400 clamp(18px,1.5vw,21px)/1.55 'Playfair Display',Georgia,serif;color:var(--ink)}
.founders{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:24px}
.founder{display:flex;align-items:center;gap:12px}
.founder img{width:56px;height:56px;border-radius:var(--r-l);object-fit:cover;background:var(--mist)}
.founder b{display:block;font:500 16px Outfit,sans-serif}
.founder span{font-size:13px;color:var(--muted)}

/* contact */
.contact{border-top:3px solid var(--ink)}
.contact .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:32px clamp(28px,4vw,64px);align-items:end}
.contact h2{font-size:clamp(56px,9vw,132px);line-height:.9;letter-spacing:-.05em}
.mail{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.mail a{font:500 clamp(22px,2.6vw,34px) Outfit,sans-serif;letter-spacing:-.02em;text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:3px;text-underline-offset:8px;overflow-wrap:anywhere}
.cinfo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.cinfo .k{font:600 13px Outfit,sans-serif;margin-bottom:4px}
.cinfo a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--rule)}

@media (max-width:1020px){
  .hero-grid,.panel,.mission,.contact .wrap{grid-template-columns:1fr}
  .row{grid-template-columns:1fr 2fr}
  .row .ticks{grid-column:2}
}
@media (max-width:640px){
  .row{grid-template-columns:1fr}
  .row .ticks{grid-column:auto}
  .cols3{grid-template-columns:1fr}
  .cols3>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .tabs{gap:18px}
  .tabs button{font-size:15px}
  .track .lbl{font-size:10px}
  .caption p{font-size:15px}
  .cinfo{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .jr .sc.on [class*="mv-"]{opacity:1!important;transform:none!important}
  .jr .sc.on .mv-tap,.jr .sc.on .mv-beam,.jr .sc.on .mv-heart,.jr .sc.on .mv-door{opacity:0!important}
}

.stage-top{font:500 14px Outfit,sans-serif!important;color:var(--ink)!important;letter-spacing:0!important}
.stage{box-shadow:none!important}

/* ===== polish pass ===== */
:root{--line-2:var(--rule);--green-ink:var(--green-text)}
.track .pin{box-sizing:border-box}
.caption .code{word-spacing:.18em;font-size:12px;letter-spacing:.02em}
@media (min-width:1021px){.row{grid-template-columns:minmax(150px,2.2fr) minmax(0,5fr) minmax(0,3fr)}}
.row .word{font-size:clamp(26px,2.2vw,34px);overflow-wrap:normal}
.row:hover .word{color:var(--green-text)}
.row .word{transition:color .25s}
.panel>div:first-child{border-top:1px solid var(--rule);padding-top:18px}
.steps li:first-child{padding-top:18px}
.mission{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start}
.mission .big{font-size:clamp(24px,2.5vw,34px);line-height:1.2;max-width:24ch}
.cols3 h3{font-size:clamp(18px,1.5vw,21px)}
.btn .arr{font-size:17px;line-height:1;transform:translateY(-1px)}
.btn:hover .arr{transform:translate(3px,-1px)}
.founder img{width:60px;height:60px}
.hero .lead{max-width:44ch}
.facts b{font-size:24px}
@media (max-width:640px){.hero .ctas .btn{width:100%}}

/* hero: headline and animation side by side on wide screens */
@media (min-width:1021px){
  .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(32px,4vw,72px)}
  .hero h1.display{font-size:clamp(48px,4.9vw,80px);max-width:12ch;margin-bottom:28px}
  .hero .facts{margin-top:32px}
}
@media (min-width:1021px){
  .hero .facts{grid-template-columns:repeat(4,1fr);margin-top:clamp(40px,4vw,64px)}
  .hero .facts>div{padding:18px 20px;border-right:1px solid var(--line)!important;border-bottom:0}
  .hero .facts>div:first-child{padding-left:0}
  .hero .facts>div:last-child{border-right:0!important}
  .hero .facts{border-bottom:1px solid var(--line)}
}

/* density + shared hero */
.hero{padding:clamp(28px,3.5vw,56px) 0 clamp(28px,3vw,44px)}
@media (min-width:1021px){.hero h1.hero-title{font-size:clamp(42px,4.6vw,76px);max-width:13ch;margin-bottom:22px}}
.row{padding:clamp(18px,2vw,26px) 0}
.row h3{margin-bottom:6px}
.row .link{margin-top:8px}
.steps li{padding:13px 0}
.cols3>div{padding-top:18px}
.mission{margin-top:clamp(32px,4vw,52px)}
.contact h2{font-size:clamp(48px,7vw,104px)}
.cinfo{margin-top:20px;padding-top:16px}

/* merged about */
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px clamp(28px,4vw,64px);align-items:start}
.quote{margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.quote blockquote{font-size:clamp(18px,1.4vw,20px)}
.founders{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:18px}
.founder{display:flex;align-items:center;gap:12px}
.founder>span{display:grid}
.founder img{width:52px;height:52px}
.plist{margin:0;border-top:1px solid var(--rule)}
.plist>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:6px 20px;padding:16px 0;border-bottom:1px solid var(--line)}
.plist dt{font:500 17px/1.3 Outfit,sans-serif;color:var(--ink)}
.plist dd{margin:0;color:var(--body);font-size:15px}
.plist .mission-row dt{color:var(--green-text)}
.plist .mission-row dd{font:500 17px/1.4 Outfit,sans-serif;color:var(--ink)}
.about-grid .cats{margin-top:16px;font-size:14px}
@media (max-width:1020px){.about-grid{grid-template-columns:1fr}}
@media (max-width:560px){.plist>div{grid-template-columns:1fr}}
.about-grid .h2{font-size:clamp(28px,2.8vw,40px)}

/* founder LinkedIn links */
.founder .li{font:500 13px Outfit,sans-serif;color:var(--ink);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:3px;width:max-content;padding:2px 0}
.founder .li:hover{text-decoration-color:var(--ink)}
.founder .li .sr{font-size:inherit}

/* contact form (Netlify Forms: spam filtering and storage handled by Netlify) */
.contact .wrap{align-items:start}
.contact .mail{margin-top:28px}
.cform{display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(18px,2.4vw,28px)}
.cform label{display:grid;gap:6px;font:500 14px Outfit,sans-serif;color:var(--ink)}
.cform input:not([type=radio]),.cform textarea{font:16px 'Instrument Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-s);padding:11px 12px;min-height:46px;width:100%}
.cform textarea{resize:vertical;min-height:110px}
.cform input:focus-visible,.cform textarea:focus-visible{border-color:var(--ink)}
.cform .f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cform fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.cform legend{padding:0;font:500 14px Outfit,sans-serif;color:var(--ink);margin-bottom:6px;width:100%}
.cform .opt{display:flex;align-items:center;gap:8px;font:400 15px 'Instrument Sans',sans-serif;min-height:44px;cursor:pointer}
.cform .opt input{width:18px;height:18px;accent-color:var(--ink);margin:0}
.cform .btn{justify-self:start}
.cform .fnote{margin:0;font-size:13px;color:var(--muted)}
.cform .fnote a{text-decoration:underline;text-underline-offset:3px}
.hp{position:absolute;left:-9999px}
@media (max-width:560px){.cform .f2{grid-template-columns:1fr}}

/* example monthly report: drawn as a real document, not a card grid */
.report-sec{background:linear-gradient(180deg,var(--mist),var(--paper) 70%)}
.report-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:32px clamp(28px,5vw,80px);align-items:center}
.report-copy .lead{margin:16px 0 20px}
.report{margin:0;background:#fff;border-radius:6px;padding:clamp(18px,2.2vw,28px);box-shadow:0 1px 0 rgba(44,69,87,.06),0 18px 40px -18px rgba(31,51,66,.28),0 2px 6px rgba(31,51,66,.06);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;position:relative}
.report:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(44,69,87,.06),0 26px 50px -20px rgba(31,51,66,.32),0 2px 6px rgba(31,51,66,.06)}
.js .report.rv{transform:translateY(18px)}
.js .report.rv.in{transform:none}
.js .report.rv.in:hover{transform:translateY(-3px)}
.rp-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.rp-mark svg{width:30px;height:30px;display:block}
.rp-head b{display:block;font:600 16px Outfit,sans-serif;color:var(--ink)}
.rp-head span{font-size:13px;color:var(--muted)}
.rp-stamp{margin-left:auto;font:600 12px Outfit,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--green-text)!important;border:1.5px solid var(--green-text);border-radius:3px;padding:3px 8px;transform:rotate(3deg)}
.rp-grid{display:grid;grid-template-columns:1fr 1fr}
.rp-cell{padding:16px 0;border-bottom:1px solid var(--line)}
.rp-cell:nth-child(odd):not(.rp-wide){padding-right:20px;border-right:1px solid var(--line)}
.rp-cell:nth-child(even){padding-left:20px}
.rp-wide{grid-column:1/-1;border-bottom:0;padding-bottom:4px}
.rp-k{font:500 13px Outfit,sans-serif;color:var(--muted);margin-bottom:8px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.rp-k .real{font-size:12px;color:var(--green-text);background:var(--green-tint);border-radius:3px;padding:1px 7px}
.rp-big{font:500 30px/1 Outfit,sans-serif;letter-spacing:-.02em;color:var(--ink);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.rp-big .up{font:600 13px Outfit,sans-serif;color:var(--green-text);letter-spacing:0}
.rp-bars{width:100%;max-width:260px;margin-top:10px;overflow:visible}
.rp-bars rect{fill:var(--rule);transform-box:fill-box;transform-origin:bottom}
.rp-bars .now rect{fill:var(--ink)}
.rp-bars text{font:500 9px Outfit,sans-serif;fill:var(--muted);text-anchor:middle}
.js .report .rp-bars rect{transform:scaleY(0);transition:transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(.25s + var(--i) * 70ms)}
.js .report.in .rp-bars rect{transform:none}
.rp-stock{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px;color:var(--body);padding:5px 0}
.rp-stock em{display:block;font-style:normal;font-size:12px;color:#9A5B13}
.rp-stock .bar{height:6px;border-radius:3px;background:var(--mist);overflow:hidden}
.rp-stock .bar i{display:block;height:100%;width:var(--w);background:var(--ink);border-radius:3px;transform-origin:left}
.rp-stock.low .bar i{background:#C07A1E}
.rp-stock b{font:600 13px Outfit,sans-serif;color:var(--ink)}
.js .report .rp-stock .bar i{transform:scaleX(0);transition:transform .8s .4s cubic-bezier(.2,.8,.2,1)}
.js .report.in .rp-stock .bar i{transform:none}
.rp-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rp-mid{font:500 24px/1.1 Outfit,sans-serif;color:var(--ink);letter-spacing:-.02em}
.rp-trio small,.rp-row small{display:block;font-size:12px;color:var(--muted)}
.rp-list p{margin:0 0 6px;font-size:13.5px;color:var(--body);display:flex;gap:9px;align-items:baseline}
.rp-list .ok,.rp-list .warn{flex:none;width:8px;height:8px;border-radius:50%;background:var(--green-text);transform:translateY(-1px)}
.rp-list .warn{background:#C07A1E}
.rp-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:16px;align-items:center;padding:7px 0}
.rp-pn{font:500 14px Outfit,sans-serif;color:var(--ink)}
.rp-range{font:600 14px Outfit,sans-serif;color:var(--ink);text-align:right;white-space:nowrap}
.rp-rl .rl{margin:0 6px}
.report figcaption{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media (max-width:1020px){
  .report-grid{grid-template-columns:1fr}
  .report,.js .report.rv,.js .report.rv.in{transform:none}
}
@media (max-width:560px){
  .rp-grid{grid-template-columns:1fr}
  .rp-grid .rp-cell.rp-cell{padding-left:0;padding-right:0;border-right:0}
  .rp-row{grid-template-columns:minmax(0,1fr) auto}
  .rp-rl{grid-column:1/-1;grid-row:2}
}
@media (prefers-reduced-motion:reduce){
  .js .report .rp-bars rect,.js .report .rp-stock .bar i{transform:none;transition:none}
  .report,.report:hover{transform:none}
}

.rp-ex{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-size:13px;color:var(--body)}
.rp-ex b{font:600 12px Outfit,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--ink);border-radius:3px;padding:3px 8px}