/* Service stories: concrete tasks, working screens and visible scope.
   quality.js owns all demonstration data. These styles only stage that data. */
.service-story{--ss-ink:#193c34;--ss-paper:#f8f7ef;--ss-accent:#dfea83;--ss-tone:#e4ecdf;--ss-edge:#193c3430;overflow:clip}
.service-story--web{--ss-accent:#dfb49b;--ss-tone:#eae2d7}
.service-story--ec{--ss-accent:#dbb68a;--ss-tone:#eee3d2}
.service-story--member{--ss-accent:#c7bee9;--ss-tone:#ebe7f1}
.service-story--booking{--ss-accent:#a9cdbf;--ss-tone:#e1eee6}
.service-story--report{--ss-accent:#a8cad8;--ss-tone:#e1ebee}
.service-story--ai{--ss-accent:#d7ccad;--ss-tone:#ebe8df}
.guffaw-release-digital .service-story .service-page-hero:has(.q-lab){display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);grid-template-areas:"heading visual" "offer visual";gap:22px 4vw;align-items:start;max-width:1600px;margin:0 auto;padding:42px 4.5vw 64px;position:relative;isolation:isolate}
.service-story .ss-heading{grid-area:heading;min-width:0}
.service-story .ss-offer{grid-area:offer;min-width:0;align-self:start}
.service-story .ss-visual{grid-area:visual;min-width:0;position:relative;align-self:center;padding:23px 24px 20px;background:var(--ss-tone);border-radius:4px;isolation:isolate;scroll-margin-top:105px}
.service-story .ss-visual:before{content:"";position:absolute;inset:15px;border:1px solid #193c3410;border-radius:3px;pointer-events:none;z-index:-1}
.service-story .ss-visual-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;font-size:10px;line-height:1.8;color:#61715e}
.service-story .ss-visual-label>span:first-child{font-weight:500;color:var(--ss-ink)}
.service-story .ss-visual-label>span:last-child{display:flex;align-items:center;gap:7px;font-size:9px}
.service-story .ss-visual-label i{height:5px;width:5px;border-radius:50%;background:#748d51;box-shadow:0 0 0 4px #748d5114}
.guffaw-release-digital .service-story .service-page-hero:has(.q-lab) .ss-eyebrow{font-size:9px;letter-spacing:.12em;line-height:1.8;margin:0 0 13px;color:#75826b}
.service-story .orishiku-service-identity{max-width:350px;width:95%;margin:0 0 17px}
.service-story .orishiku-service-logo{display:block;width:100%;height:auto;max-height:116px;object-fit:contain;object-position:left center}
.guffaw-release-digital .service-story .service-page-hero:has(.q-lab) h1{font-size:clamp(33px,3.15vw,49px);font-weight:400;line-height:1.5;letter-spacing:-.06em;margin:0;color:var(--ss-ink);text-wrap:wrap}
.service-story .ss-offer .q-quick-price{margin:0;padding:19px 0 18px;border-top:1px solid #193c3445;border-bottom:1px solid #193c3426;max-width:none}
.service-story .q-quick-price>span{font-size:10px;color:#6a795f}
.service-story .q-quick-price p{display:flex;gap:5px 9px;align-items:baseline;font-size:11px;line-height:1.6;margin:7px 0 9px;flex-wrap:wrap}
.service-story .q-quick-price b{font-size:27px;font-weight:400;letter-spacing:-.045em;line-height:1.3;font-variant-numeric:tabular-nums}
.service-story .q-quick-price small{font-size:10px;line-height:1.9;color:#718168}
.guffaw-release-digital .service-story .service-page-hero:has(.q-lab) .service-lead{font-size:14px;line-height:2;margin:19px 0 21px;color:#5a6d5d;max-width:540px}
.service-story .ss-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 23px}
.service-story .ss-actions .button{min-height:53px;border-radius:0;padding:14px 18px;font-size:12px;gap:24px;order:-1}
.service-story .ss-demo-link{font-size:11px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #8d9f7b}
.service-story .ss-demo-link>span{font-size:21px;font-weight:300;transition:translate .3s}
.service-story .ss-demo-link:hover>span{translate:3px 3px}
/* A visible workflow is also a keyboard-operable control, never a decorative tab. */
.service-story .q-lab{--q-ink:var(--ss-ink);--q-accent:var(--ss-accent);--q-soft:var(--ss-tone);width:100%;max-width:none;margin:0}
.guffaw-release-digital .service-story .service-page-hero:has(.q-lab) .q-lab{margin:0}
.service-story .q-workbench{padding:0;border:0;border-radius:0;box-shadow:none;background:none}
.service-story .ss-workflow{display:flex;gap:0;border-bottom:1px solid #193c3430;margin:0 0 23px;padding:0;max-width:none}
.service-story .ss-workflow>button{position:relative;flex:1;min-width:0;min-height:62px;border:0;border-radius:0;background:none;color:#6b7b62;padding:10px 5px 14px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;font-size:10px;font-weight:400;line-height:1.6;white-space:normal;box-shadow:none;text-align:left;transition:color .25s,background .25s}
.service-story .ss-workflow>button>b{font-size:10px;font-weight:500;line-height:1.7}
.service-story .ss-workflow>button>small,.service-story .ss-workflow>button>span{font:italic 15px/1 Georgia,serif;opacity:.55;margin:0;display:block}
.service-story .ss-workflow>button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--ss-ink);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.service-story .ss-workflow>button[aria-pressed=true]{background:#ffffff50;color:var(--ss-ink);box-shadow:none}
.service-story .ss-workflow>button[aria-pressed=true]:after{transform:scaleX(1)}
.service-story .ss-workflow>button:hover{background:#ffffff70;color:var(--ss-ink)}
.service-story .ss-workflow>button:focus-visible{outline:3px solid #789154;outline-offset:2px;z-index:5}
.service-story .q-demo-note{font-size:9px;line-height:1.8;margin:20px 0 0;text-align:left;color:#718066}
.service-story .q-workbench-caption{font-size:10px;font-weight:400;line-height:1.9;margin:18px 0 0;color:#63775d}
.service-story .q-workbench .q-demo-note{font-size:9px;margin-top:7px}
/* The order demonstration is one transaction seen from both desks. */
.service-story .q-linked-screens{grid-template-columns:minmax(0,1.05fr) 34px minmax(0,.95fr);gap:0;align-items:start;max-width:none;margin:0;perspective:1200px}
.service-story .q-linked-screens:before{display:none}
.service-story .q-screen{border:1px solid #aab89f;border-radius:7px;background:#fffefa;box-shadow:0 17px 30px #193c3413;min-width:0;overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s}
.service-story .q-buyer{transform:rotate(-1.6deg);z-index:2}
.service-story .q-operator{transform:translateY(44px) rotate(2deg);background:#f1f4ea}
.service-story .q-screen-top{min-height:35px;padding:10px 11px;gap:6px;background:#edf1e6;border-bottom:1px solid #193c3418}
.service-story .q-screen-top>b{font-size:9px;line-height:1.6}
.service-story .q-screen-top>small{display:none}
.service-story .q-screen-body{padding:19px 15px}
.service-story .q-screen h3{font-size:clamp(19px,1.8vw,27px);font-weight:400;line-height:1.5;letter-spacing:-.04em;margin:13px 0 20px}
.service-story .q-overline{font-size:7px;letter-spacing:.1em}
.service-story .q-product{grid-template-columns:28px 1fr;gap:8px;padding:13px 0}
.service-story .q-product strong{font-size:11px;font-weight:500}
.service-story .q-product small{font-size:8px;margin-top:3px}
.service-story .q-counter{grid-column:1/-1;gap:9px;justify-content:center}
.service-story .q-counter button{height:44px;width:44px;min-width:44px;border-color:#c1cdb5;font-size:14px}
.service-story .q-counter output{font-size:14px;min-width:21px;font-weight:500}
.service-story .q-review-line{display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.6;margin:8px 0 14px;padding-top:12px}
.service-story .q-review-line>b{font-size:10px;margin:0}
.service-story .q-primary{font-size:11px;line-height:1.6;min-height:48px;border-radius:3px;padding:12px 12px;gap:12px}
.service-story .q-primary>span{font-size:18px}
.service-story .q-secondary{font-size:10px;min-height:44px;line-height:1.8}
.service-story .q-connection{margin:0 -10px;transform:none;align-self:center;z-index:3}
.service-story .q-connection>span{font-size:7px;line-height:1.7;background:var(--ss-tone);padding:5px 4px}
.service-story .q-connection svg{height:46px}
.service-story .q-order-card{padding:15px 12px;background:#fffef9;border-radius:4px}
.service-story .q-order-card small{font-size:7px;line-height:1.8}
.service-story .q-status{font-size:8px;line-height:1.7;border-radius:3px;padding:4px 6px}
.service-story .q-order-card>strong{font-size:11px;font-weight:500;line-height:1.7}
.service-story .q-admin-products p{font-size:10px;line-height:1.7;margin:10px 0}
.service-story .q-admin-total{font-size:11px;margin-top:13px}
.service-story .q-admin-total b{font-weight:500;margin-left:7px}
.service-story .q-transfer-note{font-size:10px;line-height:1.9;min-height:53px;margin-top:16px}
.service-story .q-order-count{font-size:11px;width:25px;height:25px;background:var(--ss-accent)}
.service-story .ss-review{display:none;padding:15px;background:#e4edcf;border:1px solid #9fb779;margin:0 0 15px}
.service-story .ss-review>span{font-size:9px;color:#5d7547;line-height:1.7}
.service-story .ss-review p{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:6px 0}
.service-story .ss-review b{font-size:25px;font-weight:400;line-height:1.4;white-space:nowrap}
.service-story .ss-review p>span{font-size:9px}
.service-story .ss-review>small{font-size:9px;line-height:1.8;color:#5d7547}
.service-story .q-order-lab[data-phase=review] .ss-review{display:block}
.service-story .q-order-lab[data-phase=review] .q-review-line{display:none}
.service-story .q-order-lab[data-phase=review] .q-buyer{transform:translateY(-5px) rotate(0);box-shadow:0 20px 40px #193c3429;border-color:#7e9a5a}
.service-story .q-order-lab[data-phase=received] .q-operator{transform:translateY(15px) rotate(0);border-color:#6e8d4f;box-shadow:0 20px 40px #193c3428}
.service-story .q-order-lab[data-phase=received] .q-order-card{border-color:#7d9c59;box-shadow:0 0 0 3px #d2e8ac6b}
/* EC is a shop shelf and a receipt, not a second BtoB dashboard. */
.service-story--ec .ss-visual{background:#3b342b;color:#f9f2df}
.service-story--ec .ss-visual:before{border-color:#ffffff0b}
.service-story--ec .ss-visual-label,.service-story--ec .ss-visual-label>span:first-child{color:#e3d8bd}
.service-story--ec .ss-visual-label i{background:#d9bd89;box-shadow:0 0 0 4px #d9bd891a}
.service-story--ec .ss-workflow{border-color:#ffffff30}
.service-story--ec .ss-workflow>button,.service-story--ec .ss-workflow>button>b{color:#c7bba4}
.service-story--ec .ss-workflow>button[aria-pressed=true]{background:#ffffff0b;color:#fff6df}
.service-story--ec .ss-workflow>button:after{background:#e4c592}
.service-story--ec .ss-workflow>button:hover{background:#ffffff0b}
.service-story--ec .q-linked-screens{grid-template-columns:minmax(0,1.3fr) 22px minmax(0,.8fr)}
.service-story--ec .q-screen{border-color:#d2c7b1}
.service-story--ec .q-buyer{background:#fffaf1;transform:rotate(-2deg)}
.service-story--ec .q-operator{background:#f4eddf;transform:translateY(112px) rotate(3deg)}
.service-story--ec .q-screen-top{background:#ede3d3;color:#6c5b43}
.service-story--ec .q-screen-top>b{font-size:8px}
.service-story--ec .q-screen-body{padding:18px 13px}
.service-story--ec .q-buyer h3{font-family:Georgia,'Yu Mincho',serif;font-size:25px;color:#3c3429;margin:12px 0 20px}
.service-story--ec .q-products{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-story--ec .q-product{display:flex;flex-direction:column;gap:8px;align-items:stretch;border:0;padding:0 0 13px;background:#f0e7da;min-width:0;border-radius:3px;overflow:hidden}
.service-story--ec .q-product>div:nth-child(2){padding:0 8px;text-align:left}
.service-story--ec .q-product strong{font-size:10px;color:#4c3a26}
.service-story--ec .q-product small{font-size:8px;color:#907e65}
.service-story--ec .q-object{width:70px;height:95px;display:block;margin:24px auto 10px;box-shadow:6px 9px 8px #6d4c2520;position:relative;flex:none;transform:rotate(-5deg)}
.service-story--ec .q-object-0{background:linear-gradient(95deg,#b59a7e,#ddc8ad 40%,#e7d4b9 65%,#a98865);border-radius:44% 44% 27% 27% / 55% 55% 22% 22%}
.service-story--ec .q-object-0:before{content:"";position:absolute;left:21px;right:21px;top:-13px;height:18px;background:linear-gradient(90deg,#aa8a67,#d8c1a1 45%,#b49676);border-radius:2px 2px 7px 7px}
.service-story--ec .q-object-0>i{left:14px;right:14px;top:45px;height:1px;border:0;background:#9a795d40;box-shadow:0 7px 0 #9a795d30,0 14px 0 #9a795d20}
.service-story--ec .q-object-1{background:linear-gradient(110deg,#bd9460,#d7b781 50%,#a87746);width:85px;height:36px;border-radius:50%;margin-top:70px;margin-bottom:23px;transform:rotate(-13deg);box-shadow:4px 10px 7px #6d4c2526}
.service-story--ec .q-object-1>i{inset:4px;border:1px solid #95704b;border-radius:50%;height:auto}
.service-story--ec .q-counter{gap:0;justify-content:center;padding:0 3px}
.service-story--ec .q-counter button{width:44px;height:44px;min-width:44px;border:0;background:#fff8eea0;border-radius:0;font-size:13px;color:#705535}
.service-story--ec .q-counter output{font-size:12px;min-width:20px;color:#4b3623}
.service-story--ec .q-counter button:hover{background:#d5bc97}
.service-story--ec .q-review-line{color:#635038;margin:15px 0}
.service-story--ec .q-primary{background:#473c2c;border-color:#473c2c;color:#fff8eb;font-size:10px}
.service-story--ec .q-primary:hover{background:#645037}
.service-story--ec .q-connection>span{background:#3b342b;color:#d4c3a0;font-size:6px}
.service-story--ec .q-connection path{stroke:#c2a875}
.service-story--ec .q-operator h3{font-size:19px;color:#493c2a}
.service-story--ec .q-order-card{padding:12px 9px;background:#fffcf4;border-color:#c9bba1}
.service-story--ec .q-order-card:after{content:"";display:block;margin:17px -9px -12px;height:7px;background:linear-gradient(135deg,#f4eddf 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#f4eddf 25%,transparent 25%) -5px 0/10px 10px}
.service-story--ec .q-transfer-note,.service-story--ec .q-secondary{color:#89785c;font-size:9px}
.service-story--ec .q-demo-note{color:#c3b89f}
.service-story--ec .ss-review{background:#eee1c5;border-color:#bfa171;color:#655134}
/* Website preview: a crafted storefront, with three genuinely different art directions. */
.service-story--web .ss-visual{background:#e5dfd2;padding:23px 26px 21px}
.service-story--web .q-site-preview{border:1px solid #8b8a7345;border-radius:3px;box-shadow:0 22px 45px #44391b20;overflow:hidden;transform:rotate(-1deg);transition:transform .65s,background .5s}
.service-story--web .q-site-menu{padding:16px 18px;font-size:8px;border-bottom-color:#c7bba64d;background:#fffdf7}
.service-story--web .q-site-menu>span{font-size:6px;letter-spacing:.04em}
.service-story--web .q-site-hero{min-height:355px;display:grid;grid-template-columns:1.1fr .9fr;padding:35px 24px;gap:9px;align-items:center;background:#f2eddf;color:#51402a;isolation:isolate;transition:background .55s,color .55s}
.service-story--web .q-site-hero small{font-size:8px;line-height:1.8;letter-spacing:.04em}
.service-story--web .q-site-hero h3{font-family:Georgia,'Yu Mincho',serif;font-size:clamp(23px,2vw,31px);font-weight:400;line-height:1.7;letter-spacing:-.035em;margin:20px 0}
.service-story--web .q-site-hero p{font-size:9px;line-height:2;color:inherit}
.service-story--web .q-preview-link{font-size:9px;color:inherit;margin-top:13px}
.service-story--web .ss-craft-art{height:242px;z-index:0;position:relative;align-self:end;margin-right:-7px}
.service-story--web .ss-craft-art>i{inset:12px 14px 35px 17px;border-radius:45% 45% 24% 24% / 55% 55% 25% 25%;background:linear-gradient(90deg,#b79d7e,#d8c4a4 40%,#e5d3b7 65%,#ae9271);transform:rotate(7deg);box-shadow:12px 17px 18px #6e532026;transition:transform .65s,border-radius .65s,background .65s}
.service-story--web .ss-craft-art>i:before{content:"";position:absolute;top:-15px;left:37%;width:26%;height:20px;border-radius:3px;background:linear-gradient(90deg,#ad9170,#dbc8aa 50%,#ab8e6b)}
.service-story--web .ss-craft-art>b{width:126px;height:47px;border-radius:50%;background:linear-gradient(110deg,#a87c4b,#d0a86d 60%,#9e6c3f);left:-30px;bottom:10px;transform:rotate(-12deg);box-shadow:7px 10px 8px #694c2726;mix-blend-mode:normal;transition:transform .65s}
.service-story--web .ss-craft-art>span{width:112px;height:112px;border-radius:50%;border:1px solid #877253;left:-27px;top:5px;opacity:.35}
.service-story--web .ss-craft-art>em{position:absolute;bottom:8px;right:0;width:115px;height:24px;border-radius:50%;background:#6f572321;filter:blur(9px);z-index:-1}
.service-story--web .q-site-bottom{font-size:8px;line-height:1.8;padding:16px 17px;gap:12px;background:#fffdf7;flex-wrap:wrap}
.service-story--web .q-workbench[data-choice="1"] .q-site-hero{background:#272d29;color:#ecf2b2}
.service-story--web .q-workbench[data-choice="1"] .q-site-hero h3{font-family:inherit;font-weight:600;letter-spacing:-.05em}
.service-story--web .q-workbench[data-choice="1"] .ss-craft-art>i{background:linear-gradient(90deg,#8eaa4a,#d7e77a 50%,#9bb653);border-radius:5px 5px 25% 25%;transform:rotate(-8deg)}
.service-story--web .q-workbench[data-choice="1"] .ss-craft-art>b{transform:rotate(9deg) translateY(-9px);background:#d99a7b}
.service-story--web .q-workbench[data-choice="1"] .ss-craft-art>span{border-color:#e4eaa4;transform:translate(-5px,25px)}
.service-story--web .q-workbench[data-choice="2"] .q-site-hero{background:#efeae4;color:#43372e}
.service-story--web .q-workbench[data-choice="2"] .ss-craft-art>i{background:linear-gradient(90deg,#b9aaa0,#e7dfd7 55%,#b3a396);border-radius:46% 46% 12px 12px;transform:rotate(0)}
.service-story--web .q-workbench[data-choice="2"] .ss-craft-art>b{background:linear-gradient(100deg,#8b8074,#b8a99a 65%,#7b6e60);transform:rotate(0)}
/* Member registration/card/management are three different tasks in one institution. */
.service-story .q-workbench-stage{max-width:none;margin:0;perspective:1200px}
.service-story .q-member-scene,.service-story .q-booking-scene,.service-story .q-report-scene,.service-story .q-ai-scene{grid-template-columns:1fr 1fr;gap:23px;min-height:320px;align-items:center}
.service-story--member .ss-visual{background:#e9e5ef}
.service-story .q-member-card{min-height:316px;padding:25px 20px;background:#36354e;color:#fff9ee;border:1px solid #514e7130;border-radius:16px;box-shadow:0 20px 34px #28243e1f;transform:rotate(-5deg);overflow:hidden}
.service-story .q-member-card>small{font-size:7px;letter-spacing:.09em;color:inherit}
.service-story .q-member-mark{font-size:80px;color:#d3c8ec;line-height:1;margin:27px 0 12px}
.service-story .q-member-card h3{font-size:18px;line-height:1.7;font-weight:400;margin:16px 0}
.service-story .q-member-card p{font-size:9px;color:#d1c9df;line-height:1.8}
.service-story .q-member-card p>b{font-size:11px}
.service-story .q-member-card-lines{height:230px;right:-5px;width:140px;gap:10px}
.service-story .q-member-card-lines i{background:#dfd3f0;width:22px}
.service-story .q-member-info h3,.service-story .q-booking-slip h3,.service-story .q-report-result h3,.service-story .q-ai-output h3{font-size:20px;line-height:1.65;font-weight:400;margin:15px 0 13px}
.service-story .q-member-info>p,.service-story .q-booking-slip>p,.service-story .q-report-result>p,.service-story .q-ai-lines>p{font-size:12px;line-height:2;color:#67735e}
.service-story .q-info-row,.service-story .q-info-row b,.service-story .q-member-info .q-info-row,.service-story .q-member-info .q-info-row b{font-size:10px;padding-block:12px;line-height:1.8;gap:10px}
.service-story .q-info-row b{font-weight:500}
.service-story .detail-member-register{display:none;margin-top:19px}
.service-story .detail-member-register>div{margin-top:14px}
.service-story .detail-member-register>div>span{font-size:8px;color:#7a7483;display:block;margin-bottom:6px}
.service-story .detail-member-register b{display:block;border-bottom:1px solid #514e7135;font-size:11px;font-weight:400;padding:8px 0;line-height:1.6;overflow-wrap:anywhere}
.service-story .detail-member-submit{font-size:10px;line-height:1.7;background:#3e3b57;color:white;padding:11px 10px;margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:2px}
.service-story .detail-member-submit i{font-size:18px;font-style:normal}
.service-story .detail-member-admin{display:none;font-size:9px;line-height:1.7;margin-top:20px}
.service-story .detail-member-admin>div{padding:14px 0;border-bottom:1px solid #514e7130;display:flex;justify-content:space-between;gap:8px}
.service-story .detail-member-admin b{font-size:8px;font-weight:500}
.service-story--member .q-workbench[data-choice="0"] .q-member-card,.service-story--member .q-workbench[data-choice="2"] .q-member-card{background:#fffdf7;color:#47405d;border-color:#afa5c5;border-radius:4px;transform:none}
.service-story--member .q-workbench:not([data-choice="1"]) .q-member-card>p,.service-story--member .q-workbench:not([data-choice="1"]) .q-member-mark,.service-story--member .q-workbench:not([data-choice="1"]) .q-member-card-lines{display:none}
.service-story--member .q-workbench[data-choice="0"] .detail-member-register,.service-story--member .q-workbench[data-choice="2"] .detail-member-admin{display:block}
/* Appointment times move together; the service keeps manual confirmation explicit. */
.service-story--booking .ss-visual{background:#deebe3}
.service-story .q-calendar,.service-story .q-data-sheet,.service-story .q-source-letter{padding:25px 19px;border:1px solid #a9bdab;border-radius:3px;background:#fffefa;box-shadow:0 17px 30px #193c3412}
.service-story .q-calendar>div:first-child>small{font-size:8px;color:#778a75;line-height:1.7}
.service-story .q-calendar>div:first-child>b{font-size:15px;font-weight:400;line-height:1.7;margin:9px 0}
.service-story .q-calendar-days{gap:5px;margin:24px 0}
.service-story .q-calendar-days>*{font-size:11px;min-height:30px;line-height:1.6}
.service-story .q-calendar-days>span{font-size:8px}
.service-story .q-calendar-days .is-picked{background:#9ec8b1;border-color:#6a9d7f;color:#285239}
.service-story .q-slot-preview>strong{font-size:50px;font-weight:400;line-height:1.5;letter-spacing:-.04em}
.service-story .q-slot-preview>small,.service-story .q-slot-preview>span{font-size:9px;line-height:1.8}
.service-story .q-booking-slip{background:#f6fbf480;border-top:3px solid #8cb49d;padding:19px 15px}
.service-story .q-booking-slip .q-info-row,.service-story .q-booking-slip .q-info-row b{font-size:9px;line-height:1.8}
.service-story .q-booking-slip>p{font-size:11px}
/* A real data relationship: A=3+2, B=4; the same nine units reach the output. */
.service-story--report .ss-visual{background:#e0eaee}
.service-story .q-data-sheet{transform:rotate(-3deg);box-shadow:5px 6px 0 #bbd0d7,10px 12px 0 #cadce1;border-color:#a7bfc7;padding-top:26px;overflow:hidden}
.service-story .q-data-sheet>small{font-size:8px;color:#718b93}
.service-story .q-data-sheet h3{font-size:19px;font-weight:400;line-height:1.7;margin:15px 0 20px}
.service-story .q-data-sheet>p{font-size:9px;color:#7b8f93;line-height:1.8}
.service-story .q-bars{height:150px;gap:20px;padding:0 17px;margin:22px 0 30px;border-color:#b0c7cf}
.service-story .q-bars>i{background:#7ca3b8;transition:height .6s,background .6s;transform-origin:bottom}
.service-story .q-bars>i:nth-child(2){background:#385f6b}
.service-story .q-bars i>span{font-size:9px}
.service-story--report .q-workbench[data-choice="1"] .q-bars>i:first-child{background:#6e97ad}
.service-story--report .q-workbench[data-choice="2"] .q-bars>i:first-child{background:#507f94}
.service-story--report .q-workbench[data-choice="2"] .q-bars>i:nth-child(2){background:#244f5d}
/* AI scene: paper input, an assisted draft, then a visible human check. */
.service-story--ai .ss-visual{background:#dddccf}
.service-story .q-source-letter{min-height:315px;padding-top:25px;border-color:#b9b59e;box-shadow:6px 9px 0 #c8c4b1;transform:rotate(-3deg);background:#fffdf3}
.service-story .q-source-letter>small{font-size:8px;color:#928a6c}
.service-story .q-source-letter h3{font-size:18px;font-weight:400;line-height:1.8;margin:20px 0}
.service-story .q-source-letter p{font-size:11px;line-height:2.2;border-top-color:#ddd7c2;padding-top:20px}
.service-story .q-source-letter>span{font-size:8px;color:#9b947b;line-height:1.8}
.service-story .q-ai-output{padding:0 0 0 1px;position:relative}
.service-story .q-ai-lines{min-height:145px}
.service-story .q-ai-lines>i{height:2px;background:#b9b698;width:90%;margin-top:14px;border-radius:0}
.service-story .q-ai-lines>i:last-child{width:65%}
.service-story .q-human-check{font-size:10px;border-top-color:#b9b79a;padding-top:17px;margin-top:19px;gap:8px}
.service-story .q-human-check>b{font-size:9px;line-height:1.8}
.service-story .q-human-check>span{height:25px;width:25px;border-color:#8f906b;background:none;color:#5e653b;flex:none}
.service-story--ai .q-workbench[data-choice="2"] .q-human-check>span{background:#d7dfb3;border-color:#8a9b54}
/* The short story explains a concrete use, followed immediately by prices. */
.service-story .ss-journey{background:var(--ss-ink);color:#f8f7ed;padding-top:50px;padding-bottom:50px;position:relative}
.service-story .ss-journey-heading{display:flex;align-items:baseline;gap:35px;justify-content:space-between;margin-bottom:30px}
.service-story .ss-journey-heading .eyebrow{font-size:9px;letter-spacing:.13em;color:#a5b58c;margin:0;flex:none}
.service-story .ss-journey-heading h2{font-size:24px;font-weight:400;line-height:1.7;letter-spacing:-.03em;margin:0;max-width:750px}
.service-story .ss-journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.service-story .ss-journey-grid article{position:relative;display:grid;grid-template-columns:35px 1fr;gap:13px;border-top:1px solid #ffffff30;padding-top:22px}
.service-story .ss-journey-grid article>span{font:italic 27px/1.4 Georgia,serif;color:var(--ss-accent)}
.service-story .ss-journey-grid h3{font-size:16px;font-weight:400;line-height:1.8;margin:0 0 10px}
.service-story .ss-journey-grid p{font-size:12px;color:#b9c9b2;line-height:2;margin:0}
.service-story .standard-section{padding-top:70px;background:var(--ss-paper)}
.service-story .standard-section>h2{font-size:clamp(30px,3vw,43px);font-weight:400;line-height:1.5;margin-bottom:25px;letter-spacing:-.045em}
.service-story .service-price-grid{margin-top:27px;gap:20px}
.service-story .service-price-card{border-radius:3px;border:1px solid #9ead8e;border-top:4px solid var(--ss-ink);padding:31px;background:#fffdf7;box-shadow:0 15px 30px #193c3406}
.service-story .service-price-card h3{font-size:22px;font-weight:500;line-height:1.7;margin-bottom:23px}
.service-story .service-price-card>div{gap:45px}
.service-story .service-price-card>div strong{font-size:40px;font-weight:400;line-height:1.55;letter-spacing:-.045em}
.service-story .service-price-card>div p{padding-bottom:12px}
.service-story .service-price-card>div span,.service-story .service-price-card>div small{font-size:11px}
.service-story .service-price-card>p:not(.eyebrow){font-size:13px;line-height:2}
.service-story .service-price-total{background:var(--ss-tone);padding:15px 17px}
.service-story .service-price-card .text-link{font-size:13px;min-height:44px;align-items:center}
.service-story .service-price-note{font-size:12px;color:#6b7c60;line-height:2;margin-top:22px}
.service-story .ss-specification{border-top:1px solid #9eaf8e;border-bottom:1px solid #9eaf8e;margin-top:28px;background:#fffefa60}
.service-story .ss-specification>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:66px;padding:18px 22px;font-size:14px;line-height:1.8;color:var(--ss-ink)}
.service-story .ss-specification>summary::-webkit-details-marker{display:none}
.service-story .ss-specification>summary i{font-size:27px;font-weight:300;font-style:normal;line-height:1;transition:rotate .3s;flex:none}
.service-story .ss-specification[open]>summary i{rotate:45deg}
.service-story .ss-specification>summary:hover{background:#dfe8d140}
.service-story .ss-specification>summary:focus-visible{outline:3px solid #789154;outline-offset:3px}
.service-story .ss-specification-body{padding:5px 24px 27px}
.service-story .delivery-grid{margin:12px 0 20px;gap:0 30px}
.service-story .delivery-grid article{gap:18px;padding:20px 0;border-color:#bdcbb1}
.service-story .delivery-grid article>span{font:italic 20px Georgia,serif;color:#8a9f72;padding-top:3px}
.service-story .delivery-grid p{font-size:13px;line-height:2}
.service-story .scope-note{font-size:12px;line-height:2;background:var(--ss-tone);border-left-color:#88a05f;margin:24px 0 0;padding:20px}
.service-story .ss-role-section{padding-top:0;padding-bottom:30px;background:var(--ss-paper)}
.service-story .ss-role-section .ss-specification{margin-top:0}
.service-story .ss-role-grid{background:none;padding:30px 24px;gap:45px}
.service-story .ss-role-grid h2{font-size:26px;font-weight:400;line-height:1.7;margin-bottom:20px}
.service-story .ss-role-grid .eyebrow{font-size:9px;margin-bottom:15px}
.service-story .ss-role-grid li,.service-story .ss-role-grid p{font-size:13px;line-height:2}
.service-story .ss-combinations{padding-top:0;padding-bottom:30px}
.service-story .ss-combinations .ss-specification{margin-top:0}
.service-story .ss-combinations .b2b-combinations{padding:30px 24px}
.service-story .ss-combinations .b2b-combinations h2{font-size:32px;font-weight:400}
.service-story .faq-section{padding-top:50px;padding-bottom:70px}
.service-story .faq-section h2{font-size:32px;font-weight:400;line-height:1.6}
.service-story .faq-list summary{font-size:13px;line-height:1.9}
.service-story .faq-list details p{font-size:12px;line-height:2}
.service-story .service-page-cta{background:var(--ss-tone);padding:70px 25px 80px;border-top:1px solid #193c3420;position:relative;isolation:isolate}
.service-story .service-page-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--ss-ink);transform:scaleX(var(--ss-cta-progress,0));transform-origin:left}
.service-story .service-page-cta h2{font-size:clamp(31px,3.5vw,49px);font-weight:400;line-height:1.55;letter-spacing:-.045em}
.service-story .service-page-cta .button{border-radius:0;font-size:13px;min-height:58px;min-width:280px}
.service-story .service-page-cta p:not(.eyebrow){font-size:14px;line-height:2}
.service-story .q-real-example{margin:0;padding:28px 4.5vw;border-inline:0;max-width:none;background:#fdfcf7;gap:35px;border-color:#b2c2a3}
.service-story .q-real-example h2{font-size:24px;font-weight:400;line-height:1.7}
.service-story .q-real-example p{font-size:12px;line-height:1.9}
.service-story .q-real-example .button{border-radius:0;min-height:52px}
@media(min-width:1600px){.guffaw-release-digital .service-story .service-page-hero:has(.q-lab){padding-inline:70px;gap:24px 70px}}
@media(max-width:1100px) and (min-width:761px){.guffaw-release-digital .service-story .service-page-hero:has(.q-lab){grid-template-columns:.85fr 1.15fr;padding-inline:3.5vw;gap:20px 3vw}.guffaw-release-digital .service-story .service-page-hero:has(.q-lab) h1{font-size:34px}.service-story .ss-visual{padding:20px 16px}.service-story .q-quick-price b{font-size:24px}.service-story .q-linked-screens{grid-template-columns:1fr 18px .95fr}.service-story .q-screen-body{padding:17px 10px}.service-story .q-screen-top{padding:10px 8px}.service-story .q-screen-top>b{font-size:8px}.service-story .q-counter{gap:2px}.service-story .q-counter button{width:44px;min-width:44px}.service-story .q-counter output{min-width:17px}.service-story .q-product strong{font-size:10px}.service-story .q-product small{font-size:7px}.service-story .q-screen h3{font-size:19px}.service-story .q-transfer-note{font-size:9px}.service-story .q-order-card{padding:12px 8px}.service-story .q-admin-products p{font-size:9px}.service-story .ss-workflow>button,.service-story .ss-workflow>button>b{font-size:9px}.service-story--ec .q-linked-screens{grid-template-columns:1fr}.service-story--ec.ss-ready .q-operator{display:none}.service-story--ec.ss-ready .q-order-lab[data-phase=received] .q-operator{display:block;transform:none}.service-story--ec.ss-ready .q-order-lab[data-phase=received] .q-buyer{display:none}.service-story--ec .q-connection{display:none}.service-story--ec .q-screen-body{padding:20px 17px}.service-story--ec .q-buyer h3{font-size:26px}.service-story--ec .q-product strong{font-size:12px}.service-story--ec .q-product small{font-size:9px}.service-story--ec .q-counter{gap:8px}.service-story .q-member-scene,.service-story .q-booking-scene,.service-story .q-report-scene,.service-story .q-ai-scene{gap:15px}.service-story .q-member-card{padding:23px 15px}.service-story .q-member-info h3,.service-story .q-booking-slip h3,.service-story .q-report-result h3,.service-story .q-ai-output h3{font-size:18px}.service-story .q-member-info>p,.service-story .q-booking-slip>p,.service-story .q-report-result>p,.service-story .q-ai-lines>p{font-size:11px}.service-story .q-calendar,.service-story .q-data-sheet,.service-story .q-source-letter{padding-inline:14px}.service-story .q-slot-preview>strong{font-size:40px}.service-story--web .q-site-hero{padding:29px 17px;grid-template-columns:1fr .65fr}.service-story--web .q-site-hero h3{font-size:23px}.service-story--web .ss-craft-art{height:225px;margin-right:-10px}.service-story--web .ss-craft-art>b{width:90px;left:-10px}.service-story .ss-journey-grid{gap:24px}}
@media(max-width:760px){
 .guffaw-release-digital .service-story .service-page-hero:has(.q-lab){grid-template-columns:1fr;grid-template-areas:"heading" "visual" "offer";gap:24px;padding:25px 20px 42px;max-width:none}
 .guffaw-release-digital .service-story .service-page-hero:has(.q-lab) .ss-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:11px}
 .service-story .orishiku-service-identity{width:87%;max-width:310px;margin-bottom:16px}
 .service-story .orishiku-service-logo{max-height:100px;object-position:left center}
 .guffaw-release-digital .service-story .service-page-hero:has(.q-lab) h1{font-size:clamp(28px,7.6vw,39px);font-weight:400;line-height:1.55;letter-spacing:-.055em;margin:0;text-wrap:wrap}
 .service-story .ss-visual{padding:18px 16px 17px;width:100%;align-self:stretch;scroll-margin-top:95px}
 .service-story .ss-visual:before{inset:10px}
 .service-story .ss-visual-label{font-size:10px;line-height:1.7;gap:10px;margin-bottom:14px}
 .service-story .ss-visual-label>span:last-child{font-size:8px;gap:5px}
 .service-story .ss-visual-label i{height:4px;width:4px;box-shadow:0 0 0 3px #748d5114}
 .service-story .ss-workflow{margin-bottom:19px;gap:0}
 .service-story .ss-workflow>button{font-size:10px;min-height:65px;padding:9px 5px 13px;gap:7px;line-height:1.7;align-items:flex-start;text-align:left}
 .service-story .ss-workflow>button>b{font-size:10px;line-height:1.8}
 .service-story .ss-workflow>button>span,.service-story .ss-workflow>button>small{font-size:14px}
 .service-story .q-linked-screens{display:grid;grid-template-columns:1fr;gap:20px;max-width:500px;margin:0 auto}
 .service-story .q-screen,.service-story .q-buyer,.service-story .q-operator{transform:none;width:100%;margin:0;border-radius:5px}
 .service-story .q-connection{display:none}
 .service-story.ss-ready .q-order-lab:not([data-phase=received]) .q-operator{display:none}
 .service-story.ss-ready .q-order-lab[data-phase=received] .q-buyer{display:none}
 .service-story.ss-ready .q-order-lab[data-phase=received] .q-operator{display:block;transform:none;box-shadow:0 18px 30px #193c3418}
 .service-story .q-screen-top{min-height:37px;padding:11px 14px}
 .service-story .q-screen-top>b{font-size:11px;line-height:1.6}
 .service-story .q-screen-top>small{display:block;font-size:8px;line-height:1.5}
 .service-story .q-screen-body{padding:22px 18px}
 .service-story .q-screen h3{font-size:28px;line-height:1.5;margin:14px 0 20px}
 .service-story .q-overline{font-size:8px;letter-spacing:.1em}
 .service-story .q-product{grid-template-columns:35px 1fr auto;gap:8px;padding:17px 0;align-items:center}
 .service-story .q-product strong{font-size:12px}
 .service-story .q-product small{font-size:8px;line-height:1.7}
 .service-story .q-counter{grid-column:1/-1;gap:12px;padding-top:4px;justify-content:center}
 .service-story .q-counter button{height:44px;width:44px;min-width:44px;font-size:14px}
 .service-story .q-counter output{font-size:16px;min-width:22px}
 .service-story .q-review-line{display:flex;font-size:10px;line-height:1.7;padding-top:14px;margin:8px 0 18px}
 .service-story .q-review-line>b{font-size:11px}
 .service-story .q-primary{min-height:49px;font-size:12px;line-height:1.7;padding:12px 14px}
 .service-story .q-primary>span{font-size:19px}
 .service-story .q-order-card{padding:20px 17px}
 .service-story .q-order-card small{font-size:9px;line-height:1.8}
 .service-story .q-order-card>strong{font-size:14px;line-height:1.8}
 .service-story .q-status{font-size:10px;padding:5px 8px;line-height:1.7}
 .service-story .q-admin-products p{font-size:12px;line-height:1.8;margin:12px 0}
 .service-story .q-admin-total{font-size:13px;margin-top:16px}
 .service-story .q-transfer-note{font-size:11px;line-height:1.9;min-height:0;margin-top:16px}
 .service-story .q-secondary{font-size:11px;min-height:44px}
 .service-story .q-order-count{width:29px;height:29px;font-size:13px}
 .service-story .ss-review{padding:15px 17px;margin-bottom:16px}
 .service-story .ss-review>span,.service-story .ss-review>small{font-size:10px;line-height:1.8}
 .service-story .ss-review b{font-size:29px}
 .service-story .ss-review p>span{font-size:10px}
 .service-story .q-demo-note{font-size:9px;line-height:1.9;margin-top:16px}
 .service-story .q-workbench-caption{font-size:10px;font-weight:400;line-height:1.9;margin-top:17px}
 .service-story .q-workbench .q-demo-note{font-size:9px;margin-top:6px}
 .service-story .ss-offer .q-quick-price{padding-top:19px;padding-bottom:17px}
 .service-story .q-quick-price>span{font-size:10px;line-height:1.8}
 .service-story .q-quick-price p{font-size:11px;gap:5px 8px;margin-top:9px;margin-bottom:9px}
 .service-story .q-quick-price b{font-size:29px;font-weight:400}
 .service-story .q-quick-price small{font-size:10px;line-height:1.9}
 .guffaw-release-digital .service-story .service-page-hero:has(.q-lab) .service-lead{font-size:13px;line-height:2;margin:19px 0 20px}
 .service-story .ss-actions{gap:14px 20px}
 .service-story .ss-actions .button{font-size:12px;min-height:53px;padding:14px 17px;gap:19px}
 .service-story .ss-demo-link{font-size:10px;gap:15px;min-height:44px}
 /* A mobile storefront with two tactile product cards. */
 .service-story--ec .q-linked-screens{grid-template-columns:1fr}
 .service-story--ec .q-operator,.service-story--ec .q-buyer{transform:none}
 .service-story--ec .q-screen-body{padding:22px 15px}
 .service-story--ec .q-buyer h3{font-size:29px;line-height:1.5;margin-bottom:22px}
 .service-story--ec .q-products{gap:10px}
 .service-story--ec .q-product{display:flex;gap:9px;padding:0 0 10px}
 .service-story--ec .q-product strong{font-size:11px;line-height:1.7}
 .service-story--ec .q-product small{font-size:8px;line-height:1.8}
 .service-story--ec .q-object{width:73px;height:101px;margin-top:27px;margin-bottom:10px}
 .service-story--ec .q-object-1{width:93px;height:38px;margin-top:75px;margin-bottom:25px}
 .service-story--ec .q-counter{padding:2px 1px 0;gap:0;grid-column:auto}
 .service-story--ec .q-counter button{height:44px;width:44px;min-width:44px;font-size:13px}
 .service-story--ec .q-counter output{font-size:13px;min-width:20px}
 .service-story--ec .q-screen-top>b{font-size:10px}
 .service-story--ec .q-review-line{font-size:10px;margin:17px 0}
 .service-story--ec .q-review-line>b{font-size:11px}
 .service-story--ec .q-primary{font-size:12px}
 .service-story--ec .q-operator h3{font-size:27px}
 .service-story--ec .q-order-card{padding:20px 17px}
 .service-story--ec .q-order-card:after{margin:18px -17px -20px}
 .service-story--ec .q-transfer-note,.service-story--ec .q-secondary{font-size:11px}
 /* Compact full-height art direction, not text shrunk into a desktop mockup. */
 .service-story--web .ss-visual{padding:18px 16px 17px}
 .service-story--web .q-site-menu{padding:14px 13px;font-size:7px;line-height:1.7}
 .service-story--web .q-site-menu>span{font-size:6px;letter-spacing:0}
 .service-story--web .q-site-hero{min-height:355px;padding:29px 18px;grid-template-columns:1.15fr .85fr;gap:0;overflow:hidden}
 .service-story--web .q-site-hero small{font-size:7px;letter-spacing:0}
 .service-story--web .q-site-hero h3{font-size:23px;line-height:1.75;margin:20px 0}
 .service-story--web .q-site-hero p{font-size:8px;line-height:2}
 .service-story--web .q-preview-link{font-size:8px;margin-top:14px}
 .service-story--web .ss-craft-art{height:210px;margin-right:-15px;align-self:center;margin-top:65px}
 .service-story--web .ss-craft-art>i{inset:14px 7px 35px 10px}
 .service-story--web .ss-craft-art>b{width:89px;height:33px;left:-13px;bottom:15px}
 .service-story--web .ss-craft-art>span{width:80px;height:80px;left:-16px;top:0}
 .service-story--web .ss-craft-art>em{width:75px}
 .service-story--web .q-site-bottom{font-size:7px;line-height:1.9;padding:15px 13px;gap:8px}
 .service-story .q-member-scene,.service-story .q-booking-scene,.service-story .q-report-scene,.service-story .q-ai-scene{grid-template-columns:1fr;gap:24px;min-height:0;padding:0 3px}
 .service-story .q-member-card{width:94%;max-width:360px;min-height:306px;margin:3px auto 0;padding:25px 24px;border-radius:15px}
 .service-story .q-member-card>small{font-size:9px;letter-spacing:.07em}
 .service-story .q-member-mark{font-size:82px;margin-top:22px}
 .service-story .q-member-card h3{font-size:21px;line-height:1.7;margin:17px 0}
 .service-story .q-member-card p{font-size:10px}
 .service-story .q-member-card p>b{font-size:12px}
 .service-story .detail-member-register>div>span{font-size:10px}
 .service-story .detail-member-register b{font-size:12px;padding:9px 0}
 .service-story .detail-member-submit{font-size:11px;min-height:44px;padding:12px}
 .service-story .detail-member-admin{font-size:11px}
 .service-story .detail-member-admin b{font-size:10px}
 .service-story .detail-member-admin>div{padding:15px 0}
 .service-story .q-member-info h3,.service-story .q-booking-slip h3,.service-story .q-report-result h3,.service-story .q-ai-output h3{font-size:23px;line-height:1.65;margin-top:13px}
 .service-story .q-member-info>p,.service-story .q-booking-slip>p,.service-story .q-report-result>p,.service-story .q-ai-lines>p{font-size:12px;line-height:2}
 .service-story .q-info-row,.service-story .q-info-row b,.service-story .q-member-info .q-info-row,.service-story .q-member-info .q-info-row b{font-size:11px;line-height:1.8;padding-block:12px}
 .service-story .q-calendar,.service-story .q-data-sheet,.service-story .q-source-letter{padding:25px 20px}
 .service-story .q-calendar>div:first-child>small{font-size:9px}
 .service-story .q-calendar>div:first-child>b{font-size:19px;font-weight:400;line-height:1.7}
 .service-story .q-calendar-days{gap:7px;margin:23px 0}
 .service-story .q-calendar-days>*{min-height:37px;font-size:13px}
 .service-story .q-calendar-days>span{font-size:10px}
 .service-story .q-slot-preview>strong{font-size:58px;line-height:1.5}
 .service-story .q-slot-preview>span,.service-story .q-slot-preview>small{font-size:10px;line-height:1.8}
 .service-story .q-booking-slip{padding:22px 20px}
 .service-story .q-booking-slip .q-info-row,.service-story .q-booking-slip .q-info-row b{font-size:11px;line-height:1.8}
 .service-story .q-data-sheet{width:94%;margin:5px auto 9px;transform:rotate(-2deg);padding-top:27px}
 .service-story .q-data-sheet>small{font-size:10px}
 .service-story .q-data-sheet h3{font-size:23px;line-height:1.7}
 .service-story .q-data-sheet>p{font-size:10px}
 .service-story .q-bars{height:170px;padding-inline:25px;gap:25px}
 .service-story .q-bars>i{max-width:80px}
 .service-story .q-bars i>span{font-size:10px}
 .service-story .q-source-letter{min-height:282px;width:94%;margin:4px auto 10px}
 .service-story .q-source-letter>small{font-size:10px}
 .service-story .q-source-letter h3{font-size:22px;line-height:1.8;margin:19px 0}
 .service-story .q-source-letter p{font-size:12px;line-height:2.1;padding-top:18px}
 .service-story .q-source-letter>span{font-size:9px}
 .service-story .q-ai-lines{min-height:120px}
 .service-story .q-human-check>b{font-size:11px;line-height:1.8}
 .service-story .q-human-check>span{height:27px;width:27px}
 .service-story .ss-journey{padding:37px 20px 40px}
 .service-story .ss-journey-heading{display:block;margin-bottom:25px}
 .service-story .ss-journey-heading .eyebrow{font-size:8px;margin-bottom:15px}
 .service-story .ss-journey-heading h2{font-size:23px;line-height:1.7}
 .service-story .ss-journey-grid{grid-template-columns:1fr;gap:20px}
 .service-story .ss-journey-grid article{grid-template-columns:34px 1fr;gap:13px;padding-top:20px}
 .service-story .ss-journey-grid article>span{font-size:27px}
 .service-story .ss-journey-grid h3{font-size:16px;line-height:1.8;margin-bottom:8px}
 .service-story .ss-journey-grid p{font-size:12px;line-height:2}
 .service-story .standard-section{padding:48px 20px 35px}
 .service-story .standard-section>h2{font-size:29px;line-height:1.6;margin-bottom:24px}
 .service-story .service-price-grid{margin-top:0;gap:20px}
 .service-story .service-price-card{padding:27px 22px}
 .service-story .service-price-card h3{font-size:21px;line-height:1.7;margin-bottom:22px}
 .service-story .service-price-card>div{display:grid;grid-template-columns:1fr 1fr;gap:13px}
 .service-story .service-price-card>div strong{font-size:30px;line-height:1.7}
 .service-story .service-price-card>div span,.service-story .service-price-card>div small{font-size:9px;line-height:1.8}
 .service-story .service-price-card>p:not(.eyebrow){font-size:12px;line-height:2}
 .service-story .service-price-total{padding:13px 14px}
 .service-story .service-price-card .text-link{font-size:12px;min-height:44px}
 .service-story .service-price-note{font-size:11px;line-height:2;margin-top:19px}
 .service-story .ss-specification{margin-top:23px}
 .service-story .ss-specification>summary{min-height:66px;padding:17px 16px;font-size:12px;line-height:1.9;gap:15px}
 .service-story .ss-specification>summary i{font-size:26px}
 .service-story .ss-specification-body{padding:0 16px 20px}
 .service-story .delivery-grid{margin:8px 0 18px}
 .service-story .delivery-grid article{gap:15px;padding:17px 0}
 .service-story .delivery-grid p{font-size:12px;line-height:2}
 .service-story .scope-note{font-size:11px;line-height:2;padding:17px;margin-top:20px}
 .service-story .ss-role-section{padding:0 20px 20px}
 .service-story .ss-role-grid{padding:20px 16px;display:block}
 .service-story .ss-role-grid>div+div{margin-top:35px}
 .service-story .ss-role-grid h2{font-size:24px;line-height:1.7}
 .service-story .ss-role-grid li,.service-story .ss-role-grid p{font-size:12px;line-height:2}
 .service-story .ss-combinations{padding:0 20px 20px}
 .service-story .ss-combinations .b2b-combinations{padding:22px 16px}
 .service-story .ss-combinations .b2b-combinations h2{font-size:26px}
 .service-story .faq-section{padding:35px 20px 45px}
 .service-story .faq-section h2{font-size:29px;line-height:1.6}
 .service-story .faq-list{margin-top:25px}
 .service-story .faq-list summary{font-size:12px;line-height:1.9;padding:19px 0}
 .service-story .faq-list details p{font-size:11px;line-height:2}
 .service-story .service-page-cta{padding:53px 20px 65px}
 .service-story .service-page-cta h2{font-size:31px;line-height:1.6}
 .service-story .service-page-cta p:not(.eyebrow){font-size:13px;line-height:2}
 .service-story .service-page-cta .button{width:100%;max-width:350px;min-width:0;font-size:12px;min-height:57px}
 .service-story .q-real-example{padding:26px 20px;display:block;gap:0}
 .service-story .q-real-example h2{font-size:21px;line-height:1.7}
 .service-story .q-real-example p{font-size:12px;line-height:1.9}
 .service-story .q-real-example .button{margin-top:20px;min-height:51px;font-size:11px}
}
@media(max-width:360px){.guffaw-release-digital .service-story .service-page-hero:has(.q-lab){padding-inline:15px;gap:22px}.guffaw-release-digital .service-story .service-page-hero:has(.q-lab) h1{font-size:26px}.service-story .ss-visual{padding:16px 12px}.service-story .ss-visual-label{font-size:9px}.service-story .ss-visual-label>span:last-child{font-size:7px}.service-story .ss-workflow>button,.service-story .ss-workflow>button>b{font-size:9px}.service-story .q-screen-body{padding:20px 15px}.service-story--ec .q-products{gap:7px}.service-story--ec .q-screen-body{padding:20px 11px}.service-story--ec .q-counter button{width:44px;min-width:44px}.service-story--ec .q-counter output{min-width:17px}.service-story--ec .q-product>div:nth-child(2){padding-inline:7px}.service-story--ec .q-product strong{font-size:10px}.service-story--ec .q-object{width:62px;height:93px}.service-story--ec .q-object-1{width:76px;height:33px;margin-top:71px;margin-bottom:22px}.service-story--web .q-site-hero{padding:26px 14px;grid-template-columns:1.2fr .8fr}.service-story--web .q-site-hero h3{font-size:21px}.service-story .q-quick-price b{font-size:25px}.service-story .service-price-card{padding:25px 18px}.service-story .service-price-card>div{grid-template-columns:1fr}.service-story .service-price-card>div strong{font-size:35px}}
@media(prefers-reduced-motion:reduce){.service-story *,.service-story *:before,.service-story *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.service-story .q-buyer,.service-story .q-operator,.service-story--ec .q-buyer,.service-story--ec .q-operator,.service-story--web .q-site-preview{transform:none!important}.service-story .service-page-cta:before{transform:scaleX(1)}}
.service-story .ss-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.service-story .q-workbench.is-updating .q-workbench-stage{animation:none}
.service-story--report .q-workbench[data-quality-demo=report] .q-bars>i:first-child{height:85%}
.service-story--report .q-workbench[data-quality-demo=report] .q-bars>i:nth-child(2){height:68%}
@media(min-width:1101px){.service-story--order .q-operator{translate:0 calc(var(--ss-scroll,0)*-15px)}.service-story--web .ss-craft-art{translate:0 calc(var(--ss-scroll,0)*-12px)}}
.service-story .q-screen:focus-visible{outline:3px solid #91aa68;outline-offset:4px}
@media(max-width:360px){.service-story--web .q-site-hero{grid-template-columns:1.35fr .65fr}.service-story--web .ss-craft-art{margin-right:-20px}}

/* Keep the first offer directly under the heading even when the canvas is taller. */
@media(min-width:1101px){.guffaw-release-digital .service-story .service-page-hero:has(.q-lab){grid-template-rows:min-content 1fr;row-gap:26px}}

/* Headings keep their phrases intact on compact phones. */
@media(max-width:760px){.guffaw-release-digital .service-story .service-page-hero:has(.q-lab) h1{font-size:30px;line-height:1.6;letter-spacing:-.05em}}
@media(max-width:360px){.guffaw-release-digital .service-story .service-page-hero:has(.q-lab) h1{font-size:26px;line-height:1.65}}
.service-story .ox-detail-set-note{border:1px solid #b7cc99;background:#edf3df;padding:20px 23px;font-size:13px;line-height:2;margin:26px 0}
.service-story .ox-detail-set-note a{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:500;gap:20px;color:#193c34}

/* Keep Japanese phrases together without forcing long lines off a phone. */
.copy-phrase{display:inline-block;max-width:100%;white-space:normal;text-wrap:balance;vertical-align:baseline}
.copy-word{white-space:nowrap}
@media(max-width:760px){
 .sx-page :is(h1,h2,h3,p,summary),.service-story :is(h1,h2,h3,p,summary){line-break:strict;word-break:normal;overflow-wrap:break-word}
 .sx-page p,.service-story p{text-wrap:wrap}
}

/* Editorial headings use their available width instead of balancing a shrink-to-fit box. */
.service-story :is(h1,h2,h3,h4),.service-story .copy-phrase{text-wrap:wrap}
@media(max-width:760px){
 .guffaw-release-digital .service-story h2.motion-title{width:max-content;max-width:100%;text-wrap:wrap}
}

.service-story .ss-payment-guide{background:#eef1e6;border:1px solid #c7d1bd;border-radius:5px;padding:28px 30px;margin-top:27px}
.service-story .ss-payment-guide h3{font-size:21px;line-height:1.7;font-weight:400;margin:0 0 14px}
.service-story .ss-payment-guide>p{font-size:12px;line-height:2;margin:0 0 20px;color:#61745f}
.service-story .ss-payment-guide a{text-decoration:underline;text-underline-offset:4px}
.service-story .ss-payment-guide dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0}
.service-story .ss-payment-guide dl>div{border-top:1px solid #becbb1;padding-top:15px}
.service-story .ss-payment-guide dt{font-size:11px;font-weight:500;line-height:1.8;margin-bottom:9px;color:#335240}
.service-story .ss-payment-guide dd{font-size:12px;line-height:2;margin:0;color:#61745f}
@media(max-width:760px){
 .service-story .ss-payment-guide{padding:24px 20px;margin-top:22px}
 .service-story .ss-payment-guide h3{font-size:20px}
 .service-story .ss-payment-guide dl{grid-template-columns:1fr;gap:18px}
 .service-story .ss-payment-guide dl>div{padding-top:16px}
 .service-story .ss-payment-guide dt{font-size:12px;margin-bottom:7px}
 .service-story .ss-payment-guide dd{font-size:13px;line-height:1.9}
}

@media(max-width:760px){
 .service-story--report .ss-journey-heading h2{font-size:clamp(21px,6.3vw,23px)}
}

@media(max-width:760px){
 .service-story .q-member-card h3{font-size:clamp(18px,5.7vw,21px);line-height:1.75}
}

/* Product-count quotation, isolated from the service demo. */
.pq-quote{margin:38px 0;padding:30px;border:1px solid #a6b59d;border-radius:12px;background:#f8f7ee;color:#173d33;scroll-margin-top:150px}
.pq-quote *{box-sizing:border-box}
.pq-quote [hidden]{display:none!important}
.service-story .pq-quote h3{font-size:clamp(24px,3vw,34px);line-height:1.5;margin:0 0 16px;color:#173d33}
.service-story .pq-quote p{font-size:14px;line-height:1.9}
.pq-quote .pq-intro{max-width:55em;margin:0 0 25px}
.pq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px;align-items:start}
.pq-input-area{padding:24px 0}
.pq-input-area>label{display:block;font-size:16px;font-weight:700;margin-bottom:15px}
.pq-stepper{display:flex;align-items:center;gap:9px;max-width:350px}
.pq-quote .pq-stepper button{flex:0 0 53px;height:52px;padding:0;border:1px solid #90a18c;border-radius:7px;background:transparent;color:#173d33;font-size:16px;cursor:pointer}
.pq-stepper input{min-width:0;width:100%;height:56px;text-align:center;font:inherit;font-size:26px;color:#173d33;background:#fffef6;border:1px solid #90a18c;border-radius:7px;padding:8px}
.pq-stepper>span{flex:0 0 auto;font-size:15px}
.pq-quote .pq-stepper button:disabled{opacity:.38;cursor:default}
.pq-quote :is(input,button,a):focus-visible{outline:3px solid #648d40;outline-offset:4px}
.pq-stepper input[aria-invalid=true]{border:2px solid #99492b}
.pq-quote .pq-help{font-size:12px;margin:14px 0 0;color:#536953}
.pq-quote .pq-error{color:#99492b;font-size:13px;margin:10px 0;min-height:1.5em}
.pq-results{min-width:0;background:#fffef6;border-radius:9px;padding:24px;border:1px solid #d2d8c6}
.pq-quote .pq-summary{font-weight:700;font-size:17px;margin:0 0 4px}
.pq-quote .pq-capacity{font-size:12px;color:#536953;margin:0 0 20px}
.pq-breakdown{display:grid;gap:10px;margin:0 0 20px}
.pq-breakdown>div{display:flex;justify-content:space-between;gap:14px;font-size:13px;line-height:1.7}
.pq-breakdown dt,.pq-breakdown dd{margin:0}
.pq-breakdown dd{text-align:right}
.pq-breakdown dd small{display:block;font-size:11px;color:#536953}
.pq-total{border-block:1px solid #b3bea6;padding:20px 0;margin:0 0 20px}
.pq-total>span{font-size:14px;display:block}
.pq-total>div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:9px}
.pq-total strong{font-size:clamp(31px,4vw,42px);font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums}
.pq-total small{display:block;font-size:12px;color:#536953;margin-top:7px}
.pq-annual{display:grid;gap:10px;margin:0 0 22px}
.pq-annual>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:12px;line-height:1.8}
.pq-annual dt,.pq-annual dd{margin:0}
.pq-annual dd{text-align:right;font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
.pq-annual dd small{display:block;font-size:11px;color:#536953}
.pq-quote a.pq-consult{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:50px;padding:14px 18px;border-radius:5px;background:#173d33;color:#f8f7ee;text-decoration:none;font-size:14px}
.service-story .pq-quote .pq-note{font-size:12px;line-height:1.9;margin:20px 0 0;color:#536953}
@media(max-width:760px){.pq-quote{padding:23px 18px;margin-block:28px;scroll-margin-top:130px}.pq-layout{grid-template-columns:minmax(0,1fr);gap:12px}.pq-input-area{padding:0}.pq-results{padding:20px 16px}.service-story .pq-quote h3{font-size:25px}.service-story .pq-quote p{font-size:13px}.pq-quote .pq-intro{margin-bottom:20px}.pq-stepper{max-width:100%;gap:8px}.pq-annual>div{gap:10px}.pq-annual dd{font-size:16px}.pq-quote .pq-summary{font-size:16px}.pq-quote .pq-capacity,.pq-quote .pq-help,.service-story .pq-quote .pq-note{font-size:12px}.pq-total strong{font-size:34px}}

.pq-quote .pq-error:empty{display:none}

/* Price and consultation remain reachable before the demonstration. */
.service-story .ss-quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 22px;margin:18px 0 0}
.service-story .ss-quick-links>a{display:inline-flex;align-items:center;justify-content:space-between;gap:13px;min-height:44px;padding:7px 0;border-bottom:1px solid #193c3460;color:var(--ss-ink);font-size:11px;line-height:1.8;text-decoration:none}
.service-story .ss-quick-links>a:hover{border-bottom-color:var(--ss-ink)}