/* AIO proposal: retain VARISTA's expressive layout; add an editorial information layer. */
:root{--aio-green:#1d7d63;--aio-ink:#171b19;--aio-line:#ced8d2;--aio-mist:#f2f6f3}
.aio-section{padding:100px max(5vw,24px);position:relative;color:var(--aio-ink);background:#fff;scroll-margin-top:86px;isolation:isolate}
.aio-section.aio-tint{background:var(--aio-mist)}
.aio-layout{width:100%;max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.65fr);gap:clamp(32px,5vw,84px);align-items:start}
.aio-copy{position:sticky;top:86px;align-self:start;min-width:0}
.aio-label{color:var(--aio-green);font-size:14px!important;font-weight:850!important;letter-spacing:.075em;line-height:1.4!important;margin:0 0 24px!important}
.aio-copy h2{font-size:clamp(29px,2.7vw,43px)!important;line-height:1.5!important;letter-spacing:-.04em;margin:0 0 20px!important;font-weight:900!important}
.aio-copy>p:not(.aio-label){font-size:16px!important;font-weight:600;line-height:1.85;max-width:25em;margin:0}
.aio-body{min-width:0;font-size:17px;font-weight:600;line-height:1.9}
.aio-body h3{font-size:23px;line-height:1.55;letter-spacing:-.025em;font-weight:850;margin:0 0 13px}
.aio-body p{font-size:16px;line-height:1.9;font-weight:600;margin:0 0 20px}
.aio-facts{margin:0;width:100%}
.aio-facts>div{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:28px;padding:24px 0;border-bottom:1px solid var(--aio-line)}
.aio-facts>div:first-child{border-top:2px solid var(--aio-green)}
.aio-facts dt{font-size:15px;font-weight:800;color:var(--aio-green)}
.aio-facts dd{font-size:17px;line-height:1.85;margin:0;font-weight:600;overflow-wrap:anywhere}
.aio-facts dd a{text-decoration:underline;text-underline-offset:4px}
.aio-split-note{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:44px}
.aio-more,.aio-review-only{margin-top:28px;border-bottom:1px solid var(--aio-line);padding:0 0 18px}
.aio-more summary,.aio-review-only summary{font-weight:750;font-size:16px;cursor:pointer;line-height:1.7;padding:10px 0}
.aio-more p,.aio-review-only p{font-size:15px!important;line-height:1.9!important;max-width:60em;margin:16px 0 0!important}
.aio-note{display:flex;gap:14px;align-items:flex-start;font-size:14px!important;line-height:1.8!important;margin:0 0 28px!important;color:#385849}
.aio-note>span{border:1px solid #80998c;padding:2px 8px;font-size:11px;white-space:nowrap;line-height:1.7;border-radius:4px;margin-top:2px}
.aio-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin:0 0 40px}
.aio-price{background:#fff;padding:25px 22px;border-radius:12px;border:1px solid #cbd8d0;display:flex;flex-direction:column;align-items:flex-start;min-width:0;box-shadow:0 6px 0 #e2eae4}
.aio-price h3{font-size:21px;margin:12px 0 20px}
.aio-card-index{font-size:13px;font-weight:850;color:var(--aio-green)}
.aio-price .aio-price-value{color:var(--aio-green);font-size:clamp(28px,2.6vw,42px);font-weight:900;line-height:1.1;margin:0 0 14px;white-space:nowrap;letter-spacing:-.045em}
.aio-price-value small{display:block;font-size:12px;letter-spacing:0;margin:12px 0 0;font-weight:700}
.aio-price .aio-price-time{font-size:13px;border-top:1px solid var(--aio-line);width:100%;padding-top:18px;margin-top:8px;line-height:1.6;font-weight:750}
.aio-price>p:not(.aio-price-value):not(.aio-price-time){font-size:15px;line-height:1.9}
.aio-price details{font-size:14px;margin:0 0 24px;width:100%}
.aio-price details summary{cursor:pointer;font-weight:750;padding:4px 0}
.aio-price details p{font-size:14px;margin-top:12px}
.aio-link{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:850;line-height:1.6;color:var(--aio-green);text-decoration:none;border-bottom:1px solid currentColor;padding:10px 0}
.aio-link svg{width:22px;height:22px;flex:none}
.aio-price>.aio-link{margin-top:auto;width:100%;padding:12px 0 2px;border:0}
.aio-link:hover{color:#102e22}
.aio-capability-list>article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--aio-line)}
.aio-capability-list>article:first-child{border-top:2px solid var(--aio-green)}
.aio-capability-list p{margin:0}
.aio-status{font-size:11px;font-weight:800;line-height:1.7;border:1px solid #aac2b5;border-radius:30px;padding:6px 10px;align-self:start;text-align:center;white-space:nowrap;color:#345848}
.aio-status.confirmed{background:var(--aio-green);color:white;border-color:var(--aio-green)}
.aio-price-after{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:2px solid var(--aio-green);padding-top:28px}
.aio-price-after>div>span{display:block;font-size:13px;color:#486655;font-weight:750;margin-bottom:8px}
.aio-price-after strong{display:block;font-size:27px;font-weight:900;line-height:1.5;letter-spacing:-.035em}
.aio-price-after strong small{font-size:12px;margin-left:9px;letter-spacing:0}
.aio-price-after p{font-size:15px}
.aio-signal-flow{display:flex;align-items:center;margin:28px 0 40px;gap:12px}
.aio-signal-flow span{border:1.5px solid var(--aio-green);background:white;padding:16px 17px;border-radius:99px;font-size:16px;line-height:1.5;white-space:nowrap;font-weight:800}
.aio-signal-flow i{flex:1;height:2px;min-width:12px;background:var(--aio-green)}
.aio-footnote{font-size:13px!important;font-weight:550!important;line-height:1.9!important;color:#506458;margin:20px 0 0!important}
.aio-use-ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}
.aio-use-ideas article{border-top:2px solid var(--aio-green);padding-top:22px;min-width:0}
.aio-use-ideas article>span{font-size:11px;color:var(--aio-green);font-weight:800}
.aio-use-ideas h3{font-size:22px;margin:14px 0}
.aio-use-ideas p{font-size:15px}
.aio-use-ideas small{font-size:12px;color:#4c6d5b;line-height:1.7;display:block}
.aio-service-menu>a{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:25px;padding:25px 6px;border-bottom:1px solid var(--aio-line);text-decoration:none;color:var(--aio-ink);transition:padding .2s ease,background .2s ease}
.aio-service-menu>a:first-child{border-top:2px solid var(--aio-green)}
.aio-service-menu>a>span{color:var(--aio-green);font-size:14px;padding-top:5px}
.aio-service-menu h3{font-size:23px;margin-bottom:5px}.aio-service-menu p{font-size:14px;margin:0}
.aio-service-menu svg{width:25px;align-self:center;color:var(--aio-green)}
.aio-service-menu>a:hover{padding-left:16px;background:var(--aio-mist)}
.aio-faq details{border-bottom:1px solid var(--aio-line)}.aio-faq details:first-child{border-top:2px solid var(--aio-green)}
.aio-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:19px;line-height:1.6;font-weight:800;padding:26px 0;cursor:pointer}
.aio-faq summary::-webkit-details-marker{display:none}
.aio-faq summary>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #aac2b5;border-radius:50%;font-size:19px;font-family:Arial,sans-serif;line-height:1;transition:transform .2s}
.aio-faq details[open] summary>span{transform:rotate(45deg)}
.aio-faq details>div{padding:0 42px 25px 0}.aio-faq p{font-size:16px;margin:0;line-height:2}
.aio-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:2px solid var(--aio-green);padding-top:24px}
.aio-counts>a{display:block;text-decoration:none;color:var(--aio-green)}
.aio-counts strong{display:block;font-size:68px;line-height:1.3;font-weight:850;letter-spacing:-.04em}.aio-counts strong small{font-size:16px;margin-left:8px}
.aio-counts>a>span{font-size:14px;font-weight:750;color:var(--aio-ink);line-height:1.6;display:block}
.aio-h1-category{display:block!important;font-family:var(--font-site)!important;font-size:14px!important;line-height:1.7!important;font-weight:800!important;letter-spacing:.015em!important;color:var(--aio-green)!important;margin:0 0 14px!important;transform:none!important;position:static!important}
.story-hero h1 .aio-h1-category{font-size:clamp(10px,1vw,14px)!important;margin:18px 0 0!important;line-height:1.6!important;color:#253f32!important;max-width:100%}
.aio-review-tab{position:fixed;top:50%;right:0;z-index:37;display:flex;align-items:center;gap:8px;writing-mode:vertical-rl;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.13em;background:#182f24;color:#fff;padding:13px 8px;border-radius:9px 0 0 9px;box-shadow:0 3px 14px #0002}
.aio-review-tab span{font-size:11px;letter-spacing:.1em;color:#8ee6b5}
.aio-faq-hero{padding:65px 0 10px}.aio-faq-hero h1{font-size:clamp(36px,5vw,70px);line-height:1.4;letter-spacing:-.04em;margin:20px 0 25px}.aio-faq-hero h1 em{color:var(--aio-green);font-style:normal}.aio-faq-hero>p{font-size:18px;line-height:1.9}
.aio-jump-nav{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0}.aio-jump-nav a{border:1px solid var(--aio-line);border-radius:50px;padding:12px 20px;text-decoration:none;font-size:15px;font-weight:750}.aio-jump-nav a:hover{background:var(--aio-mist)}
.aio-editorial-link{display:grid;grid-template-columns:minmax(180px,.95fr) 1fr;gap:28px;align-items:center;text-decoration:none;color:inherit}
.aio-editorial-link img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.aio-editorial-link span{font-size:12px;font-weight:850;color:var(--aio-green);letter-spacing:.1em}.aio-editorial-link h3{font-size:24px;line-height:1.7;margin:14px 0 20px}.aio-editorial-link svg{width:30px;color:var(--aio-green)}
.aio-article-byline{font-size:13px!important;color:#486655;border-bottom:1px solid var(--aio-line);padding-bottom:22px}
.aio-article-related{background:var(--aio-mist);padding:28px;border-radius:10px;margin:48px 0}.aio-article-related h2{font-size:22px!important;margin:0 0 15px!important}.aio-article-related .aio-link{display:flex;margin:8px 0}
.aio-review-only{color:#4b6254}.page-wrap>.aio-section{padding-left:0;padding-right:0}
.aio-body :focus-visible,.aio-review :focus-visible{outline:3px solid #1d7d63;outline-offset:5px}
/* Existing CTAs and guides keep their own geometry. New copy stays above the guide when sticky. */
.aio-section{scroll-margin-top:0!important}
.aio-body>.aio-section-intro{margin-bottom:26px;font-size:17px}
.aio-body>.aio-facts+.aio-note{margin-top:28px!important}
@media(max-width:360px){.aio-signal-flow{flex-direction:column;gap:8px}.aio-signal-flow span{width:100%;text-align:center}.aio-signal-flow i{flex:none;min-width:0;width:2px;height:16px}.aio-price .aio-price-value{font-size:40px}.aio-price-value small{display:block;margin:10px 0 0}}
.aio-proposal-context{padding:22px;background:#eef6f0;border:1px solid #bdd1c4;border-radius:12px;margin-bottom:24px}
.aio-proposal-context strong{color:var(--aio-green);font-size:14px}
.aio-proposal-context p{white-space:pre-line;font-size:16px;line-height:1.9;margin:12px 0 0}
@media(min-width:1101px){.aio-section{padding-top:60px}.aio-copy{top:68px}.aio-copy h2{font-size:clamp(29px,2.5vw,40px)!important;line-height:1.45!important;margin-bottom:0!important}.aio-copy .aio-label{margin-bottom:18px!important}}
@media(min-width:1101px) and (max-height:800px){.aio-copy{top:68px}.aio-copy h2{font-size:32px!important}.aio-copy>p:not(.aio-label){font-size:14px!important}.aio-label{margin-bottom:18px!important}}
@media(min-width:1101px) and (max-height:680px){.aio-section{padding-top:24px}.aio-copy{top:12px}.aio-copy h2{font-size:28px!important;line-height:1.38!important}.aio-copy .aio-label{font-size:12px!important;margin-bottom:12px!important}}
@media(max-width:1100px){.aio-section{padding:76px 5vw}.aio-layout{grid-template-columns:1fr;gap:36px}.aio-copy{position:static}.aio-copy h2 br{display:none}.aio-copy>p:not(.aio-label){max-width:44em}.aio-price-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.aio-use-ideas{gap:28px}.aio-h1-category{font-size:13px!important}}
@media(max-width:600px){.aio-section{padding:60px 23px}.aio-copy h2{font-size:30px!important;line-height:1.5!important}.aio-copy h2 br{display:block}.aio-body{font-size:16px}.aio-body p{font-size:16px}.aio-label{font-size:12px!important;margin-bottom:18px!important}.aio-facts>div{grid-template-columns:1fr;gap:9px;padding:22px 0}.aio-facts dt{font-size:13px}.aio-facts dd{font-size:16px}.aio-price-grid{grid-template-columns:1fr;gap:24px}.aio-price{padding:27px}.aio-price h3{font-size:24px}.aio-price .aio-price-value{font-size:46px}.aio-price-value small{display:inline;margin-left:12px;font-size:12px}.aio-price .aio-price-time{font-size:14px}.aio-price-after{grid-template-columns:1fr;gap:10px}.aio-capability-list>article{grid-template-columns:1fr;gap:15px}.aio-status{justify-self:start;padding:5px 12px}.aio-note{display:block;font-size:13px!important}.aio-note>span{display:table;margin:0 0 9px}.aio-split-note,.aio-use-ideas{grid-template-columns:1fr;gap:25px}.aio-use-ideas p{margin-bottom:12px}.aio-signal-flow{gap:5px}.aio-signal-flow span{font-size:13px;padding:12px 10px}.aio-service-menu>a{grid-template-columns:22px minmax(0,1fr) 21px;gap:13px}.aio-service-menu h3{font-size:21px}.aio-service-menu p{font-size:13px}.aio-faq summary{font-size:18px;padding:24px 0}.aio-faq details>div{padding-right:0}.aio-counts{gap:12px}.aio-counts strong{font-size:44px}.aio-counts strong small{font-size:12px;margin-left:3px}.aio-counts>a>span{font-size:12px}.aio-h1-category{font-size:12px!important}.aio-review-tab{font-size:9px;padding:10px 5px}.aio-editorial-link{grid-template-columns:1fr;gap:20px}.aio-editorial-link h3{font-size:24px}.aio-editorial-link img{border-radius:8px}.aio-faq-hero{padding:28px 0 0}.aio-faq-hero>p{font-size:16px}.aio-jump-nav{gap:9px}.aio-jump-nav a{font-size:13px;padding:10px 14px}.aio-article-related{padding:22px}.story-hero h1 .aio-h1-category{max-width:29em;margin:12px auto 0!important;font-size:10px!important}}
@media(prefers-reduced-motion:no-preference){.aio-service-menu>a svg,.aio-editorial-link svg,.aio-link svg{transition:transform .2s}.aio-service-menu>a:hover svg,.aio-editorial-link:hover svg,.aio-link:hover svg{transform:translateX(4px)}}
