/* Source: styles/structure.css */
/* Overview -> benefits -> scope -> demonstration -> implementation -> news. */
.s-kicker{font-family:system-ui,sans-serif;font-size:17px;font-weight:750;line-height:1.4;letter-spacing:.11em;color:#087d83;margin:0 0 18px;display:flex;align-items:center;gap:11px}.s-kicker:before{content:"";width:10px;height:10px;background:#39b5a5;border-radius:2px;transform:rotate(45deg)}
.s-heading{text-align:center;margin:0 auto 42px}.s-heading .s-kicker{justify-content:center}.s-heading h2{font-size:38px;line-height:1.65;letter-spacing:.025em}.s-heading>p:last-child:not(.s-kicker){font-size:15px;line-height:1.9;margin-top:17px}.s-mobile-only{display:none}
.s-outline-link{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:54px;padding:12px 23px;border:1.5px solid #087d83;border-radius:50px;font-size:14px;font-weight:700;color:#086e74;background:#fff;line-height:1.6;transition:background .2s,transform .2s}.s-outline-link>span{font-size:21px}.s-outline-link:hover{background:#e6f7f2;transform:translateY(-2px)}.s-outline-link:focus-visible,.s-function-card:focus-visible,.s-function-more a:focus-visible,.s-news-list a:focus-visible{outline:3px solid #bb570b;outline-offset:5px}
.site-header .desktop-nav{gap:22px;font-size:12px}.desktop-nav a[aria-current=page]{color:#087d83;text-decoration:underline;text-underline-offset:6px}
.s-about{background:#e3f6ef;border-radius:65px 65px 0 0;padding:65px 0 60px}.s-about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.visual-home .s-about h2{font-size:37px;line-height:1.65}.s-about h2>span{color:#087d83}.s-about-copy>p:not(.s-kicker){font-size:14px;line-height:2.05;margin-top:17px;max-width:505px}.s-about-copy>.s-about-lead{font-size:17px!important;font-weight:700;line-height:1.9!important;margin-top:24px!important}.s-about-lead strong{background:linear-gradient(transparent 65%,#ffe094 65%);font-weight:700}.s-about-copy>.s-outline-link{margin-top:26px}.s-about-visual{position:relative;padding:20px 12px 94px 0;margin-top:15px}.s-about-visual figure{margin:0;border-radius:25px 80px 25px 25px;overflow:hidden;border:6px solid #fff;box-shadow:11px 11px 0 #a8e0d1;transform:rotate(2deg)}.s-about-visual img{width:100%;height:320px;object-fit:cover;object-position:center;display:block}.s-about-note{position:absolute;top:-2px;left:-17px;background:#ffdc79;color:#303b35;border:4px solid #e3f6ef;border-radius:50%;width:127px;height:127px;display:grid;place-content:center;text-align:center;font-size:13px;font-weight:700;line-height:1.8;transform:rotate(-9deg);z-index:1}.s-about-person{position:absolute;right:-15px;bottom:92px;width:93px;height:125px;z-index:2}.s-about-process{background:#fff;border:1px solid #8dc9b8;box-shadow:5px 5px 0 #bee6da;border-radius:15px;padding:15px 22px 17px;position:absolute;bottom:3px;left:20px;right:0;z-index:1}.s-about-process>p{font-size:11px;color:#087d83;font-weight:700;margin:0 0 10px}.s-about-process ol{list-style:none;display:flex;margin:0;padding:0;gap:20px;justify-content:space-between}.s-about-process li{position:relative;font-size:13px;font-weight:700;display:flex;gap:6px;align-items:center;line-height:1.6;white-space:nowrap}.s-about-process li b{font-family:system-ui,sans-serif;font-size:12px;color:#087d83}.s-about-process li:not(:last-child):after{content:"→";position:absolute;right:-16px;color:#7ab8a7;font-size:14px}
.s-benefits{padding:0 0 64px;background:#e3f6ef}.s-benefit-inner{background:#fff;border-radius:56px;padding:48px 66px 25px}.s-benefits .s-heading{margin-bottom:8px}.s-benefit-row{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:66px;padding:40px 0 43px;border-top:1px dashed #bfd4cb;margin-top:30px}.s-benefit-row:nth-of-type(2){grid-template-columns:1.15fr .85fr}.s-benefit-row:nth-of-type(2) .s-benefit-photo{order:2}.s-benefit-photo{position:relative;padding:0 0 26px}.s-benefit-photo>img{display:block;width:100%;height:248px;object-fit:cover;border-radius:28px 28px 65px 28px;box-shadow:9px 9px 0 #ffe5a4}.s-benefit-row:nth-of-type(2) .s-benefit-photo>img{box-shadow:9px 9px 0 #c2e8f4;object-position:58% center;border-radius:65px 28px 28px 28px}.s-benefit-row:nth-of-type(3) .s-benefit-photo>img{box-shadow:9px 9px 0 #c1e9dc}.s-benefit-photo>svg{position:absolute;left:-22px;bottom:-9px;width:86px;height:115px}.s-benefit-photo>.s-benefit-team{width:165px;height:112px;left:-26px;bottom:-15px}.s-benefit-photo>span{position:absolute;right:-14px;bottom:10px;background:#fff;border:1.5px solid #e3b94c;border-radius:13px;padding:10px 18px;line-height:1.8;font-size:12px;font-weight:700;transform:rotate(-6deg)}.s-benefit-row:nth-of-type(2) .s-benefit-photo>span{border-color:#74bfd6}.s-benefit-row:nth-of-type(3) .s-benefit-photo>span{border-color:#75c7af}.s-benefit-number{color:#987007;font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.08em;font-weight:650;margin-bottom:13px;display:flex;align-items:center;gap:9px}.s-benefit-number>b{font-size:26px;color:#d07700;line-height:1}.s-benefit-row:nth-of-type(2) .s-benefit-number,.s-benefit-row:nth-of-type(2) .s-benefit-number>b{color:#217a96}.s-benefit-row:nth-of-type(3) .s-benefit-number,.s-benefit-row:nth-of-type(3) .s-benefit-number>b{color:#087d83}.s-benefit-copy h3{font-size:25px;line-height:1.8;letter-spacing:.01em;margin:0}.s-benefit-copy h3 em{font-style:normal;color:#087d83}.s-benefit-copy>p:not(.s-benefit-number){font-size:14px;line-height:2.05;margin-top:16px}.s-benefit-change{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:22px;padding-top:15px;border-top:1px solid #dce8e2;line-height:1.8}.s-benefit-change>b{font-size:17px;color:#619989}.s-benefit-change>strong{font-size:12px;color:#08766b;background:#e6f7f0;border-radius:4px;padding:4px 10px}.s-benefit-copy>.v-text-link{font-size:13px;margin-top:17px}
.s-functions{background:#eef8fc;padding:61px 0 54px;position:relative}.s-functions .s-kicker{color:#24718b}.s-functions .s-kicker:before{background:#36a9cf}.s-functions .s-heading{margin-bottom:33px}.s-function-main{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.s-function-card{display:block;min-width:0;background:#fff;border:1px solid #b9dde8;border-radius:18px;padding:23px 24px 17px;transition:transform .2s,box-shadow .2s}.s-function-card:hover{transform:translateY(-4px);box-shadow:0 7px 0 #bedfe74d}.s-function-card-head{display:flex;align-items:center;gap:10px}.s-function-card-head>svg{width:30px;height:38px;flex-shrink:0}.s-function-card-head h3{font-size:19px;line-height:1.6;margin:0}.s-function-card-head>span{margin-left:auto;width:26px;height:26px;border-radius:50%;background:#087d83;color:#fff;display:grid;place-items:center;font-size:16px}.s-function-card>p{font-size:12px;margin-top:10px;line-height:1.8}.s-function-preview{position:relative;display:grid;place-items:center;background:#eaf7f1;border-radius:12px;height:208px;margin:17px 0 17px;overflow:hidden;padding-top:10px}.s-preview-paper{background:white;border:1px solid #bdd4c8;border-radius:3px;box-shadow:5px 5px 0 #cee5d9;width:190px;max-width:90%;padding:15px 15px 12px;transform:rotate(-4deg);align-self:start}.s-preview-paper>b{display:block;border-bottom:2px solid #83bdac;font-size:11px;line-height:1.7;padding-bottom:8px;margin-bottom:8px}.s-preview-paper>span{display:block;font-size:8px;padding:5px 0;line-height:1.6}.s-preview-paper i{display:block;width:90%;height:4px;background:#dbece5;margin-top:5px}.s-preview-paper>span:last-child i{width:70%}.s-preview-caption{position:absolute;bottom:13px;right:10px;border:1px solid #8abfaf;background:#fff;border-radius:30px;padding:4px 10px;font-size:10px;color:#08766b;font-weight:700;transform:rotate(3deg)}.s-preview-addition{background:#fff5d9}.s-preview-addition .s-preview-paper{border-color:#e1c886;box-shadow:5px 5px 0 #f0dea9;transform:rotate(3deg)}.s-preview-addition .s-preview-paper>b{border-color:#e4bc54}.s-preview-paper>.s-preview-check{font-size:10px;border-bottom:1px solid #e2e9e3;padding:9px 0}.s-preview-paper>.s-preview-missing{font-size:10px;background:#fff2c6;padding:6px;margin-top:8px}.s-preview-addition .s-preview-caption{border-color:#dbb34d;color:#806018}.s-preview-attendance{background:#e6f3fc}.s-preview-attendance .s-preview-paper{border-color:#b0d5e7;box-shadow:5px 5px 0 #cee6f4;transform:rotate(-2deg);margin-top:20px}.s-preview-attendance .s-preview-paper>b{border-color:#8ec5db}.s-preview-table{display:grid;grid-template-columns:.65fr 1.5fr .65fr;font-size:8px}.s-preview-table>span{border-bottom:1px solid #d9e6ed;padding:9px 1px;text-align:center}.s-preview-table>span:nth-child(-n+3){background:#edf6fc;font-size:7px;font-weight:700;padding:7px 1px}.s-preview-attendance .s-preview-caption{border-color:#8ac3d8;color:#24718b}.s-function-input{text-align:center;font-size:11px;line-height:1.8}.s-function-input>*{display:block}.s-function-input>b{color:#62a995;font-size:17px;line-height:1.6}.s-function-input>strong{font-size:13px}.s-function-detail{border-top:1px solid #d9e9e5;padding-top:13px;margin-top:17px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#087d83;font-weight:700}.s-function-detail>b{font-size:15px}.s-function-more{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.s-function-more>a{display:flex;align-items:center;gap:17px;padding:18px 22px;background:white;border:1px solid #bfdde6;border-radius:14px;transition:background .2s}.s-function-more>a:hover{background:#f9fefc}.s-function-more svg{width:53px;height:58px;flex-shrink:0}.s-function-more h3{font-size:16px;line-height:1.6}.s-function-more p{font-size:11px;margin-top:6px;line-height:1.8}.s-function-more a>span{margin-left:auto;font-size:20px;color:#087d83}.s-function-note{font-size:11px;color:#546b68;line-height:1.9;text-align:center;max-width:900px;margin:22px auto 0}.s-section-link{text-align:center;margin-top:27px}
.s-functions+.v-workflow.chat-workflow{border-radius:0;padding-top:45px}.bc-deliverables{padding-bottom:55px}
.s-news{background:#f2f7f5;border-radius:50px 50px 0 0;padding:56px 0 53px}.s-news-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px;align-items:start}.s-news-grid>div>h2{font-size:34px;line-height:1.6}.s-news-grid>div>p:not(.s-kicker){font-size:13px;line-height:1.9;margin-top:18px}.s-news-grid .s-outline-link{margin-top:25px;font-size:13px;min-width:230px}.s-news-list{list-style:none;padding:0;margin:0;border-top:1px solid #bad1c8}.s-news-list li{border-bottom:1px solid #bad1c8}.s-news-list li>a{position:relative;display:block;padding:23px 40px 24px 5px;transition:background .2s}.s-news-list li>a:hover{background:#fff}.s-news-meta{display:flex;align-items:center;gap:16px;font-size:12px;line-height:1.6;margin-bottom:12px}.s-news-meta>time{font-family:system-ui,sans-serif;font-weight:500;letter-spacing:.035em;color:#506a62}.s-news-meta>span{display:inline-block;font-size:10px;background:#fff;border:1px solid #7ebcac;border-radius:30px;min-width:85px;text-align:center;padding:2px 10px;color:#08766b}.s-news-list h3{font-size:15px;line-height:1.85;font-weight:700;max-width:590px}.s-news-list a>b{position:absolute;right:2px;top:48%;height:27px;width:27px;border-radius:50%;display:grid;place-items:center;font-size:18px;line-height:1;background:#f5a623;color:#303b35}.s-news .s-kicker{margin-bottom:14px}
.s-news-page-heading{padding-block:40px 37px}.s-news-page-heading h1{font-size:44px;line-height:1.6}.s-news-page-heading>p:last-child{font-size:15px;margin-top:12px}.s-news-page-index{max-width:950px;padding-bottom:10px}.s-news-page-index .s-news-list li>a{padding:23px 45px 23px 10px}.s-news-articles{max-width:950px}.s-news-article{padding:48px 0 45px;border-bottom:1px solid #d6e6df;scroll-margin-top:25px}.s-news-article h2{font-size:28px;line-height:1.8;letter-spacing:.01em;margin:19px 0 25px}.s-news-article>p{font-size:15px;line-height:2.1;margin-top:18px}.s-news-article>.s-outline-link{margin-top:27px}.s-news-article>.s-news-article-note{font-size:12px;color:#586d68}.s-news-return{padding-block:25px 55px;max-width:950px}
@media(min-width:761px) and (max-width:1100px){.site-header .desktop-nav{gap:14px;font-size:10px}.s-about-grid{gap:35px}.visual-home .s-about h2{font-size:29px}.s-about-copy>.s-about-lead{font-size:15px!important}.s-about-visual img{height:280px}.s-about-note{width:105px;height:105px;font-size:11px}.s-about-process{left:0;padding-inline:14px}.s-about-process li{font-size:10px;gap:4px}.s-about-process li b{font-size:10px}.s-about-process ol{gap:15px}.s-about-process li:not(:last-child):after{right:-13px}.s-benefit-inner{padding-inline:38px}.s-benefit-row{gap:40px;grid-template-columns:.9fr 1.1fr}.s-benefit-row:nth-of-type(2){grid-template-columns:1.1fr .9fr}.s-benefit-copy h3{font-size:20px}.s-benefit-copy>p:not(.s-benefit-number){font-size:13px}.s-benefit-photo>img{height:230px}.s-benefit-change{gap:6px;font-size:9px;flex-wrap:wrap}.s-benefit-change>strong{font-size:10px}.s-function-main{gap:16px}.s-function-card{padding:20px 16px 15px}.s-function-card-head h3{font-size:15px}.s-function-card-head{gap:7px}.s-function-card-head>svg{width:25px}.s-function-card-head>span{width:22px;height:22px;font-size:14px}.s-function-card>p{font-size:10px}.s-preview-paper{padding-inline:11px}.s-function-input{font-size:10px}.s-function-input>strong{font-size:11px}.s-function-more{gap:16px}.s-function-more>a{padding:15px;gap:10px}.s-function-more h3{font-size:13px}.s-function-more p{font-size:10px}.s-news-grid{gap:40px;grid-template-columns:.65fr 1.35fr}}
@media(max-width:760px){
 .s-mobile-only{display:block}.s-kicker{font-size:13px;gap:8px;margin-bottom:12px}.s-kicker:before{width:8px;height:8px}.s-heading{margin-bottom:26px}.s-heading h2{font-size:27px;line-height:1.65}.s-heading>p:last-child:not(.s-kicker){font-size:12px;line-height:1.9;margin-top:14px}.s-outline-link{font-size:12px;min-height:50px;padding:12px 19px;gap:25px}.s-outline-link>span{font-size:19px}
 .s-about{border-radius:32px 32px 0 0;padding:33px 0 36px}.s-about-grid{display:flex;flex-direction:column;gap:27px}.s-about-copy{width:100%}.visual-home .s-about h2{font-size:clamp(20px,6.15vw,28px);line-height:1.7}.s-about-copy>p:not(.s-kicker){font-size:13px;line-height:1.95;margin-top:15px;max-width:none}.s-about-copy>.s-about-lead{font-size:14px!important;margin-top:18px!important}.s-about-copy>.s-outline-link{margin-top:21px}.s-about-visual{width:100%;padding:15px 10px 83px 4px;margin:5px 0 0}.s-about-visual img{height:215px}.s-about-visual figure{border-width:4px;border-radius:18px 55px 18px 18px;box-shadow:6px 6px 0 #a8e0d1}.s-about-note{width:94px;height:94px;top:-6px;left:-3px;font-size:10px;border-width:3px}.s-about-person{width:65px;height:92px;right:-4px;bottom:81px}.s-about-process{left:14px;right:0;bottom:0;padding:12px 15px 15px;border-radius:12px;box-shadow:3px 3px 0 #bee6da}.s-about-process>p{font-size:9px;margin-bottom:9px}.s-about-process li{font-size:10px;gap:5px}.s-about-process li b{font-size:10px}.s-about-process ol{gap:14px}.s-about-process li:not(:last-child):after{right:-13px;font-size:12px}
 .s-benefits{padding-bottom:35px}.s-benefit-inner{border-radius:30px;padding:30px 22px 6px;width:calc(100% - 24px)}.s-benefits .s-heading h2{font-size:25px}.s-benefits .s-heading>p:last-child{font-size:11px}.s-benefit-row,.s-benefit-row:nth-of-type(2){display:flex;flex-direction:column;gap:28px;align-items:stretch;padding:27px 0 28px;margin-top:25px}.s-benefit-row:nth-of-type(2) .s-benefit-photo{order:0}.s-benefit-photo{width:100%;padding:0 0 20px}.s-benefit-photo>img{height:190px;border-radius:22px 22px 50px 22px;box-shadow:6px 6px 0 #ffe5a4}.s-benefit-row:nth-of-type(2) .s-benefit-photo>img,.s-benefit-row:nth-of-type(3) .s-benefit-photo>img{box-shadow:6px 6px 0 #c2e8f4}.s-benefit-row:nth-of-type(3) .s-benefit-photo>img{box-shadow:6px 6px 0 #c1e9dc}.s-benefit-photo>svg{width:60px;height:86px;left:-10px;bottom:-6px}.s-benefit-photo>.s-benefit-team{width:123px;height:85px;left:-12px;bottom:-9px}.s-benefit-photo>span{font-size:10px;padding:7px 12px;right:-5px;bottom:4px;border-radius:10px;line-height:1.8}.s-benefit-number{font-size:11px;gap:9px;margin-bottom:10px}.s-benefit-number>b{font-size:22px}.s-benefit-copy h3{font-size:20px;line-height:1.8;letter-spacing:0}.s-benefit-copy>p:not(.s-benefit-number){font-size:13px;line-height:1.95;margin-top:13px}.s-benefit-change{font-size:10px;gap:7px;margin-top:16px;padding-top:13px;flex-wrap:wrap}.s-benefit-change>strong{font-size:10px;padding:3px 8px}.s-benefit-copy>.v-text-link{font-size:11px;margin-top:13px}
 .s-functions{padding:34px 0 32px}.s-functions .s-heading{margin-bottom:23px}.s-functions .s-heading h2{font-size:26px}.s-function-main{grid-template-columns:1fr;gap:16px}.s-function-card{padding:17px 17px 13px;border-radius:15px;display:grid;grid-template-columns:110px 1fr;grid-template-areas:"head head" "intro intro" "preview io" "detail detail";column-gap:16px}.s-function-card-head{grid-area:head;gap:10px}.s-function-card-head>svg{height:30px;width:24px}.s-function-card-head h3{font-size:17px}.s-function-card-head>span{width:24px;height:24px;font-size:15px}.s-function-card>p{grid-area:intro;font-size:11px;margin-top:6px}.s-function-preview{grid-area:preview;height:116px;padding:7px 3px 0;margin:12px 0 0;border-radius:9px;overflow:hidden}.s-preview-paper{width:87px;max-width:95%;padding:7px 7px 6px;box-shadow:3px 3px 0 #cee5d9}.s-preview-paper>b{font-size:6px;padding-bottom:4px;margin-bottom:3px;border-width:1px}.s-preview-paper>span{font-size:5px;padding:3px 0}.s-preview-paper i{height:2px;margin-top:3px}.s-preview-caption{font-size:7px;padding:2px 5px;bottom:7px;right:3px;border-width:1px}.s-preview-paper>.s-preview-check{font-size:6px;padding:5px 0}.s-preview-paper>.s-preview-missing{font-size:6px;padding:3px;margin-top:5px}.s-preview-addition .s-preview-paper{box-shadow:3px 3px 0 #f0dea9}.s-preview-attendance .s-preview-paper{box-shadow:3px 3px 0 #cee6f4;margin-top:6px}.s-preview-table{font-size:5px}.s-preview-table>span{padding:6px 0}.s-preview-table>span:nth-child(-n+3){font-size:5px;padding:4px 0}.s-function-input{grid-area:io;align-self:center;font-size:10px;text-align:left;line-height:1.8;margin-top:12px}.s-function-input>b{text-align:left;padding-left:12px;font-size:16px}.s-function-input>strong{font-size:12px;line-height:1.9}.s-function-detail{grid-area:detail;font-size:10px;padding-top:10px;margin-top:13px}.s-function-more{grid-template-columns:1fr;gap:12px;margin-top:16px}.s-function-more>a{padding:14px 15px;gap:12px;border-radius:12px}.s-function-more svg{width:37px;height:43px}.s-function-more h3{font-size:13px}.s-function-more p{font-size:10px;line-height:1.8;margin-top:4px}.s-function-more a>span{font-size:17px}.s-function-note{font-size:10px;text-align:left;line-height:1.9;margin-top:17px}.s-section-link{margin-top:20px}.s-section-link .s-outline-link{font-size:11px;width:100%;max-width:350px}.s-functions+.v-workflow.chat-workflow{padding-top:32px}.bc-deliverables{padding-bottom:34px}
 .s-news{padding:34px 0 35px;border-radius:30px 30px 0 0}.s-news-grid{grid-template-columns:1fr;gap:24px}.s-news-grid>div>h2{font-size:28px}.s-news-grid>div>p:not(.s-kicker){font-size:12px;margin-top:11px}.s-news-grid>div>p:not(.s-kicker)>br{display:none}.s-news-grid .s-outline-link{min-width:0;font-size:11px;min-height:45px;margin-top:16px;padding:9px 17px;gap:37px}.s-news-list li>a{padding:18px 30px 18px 0}.s-news-meta{font-size:11px;gap:12px;margin-bottom:9px}.s-news-meta>span{font-size:9px;min-width:72px;padding:1px 8px}.s-news-list h3{font-size:13px;line-height:1.9}.s-news-list a>b{width:23px;height:23px;font-size:15px;right:0}.s-news .s-kicker{margin-bottom:10px}
 .s-news-page-heading{padding-block:25px 25px}.s-news-page-heading h1{font-size:32px}.s-news-page-heading>p:last-child{font-size:12px;line-height:1.9;margin-top:11px}.s-news-page-index .s-news-list li>a{padding:18px 29px 18px 0}.s-news-article{padding:32px 0}.s-news-article h2{font-size:21px;line-height:1.8;margin:17px 0 20px}.s-news-article h2>br{display:none}.s-news-article>p{font-size:13px;line-height:2;margin-top:16px}.s-news-article>.s-outline-link{font-size:12px;margin-top:22px}.s-news-article>.s-news-article-note{font-size:11px}.s-news-return{padding-block:23px 35px}
}
@media(min-width:520px) and (max-width:760px){.s-about-visual{max-width:470px}.s-about-visual img{height:280px}.s-about-process li{font-size:12px}.s-benefit-photo{max-width:430px;margin:auto}.s-benefit-photo>img{height:250px}.s-benefit-row{gap:30px}.s-benefit-copy{max-width:490px;margin:auto;width:100%}.s-benefit-copy h3{font-size:23px}.s-function-card{grid-template-columns:145px 1fr}.s-function-preview{height:140px}.s-preview-paper{width:110px;padding:11px}.s-preview-paper>b{font-size:8px}.s-preview-paper>span{font-size:7px}.s-preview-paper>.s-preview-check,.s-preview-paper>.s-preview-missing{font-size:8px}.s-function-input{font-size:12px}.s-function-input>strong{font-size:14px}}
@media(max-width:350px){.s-about-copy>.s-about-lead{font-size:12px!important}.s-about-copy>p:not(.s-kicker){font-size:12px}.s-about-visual img{height:185px}.s-about-process{left:5px;padding-inline:11px}.s-about-process li{font-size:9px;gap:3px}.s-about-process li b{font-size:9px}.s-about-process ol{gap:12px}.s-benefit-inner{padding-inline:18px}.s-benefits .s-heading h2{font-size:22px}.s-benefits .s-heading>p:last-child{font-size:9px}.s-benefit-photo>img{height:165px}.s-benefit-copy h3{font-size:17px}.s-benefit-copy>p:not(.s-benefit-number){font-size:12px}.s-benefit-change{font-size:9px;gap:5px}.s-benefit-change>strong{font-size:9px;padding-inline:5px}.s-functions .s-heading h2{font-size:23px}.s-function-card{padding-inline:13px;grid-template-columns:95px 1fr;gap:0 12px}.s-function-card-head h3{font-size:16px}.s-function-input{font-size:9px}.s-function-input>strong{font-size:11px}.s-function-more h3{font-size:12px}.s-function-more p{font-size:9px}.s-section-link .s-outline-link{font-size:10px;padding-inline:15px;gap:12px}.s-news-list h3{font-size:12px}}
@media(max-width:760px){.s-about-grid{gap:0;align-items:stretch}.s-about-copy{display:contents}.s-about-copy>.s-kicker{order:0}.s-about-copy>h2{order:1}.s-about-copy>.s-about-lead{order:2;margin-top:15px!important}.s-about-visual{order:3;align-self:center;margin:27px 0 7px}.s-about-copy>p:not(.s-kicker):not(.s-about-lead){order:4}.s-about-copy>.s-outline-link{order:5;align-self:flex-start}.s-benefit-row,.s-benefit-row:nth-of-type(2){gap:22px;margin-top:20px;padding-bottom:24px}.s-benefit-copy>p:not(.s-benefit-number){line-height:1.9}}
@media(prefers-reduced-motion:reduce){.s-outline-link,.s-function-card,.s-function-more>a,.s-news-list li>a{transition:none}.s-outline-link:hover,.s-function-card:hover{transform:none}}


/* Source: styles/follow-nav.css */
/* A persistent route to recruitment and consultation, shared by all pages. */
:root{--follow-header-height:130px}
html{scroll-padding-top:calc(var(--follow-header-height) + 14px);scroll-padding-bottom:20px}
.site-chrome{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 3px 14px #244d4610}
.site-chrome .site-header{height:76px}
.site-chrome .v-announcement{border-top:1px solid #f2d28b}
.site-chrome .v-announcement a{min-height:43px}
.site-chrome .v-announcement strong{font-weight:700}
.site-chrome .v-announcement em{font-size:11px;font-style:normal;border-left:1px solid #c49b39;padding-left:15px}
.site-chrome .header-contact{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.site-chrome .header-contact:hover{background:#06656b;color:#fff}
.site-chrome a:focus-visible,.contact-dock a:focus-visible{outline:3px solid #94500c;outline-offset:3px}
.contact-dock{display:none}
.skip-link{z-index:100}
@media(max-width:760px){
 :root{--follow-header-height:0px}
 html{scroll-padding-top:16px;scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom))}
 body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .site-chrome{position:relative;box-shadow:none}
 .site-chrome .site-header{height:66px}
 .site-chrome .v-announcement a{min-height:38px}
 .site-chrome .v-announcement em{display:none}
 .site-chrome .v-announcement strong{display:inline;font-size:11px;line-height:1.6;padding-left:8px}
 .site-chrome .mobile-menu nav{top:60px;max-height:calc(100dvh - 135px);overflow:auto}
 .contact-dock{position:fixed;bottom:0;left:0;right:0;z-index:35;display:grid;grid-template-columns:.95fr 1.15fr;gap:9px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #d8e5df;box-shadow:0 -4px 20px #244d4612;transform:translateY(110%);visibility:hidden;transition:transform .18s,visibility .18s;}
 .contact-dock.is-visible{transform:translateY(0);visibility:visible}
 .contact-dock a{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:9px;padding:7px 6px;line-height:1.5;text-align:center}
 .contact-dock-monitor{background:#ffdc79;border:1px solid #e4b94e;color:#353e33}
 .contact-dock-consult{background:#087d83;border:1px solid #087d83;color:#fff}
 .contact-dock small{font-size:9px;font-weight:400;white-space:nowrap}
 .contact-dock strong{font-size:13px;white-space:nowrap}
 .contact-dock strong span{margin-left:5px;font-size:14px}
 .contact-dock-consult:hover{background:#06656b;color:#fff}
 .contact-dock-monitor:hover{background:#ffcf50}
 body:has(dialog[open]) .contact-dock{visibility:hidden;pointer-events:none}
}
@media(max-width:350px){.contact-dock{padding-inline:9px;gap:7px}.contact-dock strong{font-size:11px}.contact-dock small{font-size:8px}.contact-dock strong span{margin-left:3px;font-size:12px}.site-chrome .v-announcement strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.contact-dock{transition:none}}


/* Source: styles/website-offer.css */
/* A tangible, finished website is the monitor benefit. */
.hp-offer{background:#ffcf57;color:#294739;padding:52px 0 42px;overflow:clip}
.hp-offer .wrap{max-width:1200px}
.hp-offer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #947a393b;padding-bottom:22px;margin-bottom:28px}
.hp-cohort{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:700}
.hp-cohort>strong{background:#fffef8;padding:4px 20px;border-radius:40px;font-size:17px;box-shadow:3px 3px 0 #d99a26}
.hp-cohort b{font-family:var(--font);font-size:31px;line-height:1.1;vertical-align:-2px;margin:0 3px}
.hp-one-class{font-size:12px;margin:0!important}
.hp-offer-grid{display:grid;grid-template-columns:.93fr 1.15fr;gap:25px;align-items:center}
.hp-intro{font-size:15px;margin-bottom:16px;letter-spacing:.025em}
.hp-offer h1,.visual-home .hp-offer h2{font-size:clamp(27px,2.8vw,38px);line-height:1.5;letter-spacing:0;color:#294739}
.hp-price{display:flex;align-items:baseline;white-space:nowrap;font-size:35px;margin-top:4px;line-height:1.2}
.hp-price strong{font-size:124px;line-height:1.1;letter-spacing:-.075em;margin:0 14px 0 8px;font-family:Arial,sans-serif;color:#087d83}
.hp-price>b{font-size:50px;margin-right:4px}
.hp-offer-description{font-size:14px;line-height:1.95;margin-top:23px}
.hp-scope-line{font-size:12px;font-weight:700;margin-top:22px!important;border-bottom:2px solid #fff8dd;display:inline-block;padding-bottom:5px}
.hp-cost-note{font-size:11px;line-height:1.8;max-width:420px;margin-top:10px!important;color:#4b503c}
.hp-options-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:32px 0 18px}
.hp-options-heading h3{font-size:21px;line-height:1.65}
.hp-options-heading>p{font-size:12px;line-height:1.8;margin:0}
.hp-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hp-options>button{text-align:left;background:#fffdf6;border:2px solid #fffdf6;border-radius:12px;padding:17px 22px 14px;color:#294739;box-shadow:0 4px 0 #b07f2030;transition:background .16s,border-color .16s;position:relative}
.hp-options>button:hover{background:#fff5d4;border-color:#8c9d7a}
.hp-options>button[aria-pressed=true]{border-color:#087d83;background:#f4fffb;box-shadow:0 4px 0 #087d83}
.hp-option-top{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.hp-option-top b{font-size:19px;line-height:1;color:#087d83}
.hp-option-top small{font-size:10px}
.hp-options>button>strong{display:block;font-size:20px;margin-bottom:7px;line-height:1.6}
.hp-options>button>span:not(.hp-option-top){font-size:12px;line-height:1.8;display:block}
.hp-options>button>em{font-size:11px;font-style:normal;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:9px;border-top:1px solid #dbe1d1}
.hp-options i{font-size:19px;font-style:normal}
.hp-choice-status{font-size:10px;text-align:right;margin-top:12px!important;line-height:1.7}
.hp-offer-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:28px;padding-top:25px;border-top:1px solid #947a394d}
.hp-offer-footer p{font-size:14px;line-height:1.8}
.hp-offer-footer p strong{font-size:18px}
.hp-offer-footer>div>span{font-size:10px;display:block;margin-top:7px}
.hp-offer-actions{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}
.hp-cta{background:#087d83;border-radius:40px;min-height:58px;padding:14px 23px;display:inline-flex;justify-content:space-between;align-items:center;gap:24px;color:white;font-size:14px;font-weight:700;box-shadow:0 4px 0 #06636b;text-align:center;line-height:1.6}
.hp-cta>span{font-size:20px}.hp-cta:hover{background:#066b70;color:white}
.hp-detail-link{font-size:12px;border-bottom:1px solid #788563;padding:5px;line-height:1.7}
.hp-terms-section{padding-block:65px 35px;max-width:1050px}
.hp-terms-section>header{text-align:center;margin-bottom:30px}
.hp-terms-section h2{font-size:30px;margin:8px 0 15px;line-height:1.6}
.hp-terms-section header>p:last-child{font-size:14px}
.hp-scope-table{margin:0;border-top:2px solid #087d83}
.hp-scope-table>div{display:grid;grid-template-columns:190px 1fr;gap:25px;padding:22px 15px;border-bottom:1px solid #d4e2da}
.hp-scope-table dt{font-size:14px;font-weight:700;color:#08696d}
.hp-scope-table dd{margin:0;font-size:13px;line-height:1.9}
.hp-making{background:#e6f3ee;border-radius:20px;margin-top:30px;padding:25px 30px}
.hp-making>p{font-size:14px;text-align:center}
.hp-making>ol{list-style:none;margin:22px 0 0;padding:0;display:flex;justify-content:space-around;gap:20px}
.hp-making li{display:flex;align-items:center;gap:12px;line-height:1.8;font-size:13px}
.hp-making li>b{border:1px solid #78aa95;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;color:#087d83}
.hp-participation{padding-bottom:30px}
.hp-participation .monitor-cooperation-section{margin-top:20px}
.hp-support-notice{background:#fff1c7;border:1px solid #e6c96d;border-radius:20px;padding:25px 30px;margin:25px 0}
.hp-support-notice>p:first-child{font-size:12px;font-weight:700;margin-bottom:8px}
.hp-support-notice h3{font-size:24px;line-height:1.6}.hp-support-notice>p{font-size:13px;margin-top:10px}
.hp-interest{border:0;border-top:1px solid #d2e0d8;padding:17px 0 0;margin:15px 0 21px}
.hp-interest legend{font-size:13px;font-weight:700;padding:0 8px 0 0}.hp-interest legend small{font-size:11px;font-weight:400}
.hp-interest label{display:flex;gap:9px;align-items:center;font-size:13px;min-height:44px;margin:0!important}
.hp-interest input{width:18px!important;height:18px;accent-color:#087d83;margin:0;flex:0 0 auto}
.hp-interest p{font-size:10px;line-height:1.8;margin:5px 0 0}
@media(min-width:761px) and (max-width:1100px){.hp-offer-grid{grid-template-columns:1fr 1fr;gap:16px}.hp-price{font-size:27px}.hp-price strong{font-size:103px}.hp-options>button{padding:16px}.hp-options>button>strong{font-size:18px}.hp-offer-footer{align-items:start}.hp-cta{font-size:12px;gap:10px;padding-inline:17px}.hp-offer-description{font-size:13px}.hp-offer-footer p strong{font-size:16px}}
@media(max-width:760px){
 .hp-offer{padding:29px 0 30px}.hp-offer-top{padding-bottom:17px;margin-bottom:23px;gap:8px;align-items:start}.hp-cohort{gap:9px;flex-wrap:wrap;font-size:11px}.hp-cohort>strong{font-size:12px;padding:4px 11px}.hp-cohort b{font-size:24px}.hp-one-class{font-size:9px;padding-top:8px;white-space:nowrap}
 .hp-offer-grid{display:flex;flex-direction:column;gap:19px}.hp-offer-copy{width:100%;text-align:center}.hp-intro{font-size:12px;margin-bottom:10px}.hp-offer h1,.visual-home .hp-offer h2{font-size:26px;line-height:1.5}.hp-price{justify-content:center;font-size:28px;line-height:1.1;margin-top:7px}.hp-price strong{font-size:100px;margin:0 13px 0 8px}.hp-price>b{font-size:40px}.hp-offer-description{font-size:12px;line-height:1.9;margin-top:17px}.hp-scope-line{font-size:10px;margin-top:17px!important}.hp-cost-note{font-size:10px;max-width:350px;text-align:left;margin:9px auto 0!important}

 .hp-options-heading{display:block;text-align:center;margin:19px 0 15px}.hp-options-heading h3{font-size:19px;line-height:1.7}.hp-options-heading h3>span{display:block}.hp-options-heading>p{font-size:11px;margin-top:8px}.hp-options{grid-template-columns:1fr;gap:11px}.hp-options>button{padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;border-radius:10px}.hp-option-top{grid-column:1/-1;margin:0 0 3px;gap:10px}.hp-option-top b{font-size:17px}.hp-option-top small{font-size:10px}.hp-options>button>strong{font-size:19px;grid-column:1;margin:0}.hp-options>button>span:not(.hp-option-top){grid-column:1;font-size:11px;line-height:1.7}.hp-options>button>em{grid-column:2;grid-row:2/4;flex-direction:column;justify-content:center;gap:5px;margin:0;padding:0 0 0 9px;border:0;border-left:1px solid #dbe1d1;font-size:9px}.hp-options i{font-size:23px}.hp-choice-status{text-align:center;font-size:9px;margin-top:13px!important}
 .hp-offer-footer{display:block;text-align:center;margin-top:23px;padding-top:22px}.hp-offer-footer p{font-size:12px}.hp-offer-footer p strong{font-size:17px}.hp-offer-footer>div>span{font-size:10px}.hp-offer-actions{margin-top:18px;gap:8px}.hp-cta{width:100%;max-width:420px;min-height:55px;font-size:12px;padding:13px 17px;gap:10px}.hp-detail-link{font-size:11px}
 .hp-terms-section{padding-block:39px 20px}.hp-terms-section h2{font-size:25px}.hp-terms-section header>p:last-child{font-size:12px;line-height:1.9}.hp-scope-table>div{display:block;padding:18px 3px}.hp-scope-table dt{font-size:14px;margin-bottom:8px}.hp-scope-table dd{font-size:12px;line-height:1.9}.hp-making{padding:20px 16px}.hp-making>p{font-size:12px;text-align:left}.hp-making>p>strong{display:block}.hp-making>ol{display:block;margin-top:16px}.hp-making li{font-size:12px;margin-top:13px;gap:14px}.hp-making li br{display:none}.hp-making li>b{height:30px;width:30px}.hp-support-notice{padding:20px}.hp-support-notice h3{font-size:20px}
 .site-chrome .v-announcement a{gap:7px}.site-chrome .v-announcement strong{font-size:11px;padding-left:8px}.site-chrome .v-announcement i{margin-left:0}
 .contact-dock{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));gap:8px}.contact-dock a{min-height:48px;padding:5px 5px;gap:1px}.contact-dock small{font-size:9px}.contact-dock strong{font-size:12px}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}html{scroll-padding-bottom:calc(73px + env(safe-area-inset-bottom))}
}
@media(max-width:350px){.hp-cohort{font-size:10px;gap:7px}.hp-cohort>strong{font-size:11px;padding-inline:9px}.hp-one-class{display:none}.hp-offer h1,.visual-home .hp-offer h2{font-size:23px}.hp-price{font-size:25px}.hp-price strong{font-size:86px}.hp-price>b{font-size:35px}.hp-offer-description{font-size:11px}.hp-scope-line{font-size:9px}.hp-cta{font-size:11px;padding-inline:13px}.hp-options>button>strong{font-size:18px}.hp-options>button>span:not(.hp-option-top){font-size:10px}.contact-dock small{font-size:8px}.contact-dock strong{font-size:11px}.site-chrome .v-announcement strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hp-options>button{transition:none}}

.hp-preview-link{display:block;text-align:right;font-size:12px;text-decoration:underline;margin-top:9px;text-underline-offset:4px}
@media(min-width:761px) and (max-width:1000px){
 .hp-offer-grid{grid-template-columns:1fr;gap:24px}.hp-offer-copy{text-align:center}.hp-price{justify-content:center;font-size:32px}.hp-offer-description{font-size:14px}.hp-cost-note{margin-inline:auto}.hp-options-heading{display:block;text-align:center}.hp-options-heading>p{margin-top:10px}.hp-offer-footer{display:block;text-align:center}.hp-offer-actions{margin-top:19px}.hp-cta{font-size:14px;min-width:350px}
}
@media(max-width:760px){.hp-preview-link{text-align:center;padding:8px}}


/* Source: styles/website-samples.css */
/* Three fictional identities, independent of the host LP. cqw scales each device preview. */
.hp-showcase.smp-showcase{position:relative;margin:0;min-width:0;padding:0 0 36px;isolation:isolate}
.smp-showcase:before{display:none}
.smp-sample-heading{display:flex;justify-content:space-between;align-items:baseline;font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;border-bottom:1px solid #8e743c70;padding:0 0 12px;margin-bottom:18px;color:#493f2d;font-size:11px;letter-spacing:.04em}
.smp-sample-heading>span{font-size:9px;letter-spacing:.16em}.smp-sample-heading>b{font-weight:400}
.smp-scene{position:relative;padding-right:24px;padding-bottom:43px}
.smp-desktop{border:5px solid #26323b;border-radius:9px;background:#26323b;box-shadow:5px 8px 0 #98782e25;overflow:hidden}
.smp-browserbar{height:21px;display:flex;align-items:center;justify-content:space-between;color:#a8b1b8;padding:0 8px;font:8px/1 Arial,sans-serif}
.smp-browserbar span{font-size:6px;letter-spacing:3px}.smp-browserbar i{font-size:6px;letter-spacing:.15em;font-style:normal}
.smp-frame{container-type:inline-size;overflow:hidden;background:white}
.smp-page{font-family:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-weight:400;line-height:1.5;letter-spacing:0;overflow:hidden}
.smp-page p,.smp-page p+p{margin:0}.smp-page img{display:block;object-fit:cover;width:100%;border:0;border-radius:0;box-shadow:none;transform:none}
.smp-page .smp-nav{height:13cqw;display:flex;align-items:center;justify-content:space-between;padding:0 4.4cqw;gap:2cqw}
.smp-nav>b{font-weight:700;line-height:1.1}.smp-nav>b>span{display:block;font-size:1.45cqw;letter-spacing:.09em;font-weight:400;margin-top:1.1cqw}
.smp-nav-items{font-size:1.65cqw;white-space:nowrap;display:flex;align-items:center;gap:2cqw}
.smp-nav-items>span{padding:1.5cqw 2.3cqw;background:#1658aa;color:#fff;font-size:1.5cqw}
.smp-menu{display:none;font-style:normal}
.smp-phone{position:absolute;right:0;bottom:0;width:23%;padding:5px 4px 7px;background:#26323b;border:1px solid #26323b;border-radius:17px;box-shadow:4px 6px 0 #98782e25;overflow:hidden}
.smp-camera{background:#657078;width:24%;height:3px;border-radius:2px;margin:0 auto 5px}
.smp-phone .smp-frame{border-radius:7px}
.smp-phone .smp-page .smp-nav{height:22cqw;padding-inline:7cqw}
.smp-phone .smp-nav-items{display:none}.smp-phone .smp-menu{display:block;font-size:8cqw;line-height:1}
.smp-phone .smp-nav>b>span{font-size:3cqw;margin-top:2cqw}
.smp-showcase figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:1px 12px;font-size:10px;line-height:1.8;color:#55503e}
.smp-showcase figcaption>strong{font-weight:400}
/* 01 / Soranone */
.smp-sora{color:#143a61;background:#fff}
.smp-sora-logo{font-size:5.2cqw;letter-spacing:-.07em;color:#1658aa}
.smp-sora-hero{position:relative;padding-bottom:11cqw;background:#fff}
.smp-sora-hero>img{height:51cqw;object-position:55% 47%}
.smp-sora-title{position:absolute;left:0;bottom:0;background:#1658aa;color:#fff;padding:4.5cqw 5cqw;width:61%}
.smp-sora-title>small{font:1.4cqw/1.5 Arial,sans-serif;letter-spacing:.12em;display:block;margin-bottom:1.7cqw}
.smp-sora-title>strong{display:block;font-size:5.8cqw;line-height:1.5;letter-spacing:.03em;font-weight:700}
.smp-sora-title>span{font-size:1.65cqw;display:block;margin-top:2cqw}
.smp-vertical{position:absolute;right:3cqw;bottom:3cqw;font:1.5cqw/1 Arial,sans-serif;letter-spacing:.15em;color:#1658aa}
.smp-sora-about{display:grid;grid-template-columns:1fr 2.25fr .25fr;gap:2cqw;align-items:center;padding:6cqw 5cqw 5cqw}
.smp-sora-about>span{font-size:1.8cqw;letter-spacing:.09em;color:#1658aa}
.smp-sora-about>p{font-size:2.8cqw;line-height:1.7;font-weight:700}.smp-sora-about>i{font-style:normal;font-size:5cqw;color:#1658aa}
.smp-sora-links{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #dce4ee;margin:0 5cqw 4cqw}
.smp-sora-links>span{font-size:1.8cqw;display:flex;justify-content:space-between;padding:3cqw 2cqw;border-right:1px solid #dce4ee}.smp-sora-links>span:last-child{border:0}.smp-sora-links b{font-size:1.4cqw;color:#1658aa}
.smp-phone .smp-sora-logo{font-size:9cqw}.smp-phone .smp-sora-hero{padding-bottom:47cqw}.smp-phone .smp-sora-hero>img{height:84cqw;object-position:68% center}.smp-phone .smp-sora-title{width:94%;padding:7cqw 6cqw}.smp-phone .smp-sora-title>small{font-size:2.5cqw;margin-bottom:3cqw}.smp-phone .smp-sora-title>strong{font-size:11cqw;line-height:1.55}.smp-phone .smp-sora-title>span{font-size:3.2cqw}.smp-phone .smp-vertical{display:none}.smp-phone .smp-sora-about{display:block;padding:9cqw 7cqw}.smp-phone .smp-sora-about>span{font-size:3.5cqw}.smp-phone .smp-sora-about>p{font-size:5cqw;margin-top:4cqw}.smp-phone .smp-sora-about>i{display:none}.smp-phone .smp-sora-links{display:none}
/* 02 / Akari */
.smp-akari{background:#f7f5ef;color:#363d40;font-family:'Yu Mincho','Hiragino Mincho ProN','Noto Serif CJK JP',serif}
.smp-akari .smp-nav{height:15cqw;padding:0 5cqw;border-bottom:1px solid #d9d5cb}
.smp-akari-logo{font-size:6.2cqw;letter-spacing:.16em;font-weight:400!important}
.smp-akari-logo>span{font-family:Arial,sans-serif;font-size:1.2cqw!important;letter-spacing:.1em!important}
.smp-akari .smp-nav-items{font-size:1.6cqw;letter-spacing:.04em}
.smp-akari-hero{position:relative;display:grid;grid-template-columns:30% 70%;padding-top:7cqw;padding-bottom:5cqw}
.smp-akari-hero>img{height:45cqw;object-position:65% 60%}
.smp-akari-title{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}
.smp-akari-title>span{font-size:1.4cqw;letter-spacing:.13em;margin-bottom:2.8cqw}
.smp-akari-title>strong{writing-mode:vertical-rl;font-size:4.1cqw;line-height:1.9;letter-spacing:.14em;font-weight:400;height:40cqw}
.smp-akari-title>small{font-size:1.4cqw;writing-mode:vertical-rl;position:absolute;left:3cqw;bottom:0;letter-spacing:.1em}
.smp-akari-about{display:grid;grid-template-columns:1fr 1.15fr .2fr;align-items:center;gap:3cqw;padding:5cqw 6cqw 7cqw;border-bottom:1px solid #d9d5cb;margin-inline:4cqw}
.smp-akari-about>span{font-size:1.65cqw;letter-spacing:.12em}.smp-akari-about>p{font-size:3.1cqw;line-height:1.9;font-weight:400}.smp-akari-about>i{font-size:4cqw;font-style:normal}
.smp-akari-foot{display:flex;justify-content:space-between;padding:4cqw 6cqw 5cqw;font-size:1.6cqw;letter-spacing:.1em}
.smp-phone .smp-akari-logo{font-size:11cqw}.smp-phone .smp-akari-logo>span{font-size:2cqw!important}.smp-phone .smp-akari-hero{display:flex;flex-direction:column;padding-top:6cqw;padding-bottom:0}.smp-phone .smp-akari-title{padding-bottom:7cqw}.smp-phone .smp-akari-title>span{font-size:3cqw;margin-bottom:5cqw}.smp-phone .smp-akari-title>strong{font-size:8cqw;height:80cqw;line-height:2}.smp-phone .smp-akari-title>small{display:none}.smp-phone .smp-akari-hero>img{height:72cqw;object-position:66% center}.smp-phone .smp-akari-about{display:block;padding:8cqw 4cqw;margin-inline:6cqw}.smp-phone .smp-akari-about>span{font-size:3cqw}.smp-phone .smp-akari-about>p{font-size:5cqw;margin-top:4cqw}.smp-phone .smp-akari-about>i,.smp-phone .smp-akari-foot{display:none}
/* 03 / Hiraku */
.smp-hiraku{background:#fff;color:#232323}
.smp-hiraku .smp-nav{height:12cqw;padding-inline:4cqw}
.smp-hiraku-logo{font-size:4.5cqw;letter-spacing:-.07em;font-weight:900!important;display:flex;gap:2cqw;align-items:center}
.smp-hiraku-logo>span{font-size:1.3cqw!important;letter-spacing:.08em!important;border-left:1px solid #b8b4b3;padding-left:2cqw;margin-top:0!important}
.smp-hiraku .smp-nav-items>span{background:#bf3a34;font-weight:700}
.smp-recruit-hero{position:relative;padding-bottom:0;background:#eeeae6}
.smp-recruit-title{display:flex;align-items:center;justify-content:space-between;padding:4cqw 5cqw 5cqw;background:#bf3a34;color:#fff}
.smp-recruit-title>b{font-family:Arial,sans-serif;font-size:16cqw;font-weight:900;line-height:.8;letter-spacing:-.075em}
.smp-recruit-title>div{padding-top:1cqw}.smp-recruit-title small{font-size:1.8cqw;display:block;margin-bottom:2cqw}.smp-recruit-title strong{font-size:4.7cqw;line-height:1.5;display:block;letter-spacing:-.01em}
.smp-recruit-hero>img{height:34cqw;object-position:55% 15%;width:92%;margin-left:8%}
.smp-recruit-side{position:absolute;left:2.2cqw;bottom:3cqw;writing-mode:vertical-rl;font:1.5cqw/1 Arial,sans-serif;letter-spacing:.12em}
.smp-recruit-foot{padding:5cqw 5cqw 6cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;border-bottom:1px solid #eee}
.smp-recruit-foot>b{font-size:3.2cqw}.smp-recruit-foot>span{font-size:1.65cqw;line-height:1.8}.smp-recruit-foot>i{font-size:5cqw;font-style:normal;color:#bf3a34}
.smp-phone .smp-hiraku-logo{font-size:8.5cqw}.smp-phone .smp-hiraku-logo>span{display:none}.smp-phone .smp-recruit-title{display:block;padding:8cqw 7cqw 9cqw}.smp-phone .smp-recruit-title>b{font-size:29cqw;line-height:.85}.smp-phone .smp-recruit-title>div{padding-top:8cqw}.smp-phone .smp-recruit-title small{font-size:3.1cqw;margin-bottom:3cqw}.smp-phone .smp-recruit-title strong{font-size:10cqw}.smp-phone .smp-recruit-hero>img{height:73cqw;width:100%;margin:0;object-position:58% center}.smp-phone .smp-recruit-side{display:none}.smp-phone .smp-recruit-foot{padding:8cqw 7cqw}.smp-phone .smp-recruit-foot>b{font-size:6cqw}.smp-phone .smp-recruit-foot>span,.smp-phone .smp-recruit-foot>i{display:none}
@media(min-width:761px) and (max-width:1000px){.hp-showcase.smp-showcase{width:100%;max-width:560px;margin:0 auto}.smp-scene{padding-right:28px}}
@media(max-width:760px){.hp-showcase.smp-showcase{width:100%;max-width:480px;padding-bottom:37px;margin:3px auto 0}.smp-sample-heading{font-size:10px;padding-bottom:10px;margin-bottom:13px}.smp-sample-heading>span{font-size:8px}.smp-scene{padding-right:17px;padding-bottom:30px}.smp-desktop{border-width:4px;border-radius:6px}.smp-browserbar{height:15px;padding:0 6px}.smp-browserbar>span{font-size:4px;letter-spacing:2px}.smp-browserbar>i{font-size:5px}.smp-phone{width:24%;padding:4px 3px 5px;border-radius:11px}.smp-camera{height:2px;margin-bottom:3px}.smp-phone .smp-frame{border-radius:5px}.smp-showcase figcaption{display:block;font-size:8px;line-height:1.8}.smp-showcase figcaption>span{display:block}}


/* Source: styles/readability.css */
/* Human-readable content stays distinct from the small lettering inside document mockups. */
.v-announcement strong small { display: block; font-size: 11px; line-height: 1.5; font-weight: 400; }
.site-chrome .v-announcement { padding-block: 10px; }
.v-hero-copy > .v-text-link { min-height: 46px; padding: 10px 18px; border: 1px solid #6b9694; border-radius: 5px; gap: 25px; font-size: 14px; }
.s-role-map { display: grid; grid-template-columns: 1fr 18px 1fr; gap: 9px; align-items: stretch; margin-top: 24px; }
.s-role-map > div { padding: 15px 16px; background: #fffdf7; border-left: 3px solid #d69120; }
.s-role-map > div:last-child { border-color: #398981; background: #fff; }
.s-role-map > div > span { display: block; font-size: 12px; color: #52685e; margin-bottom: 7px; }
.s-role-map strong { display: block; font-size: 16px; line-height: 1.7; }
.s-role-map p { font-size: 13px; line-height: 1.85; margin: 8px 0 0; }
.s-role-arrow { align-self: center; color: #527f70; font-size: 20px; transform: rotate(-90deg); }
.s-about-visual { padding-bottom: 20px; }
.s-about-person { bottom: 2px; }
.s-demo-entry { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 50px; padding: 12px 20px; margin-top: 24px; background: #267577; border: 1px solid #267577; border-radius: 6px; color: white; font-size: 14px; font-weight: 700; }
.s-demo-entry:hover { background: #195b5e; }
.s-demo-entry:focus-visible { outline: 3px solid #a65c17; outline-offset: 4px; }
.s-about-copy > .s-outline-link { display: flex; width: fit-content; min-height: 44px; border: 0; border-bottom: 1px solid #7b9f94; border-radius: 0; padding: 9px 0; margin-top: 13px; font-size: 13px; }
.hp-offer-grid { align-items: start; gap: 42px; }
.hp-offer-copy { padding-top: 24px; }
.hp-sample-workbench { min-width: 0; width: 100%; }
.hp-sample-workbench .hp-options-heading { display: block; text-align: left; margin: 0 0 18px; }
.hp-options-heading h3 { font-size: 23px; }
.hp-options-heading h3 > span { display: block; }
.hp-sample-workbench .hp-options-heading > p { font-size: 13px; margin-top: 8px; }
.hp-options.hp-compact-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.hp-options.hp-compact-options > button { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 11px 13px; min-height: 66px; border-radius: 6px; box-shadow: 0 3px 0 #a5792e30; }
.hp-options.hp-compact-options > button > small { font-size: 11px; font-family: system-ui, sans-serif; }
.hp-options.hp-compact-options > button > strong { font-size: 15px; line-height: 1.6; margin: 0; white-space: nowrap; }
.hp-options.hp-compact-options > button[aria-pressed="true"] { background: #235f60; color: #fff; border-color: #235f60; box-shadow: 0 3px 0 #164546; }
.hp-choice-status { margin: 19px 0 22px !important; text-align: left; min-height: 62px; }
.hp-choice-status strong, .hp-choice-status span { display: block; }
.hp-choice-status strong { font-size: 15px; line-height: 1.8; }
.hp-choice-status span { font-size: 12px; line-height: 1.9; margin-top: 4px; }
.hp-cost-note { font-size: 13px; line-height: 1.9; background: #fff8df; border-left: 3px solid #9b7130; padding: 12px 15px; margin-top: 17px !important; color: #403d2d; }
.hp-showcase.smp-showcase { padding-bottom: 53px; }
.smp-showcase figcaption { font-size: 12px; }
.hp-scope-line { font-size: 13px; }
.detail-title-line { display: block; }
.detail-title-smaller { font-size: .85em; }

/* Owner review: make participation and the first conversation easy to judge. */
.s-about-copy > .s-staff-note { margin-top: 19px; padding: 0 0 0 12px; border-left: 2px solid #6b9d8c; font-size: 13px; line-height: 1.8; }
.s-staff-note strong, .s-staff-note span { display: block; }
.s-staff-note span { font-size: 12px; margin-top: 3px; }
.hp-participation-brief { display: grid; grid-template-columns: .8fr 1.2fr; gap: 20px; margin-top: 26px; padding: 18px 22px; background: #fff7d9; border-block: 1px solid #c8a85a; }
.hp-participation-brief strong, .hp-participation-brief span { display: block; }
.hp-participation-brief strong { font-size: 14px; line-height: 1.8; }
.hp-participation-brief span { font-size: 12px; line-height: 1.9; margin-top: 3px; }
.v-mail-first { margin-top: 23px; padding: 20px 23px; background: #f8fffb; border-left: 3px solid #328785; }
.visual-home .v-mail-first > p:first-child { margin: 0 0 9px; font-size: 12px; color: #3d645d; }
.v-mail-first > strong { font-size: 19px; line-height: 1.7; }
.visual-home .v-mail-first > p { margin: 12px 0; font-size: 13px; line-height: 1.9; }
.v-mail-first > a { display: flex; justify-content: space-between; align-items: center; min-height: 44px; gap: 12px; padding-block: 9px; font-size: 14px; font-weight: 700; color: #17666a; border-bottom: 1px solid #76a39b; }
.v-mail-first details { margin-top: 10px; }
.v-mail-first summary { min-height: 44px; padding-block: 11px; font-size: 12px; }
.v-mail-first details p { font-size: 12px; line-height: 1.9; margin: 0 0 5px; }
.consult-method { border: 0; border-bottom: 1px solid #d2e0d8; padding: 0 0 17px; margin: 0 0 20px; min-width: 0; }
.consult-method legend { font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.consult-method legend small { font-size: 12px; font-weight: 400; margin-left: 7px; }
.visual-home .consult-method label { display: flex; gap: 9px; align-items: center; min-height: 46px; margin: 5px 0 0; padding: 9px 11px; border: 1px solid #bdd6cf; border-radius: 5px; font-size: 13px; line-height: 1.7; }
.consult-method label:has(input:checked) { background: #e7f6f0; border-color: #3e8f83; }
.consult-method input { width: 18px !important; height: 18px; margin: 0; padding: 0; flex: 0 0 auto; accent-color: #087d83; }

@media (min-width: 1001px) {
  .hp-offer-grid { grid-template-columns: .95fr 1.15fr; align-items: start; gap: 25px 60px; }
  .hp-sample-workbench { display: contents; }
  .hp-offer-copy { padding-top: 0; grid-column: 1; grid-row: 1; }
  .hp-sample-picker { grid-column: 1; grid-row: 2; }
  .hp-showcase.smp-showcase { grid-column: 2; grid-row: 1 / 3; width: 100%; max-width: 570px; justify-self: end; align-self: center; }
}

@media (max-width: 760px) {
  .mobile-header-actions > a, .mobile-menu > summary { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .site-chrome .v-announcement { padding-block: 7px; }
  .site-chrome .v-announcement a { gap: 12px; }
  .site-chrome .v-announcement strong { font-size: 12px; line-height: 1.6; }
  .site-chrome .v-announcement strong small { font-size: 10px; }
  .v-hero-copy > .v-text-link { font-size: 14px; min-height: 46px; padding: 10px 17px; margin-top: 10px; }
  .visual-home .v-hero .v-hero-description { font-size: 14px; line-height: 1.95; }
  .v-hero-actions small { font-size: 12px; }
  .s-role-map { order: 4; grid-template-columns: 1fr 13px 1fr; gap: 5px; margin-top: 20px; }
  .s-role-map > div { padding: 12px 10px; }
  .s-role-map > div > span { font-size: 11px; line-height: 1.7; }
  .s-role-map strong { font-size: 15px; }
  .s-role-map p { font-size: 12px; line-height: 1.85; }
  .s-role-arrow { font-size: 17px; }
  .s-about-copy > .s-staff-note { order: 5; margin-top: 16px; font-size: 14px; }
  .s-about-copy > .s-staff-note span { font-size: 12px; }
  .s-demo-entry { order: 5; margin-top: 20px; font-size: 14px; justify-content: space-between; }
  .s-about-copy > .s-outline-link { order: 6; font-size: 13px; margin-top: 12px; }
  .s-about-visual { margin-top: 22px; padding-bottom: 10px; }
  .s-about-person { bottom: 0; }
  .s-about-visual img { height: 190px; }
  .s-about-process > p { font-size: 11px; }
  .s-about-process li, .s-about-process li b { font-size: 11px; }
  .s-about-copy > p:not(.s-kicker):not(.s-about-lead) { font-size: 14px; }
  .s-benefit-inner { padding-inline: 22px; }
  .s-benefits .s-heading > p:last-child { font-size: 14px; }
  .s-benefits .s-heading h2 > span { display: inline-block; }
  .s-benefit-row, .s-benefit-row:nth-of-type(2) {
    display: grid; grid-template-columns: 100px minmax(0, 1fr);
    grid-template-areas: "number number" "photo title" "copy copy" "change change";
    gap: 14px 17px; padding: 25px 0; margin-top: 0; align-items: center;
  }
  .s-benefit-copy { display: contents; }
  .s-benefit-number { grid-area: number; margin: 0; font-size: 11px; }
  .s-benefit-number > b { font-size: 21px; }
  .s-benefit-photo { grid-area: photo; width: 100%; padding: 0; margin: 0; }
  .s-benefit-photo > img { height: 122px; width: 100%; object-fit: cover; border-radius: 8px 8px 28px 8px; box-shadow: 4px 4px 0 #ffe5a4; }
  .s-benefit-photo > span { display: none; }
  .s-benefit-photo > svg { width: 37px; height: 52px; bottom: -10px; left: -8px; }
  .s-benefit-photo > .s-benefit-team { width: 70px; height: 47px; left: -9px; bottom: -11px; }
  .s-benefit-copy h3 { grid-area: title; font-size: 18px; line-height: 1.8; }
  .s-benefit-copy h3 br { display: none; }
  .s-benefit-copy h3 em { display: block; }
  .s-benefit-copy h3 em > span { display: block; white-space: nowrap; }
  .s-benefit-copy > p:not(.s-benefit-number) { grid-area: copy; font-size: 14px; line-height: 1.9; margin: 3px 0 0; }
  .s-benefit-change, .s-benefit-copy > .v-text-link { grid-area: change; margin: 0; min-height: 44px; padding-top: 10px; font-size: 12px; }
  .s-benefit-change > strong { font-size: 12px; padding: 4px 7px; }
  .s-function-card > p { font-size: 14px; line-height: 1.8; }
  .s-function-input { font-size: 12px; }
  .s-function-input > strong { font-size: 14px; line-height: 1.8; }
  .s-function-detail { font-size: 12px; min-height: 41px; align-items: center; padding-top: 8px; }
  .s-function-more h3 { font-size: 15px; }
  .s-function-more p { font-size: 13px; }
  .s-function-note { font-size: 12px; }
  .s-heading > p:last-child:not(.s-kicker), .s-section-link .s-outline-link { font-size: 14px; }
  .v-section-heading > p, .v-section-heading > p:last-child, .bc-build-intro > p, .v-contact-copy > p { font-size: 14px; line-height: 1.9; }
  .bc-demo-context { font-size: 12px !important; }
  .cd-reset, .cd-send, .cd-view-switch button, .ca-playback-controls button, .cd-mobile-back, .cd-sources-toggle { min-height: 44px; padding-block: 9px; }
  .cd-reset { font-size: 12px; }
  .cd-disclosure, .bc-disclosure, .bc-sample-note, .v-diagnosis-note, .hp-detail-link { font-size: 12px; line-height: 1.9; }
  .v-faq .faq-list summary { font-size: 15px; line-height: 1.8; min-height: 56px; }
  .v-faq .faq-list p { font-size: 14px; line-height: 1.95; }
  .visual-home .v-eyebrow { font-size: 12px; }
  .visual-home .v-section-heading > p:not(.v-eyebrow):not(.bc-demo-context),
  .visual-home .bc-direction p, .visual-home .bc-underboard > p:not(.bc-disclosure),
  .visual-home .bc-deliverables-heading > p:not(.v-eyebrow),
  .visual-home .v-diagnosis-intro > div > p:not(.v-eyebrow),
  .visual-home .contact-copy > p:not(.v-eyebrow), .visual-home .v-before-meeting > p,
  .visual-home .cd-welcome p, .visual-home .cd-composer > p, .visual-home .v-flow-foot > p {
    font-size: 14px; line-height: 1.9;
  }
  .visual-home .bc-direction h3 { font-size: 16px; }
  .visual-home .bc-underboard details p { font-size: 14px; }
  .visual-home .bc-underboard .bc-disclosure, .visual-home .bc-sample-disclosure,
  .visual-home .v-estimate-note, .visual-home .form-intro, .visual-home .form-privacy,
  .visual-home .hp-interest > p, .visual-home .cd-source-note, .visual-home .cd-source-foot {
    font-size: 12px; line-height: 1.9;
  }
  .visual-home .contact-form-wrap legend { font-size: 14px; }
  .visual-home .work-choices label, .visual-home .hp-interest label { min-height: 44px; font-size: 14px; line-height: 1.65; display: flex; align-items: center; padding-block: 8px; }
  .hp-offer-grid { gap: 28px; }
  .hp-offer-copy { padding-top: 0; }
  .hp-offer-description { font-size: 14px; }
  .hp-offer-description br { display: none; }
  .hp-scope-line { font-size: 12px; line-height: 1.8; }
  .hp-cost-note { font-size: 12px; margin-top: 16px !important; max-width: none; }
  .hp-sample-workbench { max-width: 480px; }
  .hp-sample-workbench .hp-options-heading { text-align: center; margin-bottom: 17px; }
  .hp-options-heading h3 { font-size: 22px; }
  .hp-sample-workbench .hp-options-heading > p { font-size: 13px; }
  .hp-options.hp-compact-options { gap: 7px; }
  .hp-options.hp-compact-options > button { padding: 10px 8px; gap: 2px; min-height: 65px; }
  .hp-options.hp-compact-options > button > strong { font-size: 13px; }
  .hp-choice-status { min-height: 82px; margin: 16px 0 17px !important; }
  .hp-choice-status strong { font-size: 14px; }
  .hp-choice-status span { font-size: 12px; }
  .hp-showcase.smp-showcase { padding-bottom: 54px; }
  .smp-showcase figcaption { font-size: 12px; }
  .hp-offer-footer p { font-size: 14px; }
  .hp-participation-brief { grid-template-columns: 1fr; gap: 12px; padding: 16px; margin-top: 21px; }
  .hp-participation-brief > div + div { border-top: 1px solid #e4d49d; padding-top: 12px; }
  .hp-participation-brief strong { font-size: 14px; }
  .visual-home .consult-method label { font-size: 14px; padding-inline: 9px; }
  .v-mail-first { padding: 17px 18px; }
  .v-mail-first > strong { font-size: 18px; }
  .visual-home .v-mail-first > p { font-size: 14px; }
  .hp-offer-footer > div > span { font-size: 12px; line-height: 1.8; }
  .hp-cta { font-size: 14px; }
  .detail-hero h1 { font-size: clamp(24px, 6.7vw, 29px); line-height: 1.75; }
  .detail-title-line { white-space: nowrap; }
  .detail-hero > div > p:last-child, .article-copy > p, .article-copy ul { font-size: 14px; }
  .detail-hero { padding-block: 30px 37px; }
  .s-news-list h3 { font-size: 15px; }
  .s-news-grid > div > p:not(.s-kicker), .s-news-grid .s-outline-link, .s-news-article > p { font-size: 14px; }
}

@media (max-width: 350px) {
  .site-chrome .v-announcement a { gap: 8px; }
  .site-chrome .v-announcement strong { font-size: 11px; }
  .site-chrome .v-announcement strong small { font-size: 10px; }
  .s-benefit-inner { padding-inline: 17px; }
  .s-benefit-row, .s-benefit-row:nth-of-type(2) { grid-template-columns: 83px minmax(0,1fr); gap: 13px; }
  .s-benefit-copy h3 { font-size: 17px; }
  .s-benefit-copy > p:not(.s-benefit-number) { font-size: 14px; }
  .s-benefit-photo > img { height: 120px; }
  .s-benefit-change { gap: 5px; font-size: 11px; }
  .s-benefit-change > strong { font-size: 11px; }
  .s-role-map { grid-template-columns: 1fr; gap: 8px; }
  .s-role-map > div { padding: 12px 14px; }
  .s-role-map > div > span { margin-bottom: 3px; }
  .s-role-map p { margin-top: 3px; }
  .s-role-arrow { display: none; }
  .s-demo-entry { font-size: 13px; padding-inline: 14px; gap: 7px; }
  .s-function-card { grid-template-columns: 88px minmax(0,1fr); gap: 0 12px; }
  .hp-options.hp-compact-options > button { padding-inline: 6px; }
  .hp-options.hp-compact-options > button > strong { font-size: 12px; }
  .smp-showcase figcaption { font-size: 12px; }
}

/* Each section has one role: benefits are brief; ongoing support lives in AI partner. */
.s-benefit-support { display: flex; gap: 18px; align-items: center; border-top: 1px solid #c8ddd4; padding: 24px 0 12px; margin-top: 20px; }
.s-benefit-support > svg { width: 50px; height: 65px; flex: 0 0 auto; }
.s-benefit-support small { display: block; font-size: 12px; margin-bottom: 5px; color: #507263; }
.s-benefit-support strong { display: block; font-size: 16px; line-height: 1.8; }
.s-benefit-support > b { margin-left: auto; color: #087d83; font-size: 22px; }
.s-benefit-support:focus-visible { outline: 3px solid #ad651b; outline-offset: 4px; }
.s-demo-entry { border-radius: 50px; }
/* Copy review: keep meaningful phrases together without reducing type size. */
.copy-phrase { display: inline-block; white-space: nowrap; }
.detail-toc a { min-height: 44px; display: flex; align-items: center; font-size: 14px; }
.onboarding-note > span { display: block; }
.onboarding-note > span + span { margin-top: 10px; }
.article-copy li.workflow-detail > strong { display: block; color: #087d83; margin-bottom: 3px; }
.article-copy li.workflow-detail + li.workflow-detail { margin-top: 16px; }
.support-offer-footer { margin-block: 0 40px; }
.support-offer-footer .hp-support-notice { margin: 0; }
@media(max-width:600px) {
 .s-role-map { grid-template-columns: 1fr; gap: 8px; }
 .s-role-map > div { padding: 12px 14px; }
 .s-role-map > div > span { font-size: 12px; margin-bottom: 3px; }
 .s-role-map p { font-size: 13px; margin-top: 4px; }
 .s-role-arrow { display: none; }
 .s-benefit-copy h3 em > span { white-space: normal; }
 .onboarding-note { font-size: 12px; line-height: 1.9; }
}
@media(max-width:760px) {
 .s-benefit-support { gap: 12px; margin-top: 5px; padding: 18px 0 22px; }
 .s-benefit-support > svg { width: 35px; height: 50px; }
 .s-benefit-support strong { font-size: 14px; }
 .s-benefit-support small { font-size: 12px; margin-bottom: 3px; }
}


/* Source: styles/web-operations.css */
/* Browser work is shown as recognizable screens, with controls outside the animation. */
#chat-demo[hidden], #web-operations-demo[hidden], .wo-choice[hidden], .wo-demo [hidden], .v-flow-foot[hidden] { display: none !important; }
.wo-demo-choices { display: flex; gap: 9px; max-width: 720px; margin: 26px auto 28px; }
.wo-demo-choices .v-job-switch { display: contents; }
.visual-home .wo-demo-choices button { flex: 1 1 0; min-width: 0; min-height: 49px; border: 1px solid #8eaaa1; border-radius: 7px; padding: 12px; background: #fff; color: #31544a; font-size: 14px; font-weight: 700; }
.visual-home .wo-demo-choices button[aria-pressed=true] { color: #fff; background: #276f70; border-color: #276f70; }
.visual-home .wo-demo-choices button:hover { box-shadow: 0 2px 0 #8eaaa1; }
.visual-home .wo-demo-choices button:focus-visible, .wo-demo button:focus-visible, .wo-demo-link:focus-visible, .ai-partner a:focus-visible { outline: 3px solid #ad651b; outline-offset: 4px; }
.wo-demo { scroll-margin-top: calc(var(--follow-header-height, 0px) + 18px); }
.wo-intro { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 19px; }
.wo-intro > p { font-size: 12px; color: #52756a; margin: 0; }
.wo-intro h3 { font-size: 21px; line-height: 1.8; }
.wo-route { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; list-style: none; padding: 0; margin: 0 0 15px; }
.wo-route li { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 5px; border-bottom: 2px solid #d5e4dc; color: #61736a; font-size: 13px; }
.wo-route b { font: 700 12px/1.8 Arial,sans-serif; height: 23px; width: 23px; border: 1px solid #9bb5a8; border-radius: 50%; text-align: center; }
.wo-route .is-current { color: #195d5c; border-color: #257b78; font-weight: 700; }
.wo-route .is-current b { background: #257b78; border-color: #257b78; color: white; }
.wo-route .is-done { border-color: #82b9a8; }
.wo-workbench { display: grid; grid-template-columns: .8fr 1.2fr; border: 1px solid #92b5aa; background: #fff; border-radius: 12px; overflow: clip; box-shadow: 6px 6px 0 #d4e9e2; }
.wo-chat { padding: 24px; background: #fffefa; border-right: 1px solid #cbded5; display: flex; flex-direction: column; align-items: stretch; }
.wo-chat-header { display: flex; flex-wrap: wrap; gap: 7px 15px; align-items: baseline; margin-bottom: 22px; }
.wo-chat-header strong { font: 700 18px/1.5 system-ui,sans-serif; }
.wo-chat-header span { font-size: 10px; color: #60766e; }
.wo-request { border: 1px solid #d8e4df; border-radius: 13px 13px 3px 13px; background: #edf4f0; padding: 16px; }
.wo-request > span { font-size: 11px; color: #557367; }
.wo-request > p { font-size: 15px; line-height: 1.9; margin: 7px 0 15px; }
#wo-start { display: flex; gap: 25px; align-items: center; justify-content: space-between; width: 100%; background: #245f60; color: #fff; font-size: 13px; font-weight: 700; padding: 10px 16px; min-height: 46px; border: 0; border-radius: 6px; }
#wo-start > span { font-size: 21px; }
.wo-result { margin: 24px 0 18px; }
.wo-result p { font-size: 13px; line-height: 1.9; margin: 6px 0 12px; }
.wo-result .wo-reply-name { font: 700 14px/1.5 system-ui,sans-serif; margin-bottom: 12px; }
.wo-result > strong { font-size: 14px; border-bottom: 3px solid #f5cc69; }
.wo-result-file { display: flex; gap: 12px; align-items: center; padding: 13px 11px; background: #fff; border: 1px solid #adc8ba; border-radius: 6px; margin-top: 16px; }
.wo-result-file > span { color: #327a62; font-size: 31px; }
.wo-result-file b, .wo-result-file small { display: block; }
.wo-result-file b { font-size: 13px; }
.wo-result-file small { font-size: 10px; margin-top: 4px; line-height: 1.8; }
.wo-chat-note { font-size: 12px; line-height: 1.9; color: #607268; margin-top: auto; padding-top: 24px; }
.wo-browser { min-width: 0; background: #f6faf8; }
.wo-browser-bar { display: flex; align-items: center; gap: 12px; padding: 11px 17px; background: #e7ede9; border-bottom: 1px solid #bacfc4; }
.wo-browser-bar > span:not(.wo-window-dots) { font-size: 12px; }
.wo-window-dots { color: #9cafa2; font-size: 8px; letter-spacing: 1px; }
.wo-browser-bar small { margin-left: auto; font-size: 10px; color: #61766d; }
.wo-operation-bar { padding: 9px 17px; display: flex; justify-content: space-between; gap: 10px; background: #276a63; color: #fff; font-size: 11px; }
.wo-operation-bar b { font-size: 10px; font-weight: 400; color: #dbefdf; }
.wo-stage { padding: 17px 19px 9px; min-height: 87px; }
.wo-stage > p { font-size: 17px; line-height: 1.7; font-weight: 700; margin: 0; }
.wo-stage > span { font-size: 12px; line-height: 1.85; display: block; margin-top: 4px; }
.wo-stage > .wo-action-needed { font-size: 13px; font-weight: 700; padding: 8px 10px; margin-top: 8px; background: #fff3ce; border-left: 3px solid #d29a36; color: #664c22; }
.wo-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; padding: 0 19px 12px; border-bottom: 1px solid #d5e4db; }
.wo-controls > span { font-size: 10px; line-height: 1.7; color: #6a7b72; }
.wo-controls > div { display: flex; flex-wrap: wrap; gap: 6px; }
.wo-controls button { min-height: 38px; border: 1px solid #a7bfb1; border-radius: 4px; padding: 7px 10px; font-size: 11px; background: #fff; color: #305e50; }
.wo-screen { padding: 14px 18px 18px; min-height: 340px; }
.wo-system, .wo-sheet { border: 1px solid #bdcec3; background: #fff; border-radius: 4px; overflow: clip; }
.wo-app-menu { display: flex; gap: 18px; padding: 9px 12px; background: #f2f5f1; border-bottom: 1px solid #d5dfd6; font-size: 11px; align-items: center; }
.wo-app-menu strong { color: #246a63; position: relative; }
.wo-system-body { padding: 13px; }
.wo-screen-heading { display: flex; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 13px; }
.wo-screen-heading h4 { font-size: 15px; }
.wo-screen-heading > span { font-size: 10px; }
.wo-filters { display: flex; gap: 10px; align-items: center; font-size: 11px; }
.wo-filters strong { position: relative; display: flex; gap: 28px; padding: 7px 12px; border: 1px solid #a7b9ae; border-radius: 3px; font-size: 12px; background: #fff; }
.wo-filters i { font-style: normal; }
.wo-search-chip { background: #39756a; color: white; padding: 8px 12px; border-radius: 3px; }
.wo-table-note { margin: 15px 0 7px; font-size: 10px; color: #6a7a71; }
.wo-record-table, .wo-sheet-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; }
.wo-record-table th, .wo-record-table td { text-align: left; padding: 10px 9px; border-bottom: 1px solid #d8e1da; height: 40px; line-height: 1.6; }
.wo-record-table th { background: #eef4ef; color: #4b6c5b; font-size: 11px; font-weight: 400; }
.wo-record-table th:first-child { width: 25%; }
.wo-record-table th:last-child { width: 42%; }
.wo-reading { background: #fff1bc; box-shadow: inset 3px 0 #b88320; }
.wo-read { background: #f2f9f2; }
.wo-source-foot { font-size: 11px; line-height: 1.8; margin: 14px 0 0; min-height: 39px; }
.wo-source-foot b { color: #815515; margin-right: 6px; }
.wo-missing { color: #82541c; background: #fff4d8; }
.wo-pointer { width: 24px; height: 30px; position: absolute; right: -9px; bottom: -21px; z-index: 2; filter: drop-shadow(1px 2px 1px #456a4930); }
.wo-target { outline: 3px solid #edbd55; outline-offset: 2px; }
.wo-sheet-heading { display: flex; gap: 9px; align-items: center; padding: 12px; }
.wo-sheet-icon { font-size: 26px; color: #3b8366; }
.wo-sheet-heading h4 { font-size: 14px; }
.wo-sheet-heading p { font-size: 10px; margin: 3px 0 0; }
.wo-sheet-state { margin-left: auto; font-size: 10px; color: #3f6653; max-width: 90px; text-align: right; }
.wo-formula { display: flex; border-block: 1px solid #ccd9cf; min-height: 33px; align-items: center; font-size: 10px; }
.wo-formula b { min-width: 34px; border-right: 1px solid #ccd9cf; padding: 8px; font-weight: 400; }
.wo-formula span { padding: 5px 10px; line-height: 1.8; }
.wo-sheet-table th, .wo-sheet-table td { border: 1px solid #d9e1d9; text-align: left; height: 43px; padding: 9px 7px; line-height: 1.6; }
.wo-sheet-table th:first-child, .wo-col-letters td:first-child { width: 29px; background: #f0f4ef; font-size: 10px; color: #738473; text-align: center; font-weight: 400; }
.wo-sheet-table thead th { font-size: 11px; background: #f2f6f0; }
.wo-col-letters td { background: #f0f4ef; height: 23px; font-size: 10px; text-align: center; padding: 3px; color: #70816e; }
.wo-empty-cell { color: #a4b3a4; }
.wo-writing td { animation: wo-fill .65s ease-out both; border-bottom: 2px solid #6eab85; }
.wo-sheet-tabs { display: flex; gap: 18px; font-size: 10px; align-items: center; padding: 9px 15px; background: #f6f9f4; border-bottom: 1px solid #d9e1d9; }
.wo-sheet-tabs strong { color: #1d745c; border-bottom: 2px solid #559b73; }
.wo-sheet-check { padding: 12px; margin: 0; min-height: 62px; font-size: 11px; line-height: 1.8; }
.wo-sheet-check b { display: block; }
.wo-sheet-check.has-note { background: #fff5dc; }
.wo-disclosure { font-size: 11px; line-height: 1.9; color: #647b70; margin: 17px 4px 0; }
.wo-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes wo-fill { from { background: #ffe4a0; } to { background: #f3faf3; } }

/* A compact browser-to-sheet diagram introduces the detailed interactive example. */
.wo-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #497c72; }
.wo-feature { display: grid; grid-template-columns: .95fr 1.05fr; gap: 22px 40px; padding: 30px 34px; background: #fff; border: 1px solid #b9dde8; border-radius: 18px; margin-bottom: 26px; }
.wo-feature-copy h3 { font-size: 28px; line-height: 1.65; margin: 10px 0 12px; }
.wo-feature-copy em { font-style: normal; color: #087d83; }
.wo-feature-copy > p:not(.wo-eyebrow) { font-size: 14px; line-height: 1.9; max-width: 380px; }
.wo-feature-visual { display: grid; grid-template-columns: 1fr 26px 1fr; align-items: center; gap: 6px; align-self: center; width: 100%; padding: 16px; background: #edf7f5; border-radius: 12px; }
.wo-feature-screen { background: #fff; border: 1px solid #9cbcb4; border-radius: 6px; padding: 0 12px 12px; overflow: hidden; }
.wo-feature-screenbar { display: block; margin: 0 -12px 12px; padding: 5px 8px; border-bottom: 1px solid #c5ddd4; background: #e3f2ec; color: #789f92; font-size: 7px; letter-spacing: 2px; }
.wo-feature-screen > strong { display: block; font-size: 13px; line-height: 1.7; }
.wo-feature-screen > span:last-child { display: block; font-size: 12px; margin-top: 10px; color: #4b6d61; line-height: 1.7; }
.wo-feature-rows { display: grid; gap: 8px; padding: 12px 0 0; }
.wo-feature-rows i { height: 8px; background: #d4e7de; border-radius: 1px; }
.wo-feature-rows i:nth-child(2) { width: 80%; }
.wo-feature-cells { display: grid; grid-template-columns: repeat(3,1fr); padding-top: 10px; color: #237e68; }
.wo-feature-cells i { height: 20px; border: 1px solid #d1e3d9; text-align: center; font: normal 13px/19px system-ui,sans-serif; }
.wo-feature-destination { transform: translateY(12px); }
.wo-feature-connector { font-size: 25px; color: #087d83; text-align: center; }
.wo-feature-scope { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; border-top: 1px solid #d5e5e5; padding-top: 12px; }
.wo-feature-scope a { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; font-size: 13px; color: #086e74; }
.wo-demo-link { font-weight: 700; }
.wo-feature-scope a:focus-visible { outline: 3px solid #ad651b; outline-offset: 4px; }
.s-function-more > a:only-child { grid-column: 1 / -1; }

/* A person to call, with real questions surrounding an illustrative photo. */
.ai-partner { background: #fff9ec; padding: 72px 0 45px; border-top: 1px solid #eee1be; }
.ai-partner-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 60px; }
.ai-partner-visual { align-self: center; position: relative; padding: 48px 20px 54px; }
.ai-partner-visual figure { margin: 0; }
.ai-partner-visual img { width: 100%; height: 340px; object-fit: cover; border-radius: 110px 18px 85px 18px; box-shadow: 9px 9px 0 #f4d77a; }
.ai-question { position: absolute; background: #fff; border: 1px solid #bca87b; border-radius: 7px; padding: 12px 18px; font-size: 14px; line-height: 1.8; box-shadow: 2px 3px 0 #e8d4a633; margin: 0; }
.ai-question:after { content:''; width: 11px; height: 11px; border-right: 1px solid #bca87b; border-bottom: 1px solid #bca87b; background: #fff; position: absolute; bottom: -7px; left: 22px; transform: rotate(45deg); }
.ai-question-one { top: 0; left: 0; transform: rotate(-3deg); }
.ai-question-two { top: 28px; right: -5px; transform: rotate(4deg); }
.ai-question-three { bottom: 20px; left: 0; transform: rotate(-2deg); }
.ai-partner-person { position: absolute; width: 105px; height: 143px; bottom: 5px; right: -10px; }
.ai-partner-note { font-size: 11px; display: block; text-align: center; margin-top: 23px; }
.ai-partner-copy h2 { font-size: clamp(30px,3vw,42px); line-height: 1.7; margin: 12px 0 20px; }
.ai-partner-copy h2 em { font-style: normal; color: #a75b16; background: linear-gradient(transparent 75%,#f6d066 75%); }
.ai-partner-copy .ai-partner-lead { font-size: 20px; font-weight: 700; line-height: 1.7; margin-bottom: 15px; }
.ai-partner-copy > p:not(.wo-eyebrow):not(.ai-partner-lead):not(.ai-partner-scope) { font-size: 14px; line-height: 2; }
.ai-partner-promises { list-style: none; padding: 0; margin: 23px 0 18px; border-top: 1px solid #dcd1b2; }
.ai-partner-promises li { display: grid; grid-template-columns: 168px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid #dcd1b2; font-size: 12px; line-height: 1.8; }
.ai-partner-promises b { color: #52715b; font-size: 13px; }
.ai-partner-promises span strong { display: block; font-weight: 700; }
.ai-partner-copy .ai-partner-scope { font-size: 13px; color: #52614d; line-height: 1.9; border-left: 3px solid #d1b576; padding-left: 12px; }
.ai-partner-scope strong { display: block; margin-bottom: 4px; font-weight: 700; }
.ai-partner-scope a { display: block; text-decoration: underline; text-underline-offset: 4px; padding-top: 5px; }
.ai-partner-invite { grid-column: 1 / -1; display: flex; gap: 28px; align-items: center; justify-content: center; border-top: 1px dashed #cdbb93; padding-top: 25px; margin-top: 14px; }
.ai-partner-invite p { font-size: 16px; font-weight: 700; line-height: 1.8; }
.ai-partner-invite p small { display: block; font-size: 12px; font-weight: 400; margin-top: 4px; }
.ai-partner-invite a { display: inline-flex; gap: 30px; align-items: center; justify-content: space-between; background: #286f70; color: #fff; border-radius: 50px; padding: 15px 23px; min-height: 55px; font-size: 14px; font-weight: 700; }
@media(max-width:1000px) { .wo-workbench { grid-template-columns: .75fr 1.25fr; } .wo-chat { padding: 18px; } .wo-feature { gap: 20px; padding: 28px; } .wo-feature-copy h3 { font-size: 25px; } .ai-partner-grid { gap: 22px 35px; } .ai-question { font-size: 12px; padding: 9px 12px; } .ai-partner-visual img { height: 320px; } .ai-partner-promises li { grid-template-columns: 1fr; gap: 2px; } }
@media(max-width:760px) {
 .wo-demo-choices { gap: 6px; margin: 23px 0 20px; }
 .visual-home .wo-demo-choices button { min-height: 46px; padding: 10px 5px; font-size: 12px; white-space: nowrap; }
 .wo-intro { display: block; margin-bottom: 15px; }
 .wo-intro h3 { font-size: 18px; margin-top: 6px; }
 .wo-route { gap: 5px; }
 .wo-route li { display: block; text-align: center; font-size: 10px; padding: 7px 0; line-height: 1.7; }
 .wo-route b { display: block; margin: 0 auto 4px; height: 21px; width: 21px; font-size: 11px; }
 .wo-workbench { display: flex; flex-direction: column; box-shadow: 4px 4px 0 #d4e9e2; }
 .wo-chat { display: contents; }
 .wo-chat-header { order: 0; margin: 0; padding: 15px 15px 9px; gap: 6px 12px; }
 .wo-chat-header strong { font-size: 16px; }
 .wo-request { order: 1; margin: 0 13px 14px; padding: 12px; }
 .wo-request > p { font-size: 14px; line-height: 1.8; margin: 5px 0 11px; }
 .wo-demo[data-started=true] .wo-request { border-radius: 5px; }
 .wo-demo[data-started=true] .wo-request > p { margin-bottom: 0; }
 .wo-demo[data-started=true] .wo-request > span { display: none; }
 .wo-demo[data-started=true] .wo-chat-header { padding-block: 10px 6px; }
 .wo-browser { order: 2; border-top: 1px solid #b5cfc0; }
 .wo-result { order: 3; padding: 18px; margin: 0; border-top: 1px solid #b5cfc0; }
 .wo-result p { font-size: 14px; }
 .wo-chat-note { order: 4; padding: 15px; margin: 0; background: #f2f8f3; font-size: 12px; }
 .wo-browser-bar { padding: 10px 12px; gap: 8px; }
 .wo-browser-bar small { font-size: 9px; }
 .wo-operation-bar { padding: 8px 12px; }
 .wo-stage { padding: 13px 13px 8px; min-height: 100px; }
 .wo-stage > p { font-size: 15px; }
 .wo-stage > span { font-size: 12px; }
 .wo-controls { display: block; padding: 0 12px 12px; }
 .wo-controls > span { display: block; margin-bottom: 5px; }
 .wo-controls > div { gap: 6px; }
 .wo-controls button { min-height: 44px; padding: 8px; font-size: 11px; }
 .wo-screen { padding: 12px; min-height: 345px; }
 .wo-system-body { padding: 10px; }
 .wo-app-menu { font-size: 10px; gap: 15px; }
 .wo-screen-heading h4 { font-size: 14px; }
 .wo-screen-heading > span { font-size: 9px; }
 .wo-filters { gap: 7px; font-size: 10px; }
 .wo-filters strong { font-size: 11px; gap: 14px; padding-inline: 8px; }
 .wo-record-table, .wo-sheet-table { font-size: 11px; }
 .wo-record-table th, .wo-record-table td { padding-inline: 7px; }
 .wo-sheet-heading { padding: 10px; gap: 7px; }
 .wo-sheet-heading h4 { font-size: 13px; }
 .wo-sheet-state { font-size: 9px; max-width: 70px; }
 .wo-sheet-table td, .wo-sheet-table th { padding-inline: 5px; }
 .wo-disclosure { font-size: 12px; }
 .wo-feature { padding: 20px; gap: 17px; display: grid; grid-template-columns: 1fr; border-radius: 15px; }
 .wo-feature-copy h3 { font-size: 24px; margin: 8px 0 10px; }
 .wo-feature-copy > p:not(.wo-eyebrow) { font-size: 14px; }
 .wo-feature-visual { padding: 12px 9px 23px; grid-template-columns: 1fr 22px 1fr; gap: 4px; }
 .wo-feature-screen { padding: 0 8px 9px; }
 .wo-feature-screenbar { margin-inline: -8px; margin-bottom: 8px; }
 .wo-feature-screen > strong { font-size: 12px; }
 .wo-feature-screen > span:last-child { font-size: 11px; }
 .wo-feature-scope { flex-wrap: wrap; gap: 0 20px; padding-top: 8px; }
 .wo-feature-scope a { font-size: 13px; }
 .ai-partner { padding: 40px 0 34px; }
 .ai-partner-grid { display: flex; flex-direction: column; gap: 20px; }
 .ai-partner-copy { display: contents; }
 .ai-partner-copy > .wo-eyebrow { order: 0; margin: 0; }
 .ai-partner-copy h2 { order: 1; font-size: 30px; margin: -16px 0 -5px; }
 .ai-partner-visual { order: 2; width: 100%; padding: 25px 14px 45px; margin: 4px 0 0; }
 .ai-partner-visual img { height: 210px; border-radius: 70px 12px 60px 12px; }
 .ai-question { font-size: 12px; padding: 9px 12px; }
 .ai-question-two { top: 20px; right: 0; }
 .ai-question-three { bottom: 18px; left: 0; }
 .ai-partner-person { width: 60px; height: 85px; right: 0; bottom: 3px; }
 .ai-partner-note { font-size: 12px; line-height: 1.7; margin: 14px 48px 0 0; text-align: right; }
 .ai-partner-copy .ai-partner-lead { order: 3; font-size: 20px; margin: 0; }
 .ai-partner-copy > p:not(.wo-eyebrow):not(.ai-partner-lead):not(.ai-partner-scope) { order: 4; font-size: 14px; line-height: 1.95; margin: -14px 0 0; }
 .ai-partner-promises { order: 5; margin: -8px 0 0; }
 .ai-partner-promises li { grid-template-columns: 116px 1fr; gap: 10px; padding-block: 11px; }
 .ai-partner-promises b { font-size: 13px; }
 .ai-partner-promises span { font-size: 13px; }
 .ai-partner-copy .ai-partner-scope { order: 6; margin: -8px 0 0; font-size: 13px; }
 .ai-partner-invite { order: 7; display: block; text-align: center; margin-top: 0; padding-top: 21px; }
 .ai-partner-invite p { font-size: 16px; margin-bottom: 15px; }
 .ai-partner-invite a { font-size: 14px; padding-inline: 17px; width: 100%; gap: 10px; }
}
@media(max-width:350px) {
 .visual-home .wo-demo-choices button { font-size: 12px; padding-inline: 2px; }
 .wo-route li { font-size: 12px; }
 .wo-screen { padding: 9px; }
 .wo-controls button { font-size: 12px; padding-inline: 7px; }
 .wo-record-table td { padding-inline: 4px; }
 .wo-feature-copy h3 { font-size: 23px; }
 .ai-partner-copy h2 { font-size: 27px; }
 .ai-partner-visual img { height: 190px; }
 .ai-partner-promises li { grid-template-columns: 1fr; gap: 2px; }
 .ai-partner-invite a { font-size: 13px; }
}
@media(prefers-reduced-motion:reduce) { .wo-writing td { animation: none; } }

/* Professional design review: share the existing palette and keep the active screen readable. */
.wo-intro { justify-content: center; margin-bottom: 14px; }
.wo-intro h3 { color: #31544a; font-size: 18px; }
.visual-home .wo-demo-choices button[aria-pressed=true], #wo-start { background: #087d83; border-color: #087d83; }
.wo-workbench { border-color: #a6c7bf; box-shadow: 4px 4px 0 #d4e9e2; }
.wo-controls button { min-height: 44px; font-size: 12px; }
.ai-partner-invite a { background: #087d83; }
.ai-partner-invite a:hover { background: #06656b; }
.ai-partner-copy > .ai-partner-intro { font-size: 15px; line-height: 1.9; }
@media(max-width:760px) {
 .wo-route li { font-size: 12px; }
 .wo-intro h3 { font-size: 16px; line-height: 1.8; }
 .wo-route b { margin-bottom: 2px; }
 .wo-demo[data-started=true] .wo-chat-header { display: none; }
 .wo-demo[data-started=true] .wo-request { margin: 10px 12px; padding: 8px 11px; background: #f0f6f3; }
 .wo-demo[data-started=true] .wo-request > p { font-size: 12px; line-height: 1.7; }
 .wo-operation-bar { display: none; }
 .wo-browser-bar { padding: 8px 12px; }
 .wo-stage { min-height: 0; padding: 12px 12px 9px; }
 .wo-stage > p { font-size: 15px; line-height: 1.6; }
 .wo-stage > span { line-height: 1.65; }
 .wo-stage > .wo-action-needed { font-size: 12px; padding: 7px 9px; }
 .wo-controls { padding: 0 12px 10px; }
 .wo-controls > span { font-size: 12px; }
 .wo-controls button { font-size: 12px; padding-inline: 9px; }
 .wo-screen { min-height: 0; padding: 10px; }
 .wo-system-body { padding: 10px; }
 .wo-record-table, .wo-sheet-table { font-size: 12px; }
 .wo-record-table td, .wo-sheet-table td, .wo-sheet-table th { padding-block: 8px; height: 38px; }
 .wo-sheet-heading p, .wo-sheet-state { font-size: 11px; }
 .wo-formula, .wo-col-letters { display: none; }
 .wo-demo[data-stage=done] .wo-sheet-check { display: none; }
 .wo-result { padding: 14px; }
 .wo-result-file { margin-top: 10px; }
 .wo-result p { margin-block: 4px 8px; font-size: 13px; }
 .wo-result-file small { font-size: 11px; }
 .wo-chat-note { padding: 12px 15px; }
 .ai-partner-copy > .ai-partner-intro { order: 3; margin: 0; font-size: 14px; }
 .ai-partner-copy > .ai-partner-intro br { display: none; }
}
@media(max-width:350px) {
 .wo-feature { padding: 17px 15px; }
 .wo-feature-visual { padding-inline: 6px; gap: 3px; grid-template-columns: 1fr 18px 1fr; }
 .wo-feature-screen > strong { font-size: 11px; }
 .wo-feature-screen > span:last-child { font-size: 11px; }
 .wo-feature-scope { gap: 0; justify-content: space-between; }
 .wo-feature-scope a { font-size: 12px; gap: 5px; }
 .ai-partner-note { margin-right: 47px; font-size: 11px; }
}


/* Source: styles/brand.css */
/* The confirmed service name is drawn as one reusable brand asset. */
.site-header .wordmark { flex: 0 0 auto; gap: 0; min-height: 44px; }
.site-header .wordmark .brand-logo { display: block; width: 164px; height: auto; max-width: none; }
.footer-brand.brand-lockup { display: inline-flex; align-items: center; min-height: 60px; margin-bottom: 12px; }
.footer-brand .brand-logo { display: block; width: 194px; height: auto; }
@media(max-width:760px) {
  .site-header .wordmark .brand-logo { width: 140px; height: auto; }
  .site-header .mobile-header-actions { gap: 10px; }
  .footer-brand .brand-logo { width: 184px; }
}
@media(max-width:350px) {
  .site-header .wordmark .brand-logo { width: 136px; }
  .site-header .mobile-header-actions { gap: 8px; }
  .site-header .mobile-header-actions > a { padding-inline: 9px; }
}


/* Source: styles/brand-page.css */
/* v32: page identity derived from the approved v31 lettering.
   Keep application demos and the three example website brands independent. */
:root {
  --brand-ink: #343e37;
  --brand-orange: #d58a24;
  --brand-orange-text: #a45d18;
  --brand-paper: #fffdf7;
  --brand-cream: #faf3e4;
  --brand-sage: #edf3e8;
  --brand-line: #d8ddcf;
}
body { color: var(--brand-ink); }
.rich-footer #operator-name { font-size: 14px; font-weight: 700; color: var(--brand-ink); }
.rich-footer .operator-details { margin: 12px 0 22px; font-size: 12px; line-height: 1.9; }
.rich-footer .operator-details > div { display: flex; align-items: baseline; gap: 16px; margin-top: 4px; }
.rich-footer .operator-details dt { flex: 0 0 3em; color: #596451; }
.rich-footer .operator-details dd { margin: 0; color: #596451; }
.site-chrome { background: var(--brand-paper); border-bottom: 1px solid #e8e3d6; box-shadow: none; }
.site-header { background: var(--brand-paper); }
.site-header .desktop-nav > a:not(.header-contact) { color: var(--brand-ink); }
.site-header .desktop-nav > a:not(.header-contact):hover { color: var(--brand-orange-text); }
.site-header .header-contact,
.site-header .mobile-header-actions > a,
.contact-dock .contact-dock-consult { background: var(--brand-ink); color: #fffdf7; }
.site-header .header-contact:hover,
.site-header .mobile-header-actions > a:hover { background: #4c5a4f; }
.site-header .mobile-menu summary { border-color: var(--brand-line); color: var(--brand-ink); }
.site-chrome .v-announcement { background: #f7d18a; color: var(--brand-ink); }
.site-chrome .v-announcement a > span { background: var(--brand-paper); border: 1px solid #b57f37; border-radius: 6px; }
.site-chrome .v-announcement i { background: var(--brand-ink); color: var(--brand-paper); }
.site-chrome .v-announcement em { border-color: #b98443; }
.contact-dock .contact-dock-monitor { background: #f7d18a; color: var(--brand-ink); }
/* Warm paper, confident ink, and one restrained orange accent. */
.visual-home .v-hero { background: var(--brand-paper); }
.visual-home .v-hero h1 { color: var(--brand-ink); }
.visual-home .v-hero h1 .v-orange { color: var(--brand-orange-text); }
.visual-home .v-hero h1 .v-orange:last-child::after { background: #f5d99d; }
.v-hero .v-eyebrow, .v-text-link { color: var(--brand-ink); }
.v-hero .v-hero-photo { background: #e9eddd; }
.v-hero .v-photo-note { background: #f5d99d; color: var(--brand-ink); }
.v-hero .v-hero-chat { border-color: #9ca88f; box-shadow: 5px 6px 0 #dce3d0; background: #fffefa; }
.v-hero .v-hero-chat > span { color: #53674c; }
.visual-home .v-button { background: #edb252; color: var(--brand-ink); box-shadow: 0 3px 0 #bd7a24; }
.visual-home .v-button:hover { background: #f3c476; }
/* Paired rounded strokes echo the logo's dakuten, without another icon system. */
.s-kicker, .s-functions .s-kicker { color: var(--brand-ink); gap: 18px; }
.s-kicker::before, .s-functions .s-kicker::before {
  width: 4px; height: 15px; border-radius: 3px; flex: 0 0 4px;
  background: var(--brand-orange); transform: rotate(-24deg);
  box-shadow: 8px 0 0 var(--brand-orange); margin-right: 5px;
}
.s-about { background: var(--brand-cream); border-top: 1px solid #eee4cf; }
.s-about h2 > span { color: var(--brand-orange-text); }
.s-about-visual figure { background: #e2e9d8; }
.s-about-note { background: #f4d49c; color: var(--brand-ink); }
.s-role-map > div { border-color: #d8ddcf; }
.s-staff-note { color: #516149; }
.s-demo-entry { background: var(--brand-ink); color: #fffdf7; border-color: var(--brand-ink); }
.s-demo-entry:hover { background: #4c5a4f; color: #fffdf7; }
.s-outline-link { color: var(--brand-ink); border-color: #9aa58f; }
.s-benefits { background: #fff; }
.s-benefit-number { color: var(--brand-orange-text); }
.s-benefit-copy h3 em { color: var(--brand-orange-text); }
.s-benefit-support { background: var(--brand-sage); border-color: #c8d4bc; color: var(--brand-ink); }
/* Page headings follow the brand; the interactive workspaces retain their UI. */
.v-workflow.chat-workflow { background: #edf4ef; }
.v-workflow > .wrap > .v-eyebrow,
.bc-section .bc-eyebrow, .bc-deliverables .bc-eyebrow,
.wo-eyebrow { color: #53674c; }
.s-functions { background: #f0f4ed; }
.s-functions .s-heading h2, .s-functions .s-heading h2 em { color: var(--brand-ink); }
/* A signature beside the people providing the service. */
.ai-partner { background: var(--brand-paper); border-color: #eee4cf; }
.ai-partner-visual img { box-shadow: 9px 9px 0 #e4e9d8; }
.ai-partner-copy h2 em { color: var(--brand-orange-text); background: linear-gradient(transparent 82%,#f3d59e 82%); }
.ai-partner-promises { border-color: var(--brand-line); }
.ai-partner-promises li { border-color: var(--brand-line); }
.ai-partner-promises b { color: var(--brand-ink); }
.ai-partner-copy .ai-partner-scope { border-color: var(--brand-orange); }
.ai-partner .ai-question-three { bottom: 150px; }
.brand-provider-signature { display: flex; align-items: center; gap: 20px; margin: 29px 22px 0; }
.brand-provider-signature img { display: block; width: 153px; height: auto; border-radius: 0; box-shadow: none; object-fit: contain; }
.brand-provider-signature span { border-left: 1px solid #bcc5b2; padding-left: 20px; font-size: 12px; line-height: 1.9; color: #596451; }
.ai-partner-invite { border-top: 1px solid var(--brand-line); }
.ai-partner-invite a { background: var(--brand-ink); color: var(--brand-paper); }
.ai-partner-invite a:hover { background: #4c5a4f; }
/* The monitor offer reads as an invitation, with a strong benefit and quiet terms. */
.hp-offer { background: #f5d49a; color: var(--brand-ink); border-block: 1px solid #dfb56e; }
.hp-offer-top { border-color: #c49550; }
.hp-cohort > strong { background: var(--brand-ink); color: #fffdf7; border-radius: 6px; box-shadow: none; padding: 8px 18px; }
.hp-cohort > span { color: var(--brand-ink); }
.hp-offer h1, .visual-home .hp-offer h2 { color: var(--brand-ink); }
.hp-price strong { color: var(--brand-ink); }
.hp-scope-line { border-color: #bc914f; color: var(--brand-ink); }
.hp-cost-note { color: #5f513c; }
.hp-offer-footer { border-color: #c49550; }
.hp-cta { background: var(--brand-ink); color: var(--brand-paper); box-shadow: 0 3px 0 #1c2720; }
.hp-cta:hover { background: #4c5a4f; color: #fffdf7; }
.hp-offer .hp-options > button[aria-pressed="true"] { border-color: var(--brand-ink); background: var(--brand-ink); color: var(--brand-paper); box-shadow: 0 3px 0 #1c2720; }
/***** Shared supporting pages and closing sections *****/
.detail-hero .small-title { color: var(--brand-orange-text); }
.detail-hero { border-bottom: 1px solid var(--brand-line); padding-bottom: 52px; }
.detail-hero h1, .detail-section h2 { color: var(--brand-ink); }
.detail-toc a { border-color: var(--brand-line); color: var(--brand-ink); }
.s-news { background: var(--brand-sage); }
.s-news-list a { border-color: #cbd6c0; }
.s-news-meta > span { background: #e1e9d8; color: #46593e; }
.s-news-list a::after { background: #eabd73; color: var(--brand-ink); }
.contact-section.v-contact { background: var(--brand-cream); border-top: 1px solid #e6d9be; }
.v-contact .small-title { color: var(--brand-orange-text); }
.v-contact .form-submit { background: var(--brand-ink); color: var(--brand-paper); box-shadow: 0 3px 0 #1c2720; }
.v-contact .form-submit:hover { background: #4c5a4f; }
.rich-footer { background: var(--brand-paper); border-top: 1px solid var(--brand-line); padding-top: 58px; }
.rich-footer .footer-grid { align-items: start; gap: 50px; }
.rich-footer .footer-brand { margin-bottom: 24px; }
.rich-footer .footer-brand .brand-logo { width: 250px; }
.rich-footer .footer-grid > div > p { color: #596451; line-height: 1.95; }
.rich-footer .footer-grid nav a { color: var(--brand-ink); }
.rich-footer .footer-grid nav a:hover { color: var(--brand-orange-text); }
.rich-footer .footer-bottom { border-color: var(--brand-line); margin-top: 38px; }
.site-header a:focus-visible, .hp-cta:focus-visible,
.ai-partner-invite a:focus-visible, .v-button:focus-visible,
.rich-footer a:focus-visible { outline: 3px solid #a45d18; outline-offset: 5px; }
@media(max-width:760px) {
  .s-kicker, .s-functions .s-kicker { gap: 15px; }
  .s-kicker::before, .s-functions .s-kicker::before { height: 12px; width: 3px; flex-basis: 3px; box-shadow: 6px 0 0 var(--brand-orange); margin-right: 3px; }
  .brand-provider-signature { gap: 14px; margin: 22px 8px 0; }
  .brand-provider-signature img { width: 130px; height: auto; border-radius: 0; }
  .brand-provider-signature span { padding-left: 14px; font-size: 11px; }
  .ai-partner-visual { padding-bottom: 16px; }
  .ai-partner-person { bottom: 71px; }
  .ai-partner .ai-question-three { bottom: 105px; }
  .hp-cohort > strong { padding: 6px 11px; }
  .detail-hero { padding-bottom: 30px; }
  .rich-footer { padding-top: 38px; }
  .rich-footer .footer-grid { gap: 25px; }
  .rich-footer .footer-brand { margin-bottom: 18px; }
  .rich-footer .footer-brand .brand-logo { width: 210px; }
  .rich-footer .footer-bottom { margin-top: 27px; }
}
@media(prefers-reduced-motion:no-preference) {
  .site-header .header-contact, .s-demo-entry, .hp-cta,
  .ai-partner-invite a { transition: background-color .18s ease; }
}

@media(max-width:350px) {
  .brand-provider-signature { gap: 10px; }
  .brand-provider-signature img { width: 110px; flex: 0 0 110px; }
  .brand-provider-signature span { padding-left: 10px; font-size: 10.5px; white-space: nowrap; }
}