/* Sariio v3: make understanding visible. Calm structure, deliberate colour. */
html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}
#sariio-site{--ink:#202421;--paper:#fff;--amber:#FFAF2E;--blue:#00B3EA;--teal:#00D3B9;--coral:#FF697B;background:#fff;color:var(--ink);font:17px/1.65 'DM Sans',sans-serif}
#sariio-site *{box-sizing:border-box}#sariio-site a{color:inherit}#sariio-site :focus-visible{outline:3px solid #087fa0;outline-offset:5px}#sariio-site img{max-width:100%;height:auto}
#sariio-site .site-header{max-width:1400px;padding:22px 40px;border-bottom:1px solid #20242125;gap:22px;flex-wrap:nowrap;background:white}
#sariio-site .site-brand{font-size:31px;letter-spacing:-1.5px;flex-shrink:0}#sariio-site .site-brand img{width:40px;height:40px}
#sariio-site .site-nav{justify-content:center;gap:20px;font-size:14px;font-weight:500}#sariio-site .site-nav a:hover{text-decoration:underline;text-underline-offset:6px}
#sariio-site .survey-nav{order:3;background:#fff;border:1px solid #202421;padding:9px 15px;box-shadow:none!important;font:500 13px/1.4 'DM Sans',sans-serif;text-decoration:none;white-space:nowrap;border-radius:3px}
#sariio-site .login-link{font-size:12px;color:#4e5752}#sariio-site .menu-toggle{order:4}
#sariio-site .site-footer{max-width:1320px;border-top:1px solid #20242125;padding:45px 40px;gap:30px;background:#fff;font-size:14px}
#sariio-site .site-footer .footer-brand{flex:1 1 260px}#sariio-site .site-footer nav{flex:1 1 360px;gap:10px 24px;align-content:start}#sariio-site .site-footer .legal-line{width:100%;color:#5d665f;font-size:12px}#sariio-site .footer-call{display:block;text-decoration:none}#sariio-site .footer-call span,#sariio-site .footer-call small{display:block}
#sariio-site .v3-main{max-width:1320px;margin:auto;background:#fff}
.v3-main h1,.v3-main h2,.v3-main h3{font-family:'DM Sans',sans-serif!important;font-weight:500;line-height:1.1;letter-spacing:-.045em;color:#202421;margin:0 0 22px}
.v3-main h1{font-size:clamp(40px,4.65vw,67px);max-width:800px}.v3-main h2{font-size:clamp(30px,3.1vw,44px);max-width:800px}.v3-main h3{font-size:25px;letter-spacing:-.025em;line-height:1.2}.v3-main p{margin:0 0 20px;max-width:730px}.v3-main .lead{font-size:clamp(19px,1.7vw,23px);line-height:1.5;color:#46524a}
.v3-eyebrow{font:500 11px/1.6 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#4d5951;margin-bottom:25px!important}.v3-note{font:15px/1.5 'Special Elite',monospace;letter-spacing:0}.v3-small{font-size:13px;color:#566159;line-height:1.6}.v3-link{display:inline-block;font-weight:600;text-underline-offset:5px;text-decoration-thickness:1px;padding:7px 0}.v3-link:hover{text-decoration-thickness:2px}
.v3-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin:28px 0 18px}.v3-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 20px;background:var(--ink);color:#fff!important;text-decoration:none;font-weight:500;font-size:15px;border:1px solid var(--ink);border-radius:3px;transition:background .2s,transform .2s}.v3-button:hover{background:#38463c;transform:translateY(-2px)}.v3-button.light{background:#fff;color:var(--ink)!important}
.v3-hero{padding:76px 40px 64px;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}.v3-hero>div{min-width:0}.v3-hero figure{margin:0;position:relative}.v3-hero figure>img{width:100%;display:block;aspect-ratio:1.1;object-fit:contain;border-radius:4px}.v3-hero figcaption{font:13px/1.5 'Special Elite',monospace;margin-top:14px;color:#546057}.v3-hero .v3-eyebrow{max-width:520px}.v3-hero .v3-lead-mark{background:linear-gradient(transparent 75%,#00D3B947 75%)}
.v3-route-strip{display:flex;flex-wrap:wrap;gap:8px 24px;padding:19px 40px;border-block:1px solid #20242125;font-size:13px;align-items:center}.v3-route-strip span{color:#58645b;margin-right:auto}.v3-route-strip a{text-decoration:none;font-weight:600}.v3-route-strip a:hover{text-decoration:underline;text-underline-offset:4px}
.v3-section{padding:75px 40px;border-bottom:1px solid #2024211c}.v3-section-header{display:flex;justify-content:space-between;gap:45px;align-items:start;margin-bottom:36px}.v3-section-header>div{flex:1}.v3-section-header>p{max-width:340px;color:#546057;padding-top:30px}.v3-section-header h2{max-width:700px}.v3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.v3-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-card{padding:30px 0 8px;border-top:3px solid var(--accent,var(--teal))}.v3-card .v3-number{font:14px 'Special Elite',monospace;display:block;margin-bottom:22px}.v3-card p{color:#4b574e;font-size:16px}.v3-card .v3-link{font-size:14px}.v3-card h3{max-width:360px}
.v3-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.v3-feature>div{min-width:0}.v3-feature figure{margin:0}.v3-feature figure>img{display:block;width:100%;border-radius:4px;aspect-ratio:1.4;object-fit:cover}.v3-feature figcaption{font-size:12px;color:#626c64;margin-top:12px}.v3-tint{background:#f6faf8}.v3-steps{list-style:none;margin:30px 0 0;padding:0}.v3-steps li{display:grid;grid-template-columns:30px 1fr;gap:16px;border-top:1px solid #20242125;padding:20px 0}.v3-steps .step-no{font:14px 'Special Elite',monospace;padding-top:4px}.v3-steps h3{font-size:21px;margin-bottom:8px}.v3-steps p{font-size:15px;margin:0;color:#4b574e}
.v3-example{border:1px solid #20242138;border-radius:4px;background:#fff;padding:32px;box-shadow:8px 8px 0 #00D3B919}.v3-example .v3-eyebrow{border-bottom:1px solid #20242125;padding-bottom:16px}.v3-example dl{margin:0}.v3-example dt{font-size:13px;font-weight:700;margin:20px 0 4px}.v3-example dd{margin:0;color:#4b574e;font-size:16px}.v3-example .v3-small{margin:22px 0 0;font-size:12px}.v3-example blockquote{margin:15px 0;font-size:23px;line-height:1.5}
.v3-proof{padding:44px 40px;display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;border-bottom:1px solid #20242125}.v3-proof blockquote{margin:0;font-size:clamp(20px,2vw,27px);line-height:1.45;letter-spacing:-.02em}.v3-proof cite{display:block;font-style:normal;font-size:13px;line-height:1.6;margin-top:15px}.v3-proof p{font-size:14px;color:#546057}.v3-price{font-size:44px;line-height:1.1;letter-spacing:-.04em;margin:24px 0 14px!important}.v3-price small{font-size:16px;letter-spacing:0}.v3-bullets{padding-left:21px;color:#46524a}.v3-bullets li{margin-bottom:10px}.v3-faq details{border-top:1px solid #20242130;padding:22px 0}.v3-faq summary{font-size:19px;font-weight:500;cursor:pointer}.v3-faq details p{padding-top:16px;font-size:16px}.v3-closing{padding:65px 40px;background:#f4faf8;display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.v3-closing h2{font-size:35px}.v3-closing p{color:#4b574e}.v3-closing .v3-actions{margin-top:0}.v3-free-band{padding:50px 40px;display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #20242125}.v3-free-band h2{font-size:30px;margin-bottom:12px}.v3-free-band p{font-size:15px;margin-bottom:0}.v3-free-band .v3-actions{flex-shrink:0;margin:0}.v3-brand-mark{position:absolute;bottom:10px;right:10px;width:27px!important;height:27px!important;object-fit:contain!important}
.v3-art-reveal{filter:grayscale(.85);transition:filter 2.8s ease}.v3-art-reveal.is-visible{filter:grayscale(0)}
/* Shared secondary pages retain their useful content, with quieter framing. */
#sariio-site.comic-secondary{background:#fff}#sariio-site.comic-secondary main{background:#fff}#sariio-site.comic-secondary .article-header{background:#fff}#sariio-site.comic-secondary h1,#sariio-site.comic-secondary h2{font-family:'DM Sans',sans-serif;letter-spacing:-.035em}#sariio-site.comic-secondary .article-hero{box-shadow:none;border:0;border-radius:4px;overflow:hidden}#sariio-site.comic-secondary .insight-card{box-shadow:none;border:1px solid #20242120;border-radius:4px;overflow:hidden}#sariio-site.comic-secondary .insight-card:hover{box-shadow:0 7px 22px #2024210b}
#sariio-site .pricing-page{background:#fff}#sariio-site .pricing-page h1,#sariio-site .pricing-page h2,#sariio-site .pricing-page h3{font-family:'DM Sans',sans-serif;letter-spacing:-.025em}#sariio-site .pricing-page .page-hero{padding-top:65px}.v3-pricing-context{padding:0 32px 32px;max-width:900px}.v3-pricing-context p{font-size:17px}.v3-pricing-context a{text-underline-offset:4px}
@media(min-width:1101px){#sariio-site .site-header .menu-toggle{display:none!important}#sariio-site .site-header .site-nav{display:flex!important}}
@media(max-width:1100px){#sariio-site .site-header{padding:18px 25px;flex-wrap:wrap;gap:18px}#sariio-site .site-header .site-brand{margin-right:auto}#sariio-site .site-header .survey-nav{order:1}#sariio-site .site-header .menu-toggle{order:2;display:block;font:14px 'DM Sans',sans-serif;min-height:42px;padding:9px 12px;background:#fff;border:1px solid #202421;border-radius:3px}#sariio-site .site-header .site-nav{order:3;flex:1 0 100%;justify-content:start;gap:6px 25px}#sariio-site .site-header.menu-ready:not(.menu-open) .site-nav{display:none}#sariio-site .site-header.menu-open .site-nav{display:flex}.v3-hero{gap:30px;padding-top:50px}.v3-hero h1{font-size:48px}.v3-feature{gap:35px}}
@media(max-width:760px){#sariio-site .site-header{padding:16px 20px;gap:12px}#sariio-site .site-brand{font-size:27px}#sariio-site .site-brand img{width:32px;height:32px}#sariio-site .survey-nav{font-size:12px;padding:8px 10px}.v3-hero{grid-template-columns:1fr;padding:45px 22px 35px;gap:28px}.v3-hero h1{font-size:44px}.v3-hero figure>img{aspect-ratio:1.5}.v3-route-strip{padding:20px 22px;gap:12px 22px}.v3-route-strip span{width:100%}.v3-section{padding:48px 22px}.v3-section-header{display:block;margin-bottom:26px}.v3-section-header>p{padding-top:0;max-width:none}.v3-grid,.v3-grid.two,.v3-feature,.v3-proof,.v3-closing{grid-template-columns:1fr;gap:30px}.v3-grid{gap:22px}.v3-card{padding-top:22px}.v3-feature h2{font-size:34px}.v3-proof{padding:34px 22px;gap:15px}.v3-proof .v3-eyebrow{margin-bottom:6px!important}.v3-example{padding:23px}.v3-closing{padding:45px 22px}.v3-free-band{padding:38px 22px;display:block}.v3-free-band .v3-actions{margin-top:24px}.v3-price{font-size:38px}#sariio-site .site-footer{padding:35px 22px}.v3-pricing-context{padding:0 22px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v3-art-reveal{filter:none;transition:none}.v3-button{transition:none}.v3-button:hover{transform:none}}

/* V3 art direction: open, abstract imagery; no comic framing on business pages. */
#sariio-site .v3-main{background:#fff}.v3-main figure{background:#fff}.v3-main figcaption{font-family:"DM Sans",sans-serif!important;font-size:12px;color:#687269}.v3-art-reveal{filter:saturate(.25);transition:filter 3s ease}.v3-art-reveal.is-visible{filter:saturate(1)}
#sariio-site.comic-secondary .page-hero,#sariio-site.comic-secondary section,#sariio-site .pricing-page{background-image:none}#sariio-site.comic-secondary .kicker{box-shadow:none;border:0;background:none}#sariio-site.comic-secondary .article-body{background:#fff}
/* Pricing and personal access retain functionality in a quieter frame. */
#sariio-seat-calculator{background:#f6faf8;border:1px solid #20242130;box-shadow:none;border-radius:4px}
#sariio-seat-calculator h2,#sariio-seat-calculator .type{font-family:'DM Sans',sans-serif;font-weight:500}
#sariio-seat-calculator .eyebrow{transform:none;background:none;border:0;padding:0;letter-spacing:.12em;font-size:11px}
#sariio-seat-calculator .result{background:#fff;border:1px solid #20242130;box-shadow:none;border-radius:4px}
#sariio-seat-calculator .bubble{border:0;border-radius:0;background:none}
#sariio-seat-calculator input[type=number]{font-family:'DM Sans',sans-serif;border:1px solid #20242180;box-shadow:none;border-radius:3px}
#sariio-seat-calculator .cta{background:#202421;color:white;box-shadow:none;border:1px solid #202421;border-radius:3px}
#sariio-site .editorial-page{background-image:none;background-color:#fff}
#sariio-site .editorial-page h1,#sariio-site .editorial-page h2,#sariio-site .editorial-page h3{font-family:'DM Sans',sans-serif;letter-spacing:-.035em;font-weight:500}

/* Recognisable line illustrations need space and an unbroken white background. */
#sariio-site.comic-secondary main h1,#sariio-site.comic-secondary main h2,#sariio-site.comic-secondary main h3{font-family:'DM Sans',sans-serif;letter-spacing:-.035em;font-weight:500}
#sariio-site.comic-secondary main h1{font-size:clamp(34px,4.2vw,58px);line-height:1.13}
#sariio-site.comic-secondary .site-header{background:#fff;border-bottom:1px solid #20242125}
#sariio-site.comic-secondary .site-header .survey-nav{font:500 13px/1.4 'DM Sans',sans-serif}
#sariio-site.comic-secondary .article-body{border:0;box-shadow:none;background:#fff}
#sariio-site.comic-secondary .article-body h2{border-top:1px solid #20242125;padding-top:24px}
#sariio-site.comic-secondary .article-body blockquote{border:0;border-left:3px solid var(--teal);background:#f4f8f6;box-shadow:none;color:#202421}
#sariio-site.comic-secondary .article-body blockquote p,#sariio-site.comic-secondary .article-body blockquote a{font:500 22px/1.5 'DM Sans',sans-serif;color:#202421}
#sariio-site.comic-secondary .share-pill{font:500 13px/1.4 'DM Sans',sans-serif;box-shadow:none;border:1px solid #20242150;border-radius:3px;background:#fff;padding:10px 14px}
#sariio-site.comic-secondary .page-hero{border-bottom:1px solid #20242125}
#sariio-site.comic-secondary .article-body .v3-line-hero{position:relative;background:#fff;border:0;box-shadow:none;padding:0 0 32px;margin:0 0 30px}
#sariio-site.comic-secondary .article-body .v3-line-hero>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;box-shadow:none;border-radius:0;background:#fff}
#sariio-site.comic-secondary .article-body .v3-line-hero>img.v3-art-mark{position:absolute;right:4px;bottom:0;width:28px;height:28px;aspect-ratio:1;margin:0;opacity:.75}
#sariio-site.comic-secondary .insight-card__image{background:#fff;border-bottom:1px solid #20242118;aspect-ratio:3/2}
#sariio-site.comic-secondary .insight-card__image:after{display:none}
#sariio-site.comic-secondary .insight-card__image img{width:100%;height:100%;aspect-ratio:3/2;object-fit:contain;background:#fff}
#sariio-site.comic-secondary .article-body .v3-belief-drawing{float:right;width:220px;margin:0 0 20px 26px;border:0;box-shadow:none;background:white}
#sariio-site.comic-secondary .article-body .v3-belief-drawing img{position:static;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0;border:0;box-shadow:none}
#sariio-site.comic-secondary .article-body:has(.v3-belief-drawing) h2{clear:both}
#sariio-site.comic-secondary .insight-card{border:1px solid #20242125;box-shadow:none;border-radius:3px;background:#fff}
#sariio-site.comic-secondary .insight-card h3{font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:-.025em}
body#sariio-site.comic-secondary .insight-card__tag{font:500 12px/1.4 'DM Sans',sans-serif;letter-spacing:.03em;padding:5px 8px;background:#126877;border:0;border-radius:2px}
#sariio-site.comic-secondary .insight-card__pin{font:500 12px/1.4 'DM Sans',sans-serif;border:0;border-radius:2px;background:#fff0d5}
@media(max-width:500px){#sariio-site.comic-secondary .article-body .v3-belief-drawing{float:none;width:220px;max-width:100%;margin:0 auto 22px}}
@media(prefers-reduced-motion:reduce){#sariio-site .v3-art-reveal{filter:none;transition:none}}

#sariio-site .art-page h1,#sariio-site .art-page h2{font-family:"DM Sans",sans-serif;font-weight:500;letter-spacing:-.035em}
#sariio-site .art-page h1{font-size:clamp(40px,5vw,66px);line-height:1.1}
#sariio-site .art-frame{border:0;box-shadow:none;background:#fff}
#sariio-site .art-page .eyebrow{font:500 12px/1.5 "DM Sans",sans-serif;letter-spacing:.1em}
#sariio-site .art-page .comic-button{font:500 15px/1.5 "DM Sans",sans-serif;border:1px solid #202421;border-radius:3px;box-shadow:none;background:#202421;color:#fff}

/* Version 2 visual character, version 3 customer journeys. */
#sariio-site main{background-color:#fff;background-image:radial-gradient(circle,#20242124 1.3px,transparent 1.7px);background-size:14px 14px}
#sariio-site .v3-main{background-image:radial-gradient(circle,#20242124 1.3px,transparent 1.7px);background-size:14px 14px}
#sariio-site .v3-main h1,#sariio-site .v3-main h2,#sariio-site .v3-main h3,#sariio-site.comic-secondary main h1,#sariio-site.comic-secondary main h2,#sariio-site.comic-secondary main h3{font-family:'Special Elite','Courier New',monospace!important;font-weight:400;letter-spacing:-.025em;line-height:1.17}
.v3-hero{background:rgba(255,255,255,.9)}
.v3-hero figure>img{aspect-ratio:auto;border:2px solid #202421;border-radius:0;box-shadow:7px 7px 0 #202421;object-fit:contain}
.v3-hero figcaption{margin-top:20px}
.v3-section{background:#fff}.v3-section.v3-tint{background:#e5faf6}
.v3-card{padding:25px;border:2px solid #202421;box-shadow:5px 5px 0 #202421;background:var(--accent,#00D3B9)}
.v3-card p{color:#202421}.v3-card .v3-link{color:#202421}
.v3-button{background:#FFAF2E;color:#202421!important;border:2px solid #202421;border-radius:0;box-shadow:4px 4px 0 #202421;font-family:'Special Elite',monospace}
.v3-button:hover{background:#ffc45f;color:#202421!important}.v3-button.light{background:#fff}
.v3-closing{background:#fff1d6;border-top:8px solid #FFAF2E}.v3-free-band{background:#fff}.v3-route-strip{background:#fff}
.v3-founder{display:grid;grid-template-columns:minmax(220px,.75fr) 1.25fr;gap:55px;align-items:center;background:#eaf8ff}
.v3-founder figure{margin:0}.v3-founder img{width:100%;height:auto;border:2px solid #202421;box-shadow:6px 6px 0 #202421}.v3-founder figcaption{margin-top:15px;font-size:13px}
.v3-level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.v3-level-grid a{text-decoration:none}.v3-level-grid img{display:block;width:160px;height:160px;object-fit:contain;margin:0 auto 20px;image-rendering:auto}.v3-level-grid span{font-weight:600}
#sariio-site img.v3-level-icon{display:block;width:120px;height:120px;object-fit:contain;margin:0 0 24px;image-rendering:auto}
#sariio-site.comic-secondary .article-body{background:#fff;border:1px solid #20242130}.insight-pop-hero{margin:0 0 30px}.insight-pop-hero img{width:100%;height:auto;border:2px solid #202421;box-shadow:5px 5px 0 #202421}
#sariio-site.comic-secondary .insight-card{border:2px solid #202421;box-shadow:4px 4px 0 #202421;border-radius:0}
#sariio-site.comic-secondary .insight-card__image{aspect-ratio:16/9}.insight-card__image img{object-fit:cover}
#sariio-site .v3-art-reveal{filter:grayscale(1);transition:filter 3s ease-in-out;image-rendering:auto}
#sariio-site .v3-art-reveal.is-visible{filter:grayscale(0)}
#sariio-site .v3-art-reveal:not(.is-visible){transition:none}
#sariio-site .about-hero-grid,#sariio-site .about-map-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
#sariio-site .about-media{margin:0}#sariio-site .about-media img{display:block;width:100%;height:auto;border:2px solid #202421;box-shadow:6px 6px 0 #202421}#sariio-site .about-media figcaption{margin-top:15px;font-size:13px}
#sariio-site .about-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}#sariio-site .about-card{padding:25px;border:2px solid #202421;box-shadow:5px 5px 0 #202421;background:#eaf8ff}#sariio-site .about-card:nth-child(2){background:#fff1d6}#sariio-site .about-card:nth-child(3){background:#dffaf5}
#sariio-site .about-david section{background:#fff}#sariio-site .about-map-section{background:#eaf8ff}
#sariio-site .site-nav{gap:14px;font-size:13px}
@media(max-width:760px){.v3-founder,#sariio-site .about-hero-grid,#sariio-site .about-map-grid,#sariio-site .about-card-grid{grid-template-columns:1fr;gap:28px}.v3-founder figure{max-width:360px}.v3-level-grid{grid-template-columns:1fr 1fr;gap:25px}.v3-level-grid img{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){#sariio-site .v3-art-reveal{filter:none!important;transition:none!important}}

/* Article colour records a visit; business-page colour follows the viewport. */
#sariio-site .v3-history-card .insight-card__image img{filter:grayscale(1);transition:none}
#sariio-site .v3-history-card.v3-article-opened .insight-card__image img{filter:grayscale(0)}
#sariio-site img.v3-history-art{filter:grayscale(1);transition:filter 3s ease-in-out}
#sariio-site img.v3-history-art.v3-article-opened{filter:grayscale(0)}
#sariio-site img.v3-history-instant{transition:none}
.v3-opened-label{display:inline-block;margin:0 8px 8px 0;padding:3px 7px;border:1px solid #202421;font:500 12px/1.4 'DM Sans',sans-serif;background:#fff}
@media(prefers-reduced-motion:reduce){#sariio-site img.v3-history-art{transition:none}}

/* Preview: direct, customer-led opening and personal contact. */
#sariio-site .v3-pressure-questions{padding-left:1.2em;margin:1.2rem 0;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.55}
#sariio-site .v3-pressure-questions li{margin-bottom:.45rem}
#sariio-site .v3-direct-contact{line-height:1.8;overflow-wrap:anywhere}