:root{--paper:#f7f7f2;--ink:#24252a;--muted:#666862;--line:#ddded6;--green:#4f8c68;--rose:#9d526c;--olive:#718a28;--purple:#7868ae;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:contain}p,h1,h2,h3,h4{margin:0}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #4f8c68;outline-offset:5px}::selection{background:#d4e1c5;color:#24252a}[hidden]{display:none!important}.shell{width:min(1240px,calc(100% - 104px));margin-inline:auto}.section{padding-block:100px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:650;line-height:1.6}.small-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}h1,h2,h3{font-feature-settings:"palt";letter-spacing:-.045em}h2{font-size:clamp(30px,3.4vw,43px);font-weight:650;line-height:1.55}h3{font-weight:650}p{overflow-wrap:anywhere}.skip{position:fixed;z-index:100;top:-60px;left:20px;padding:8px 20px;background:var(--ink);color:white}.skip:focus{top:8px}.header{position:sticky;top:0;z-index:30;background:#f7f7f2f2;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:154px;height:auto}.desktop-nav{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:550}.desktop-nav a:hover,.footer-links a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:54px;padding:13px 24px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:5px;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#41453f;transform:translateY(-2px)}.button span{font-size:19px;font-weight:400}.button.compact{min-height:43px;padding:10px 17px;gap:20px;font-size:12px}.menu-toggle{display:none;border:0;background:none;width:40px;height:42px;padding:9px}.menu-toggle span{height:1.5px;background:var(--ink);width:23px;display:block;margin:6px 0}.mobile-nav{padding:10px 24px 24px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 0}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:55px;align-items:center;padding-block:66px 62px;min-height:690px}.hero-audience{font-size:13px;margin-top:30px;font-weight:500}.hero h1{font-size:clamp(37px,3.75vw,53px);line-height:1.55;font-weight:650;white-space:nowrap;margin-top:14px;margin-left:-3px}.word-conversation{position:relative;z-index:1}.word-conversation:after{content:"";position:absolute;bottom:.08em;left:0;width:100%;height:.14em;background:#bdcfab;z-index:-1}.hero-description{font-size:14px;line-height:2.05;color:var(--muted);margin-top:26px;letter-spacing:.02em}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:33px}.text-link{display:inline-flex;gap:18px;align-items:center;font-size:12px;font-weight:600;border-bottom:1px solid transparent;padding-block:12px}.text-link:hover{border-bottom-color:currentColor}.hero-foot{display:flex;gap:17px;font-size:10px;color:var(--muted);margin-top:33px}.hero-foot span+span{border-left:1px solid #c8cbc0;padding-left:17px}.demo-stage{background:#e8ede3;border:1px solid #dde3d8;border-radius:22px;padding:20px 24px 13px;position:relative;min-width:0}.stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px;font-size:8px;letter-spacing:.11em;color:#5e685a}.demo-label{font-size:9px;white-space:nowrap;border:1px solid #c7d0c0;padding:2px 7px;border-radius:3px;letter-spacing:.04em}.demo-window{background:#fff;border:1px solid #d3d9cc;border-radius:13px;box-shadow:0 15px 28px #353d2d0d;overflow:hidden}.demo-header{display:flex;align-items:center;gap:10px;padding:16px 20px}.demo-header strong{font-size:11px;font-weight:600;display:block;line-height:1.6}.demo-header div>span{font-size:9px;color:#75786f;display:block}.demo-avatar{margin-left:auto;font-size:8px;background:#eeefe9;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;letter-spacing:.03em}.demo-tabs{display:flex;border-block:1px solid #eceee7;padding-inline:13px;background:#fafbf7}.demo-tabs button{flex:1;display:flex;justify-content:center;gap:6px;align-items:center;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font-size:10px;color:#73796c}.demo-tabs img{width:16px;height:16px;opacity:.7}.demo-tabs button[aria-selected=true]{border-bottom-color:var(--olive);color:var(--ink);font-weight:650;background:#f0f3e8}.demo-tabs button[aria-selected=true] img{opacity:1}.demo-panel{min-height:338px;padding:18px 20px 15px}.user-bubble{background:#edf0e6;border-radius:12px 12px 2px 12px;padding:9px 13px;font-size:11px;margin-left:auto;width:fit-content;max-width:92%}.assistant-label{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;margin:14px 0 6px}.assistant-copy{font-size:10px;margin:0 0 11px 1px;color:#62665d}.result-card{border:1px solid #e1e4d9;border-radius:9px;padding:12px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.result-heading img{height:21px;width:auto;max-width:135px}.status-chip{font-size:8px;color:#626f34;background:#eff3e3;border-radius:3px;padding:2px 6px}.result-photo{height:91px;position:relative;overflow:hidden;border-radius:5px;background:#403d31}.result-photo img{width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:brightness(.76)}.result-photo>span{position:absolute;left:17px;top:17px;color:white;font-size:14px;font-weight:500;letter-spacing:.03em;line-height:1.7}.result-title{font-size:10px;font-weight:600;margin-top:9px}.result-desc{font-size:9px;color:#777c71;margin:3px 0 10px}.confirm-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--ink);color:white;font-size:10px;border:0;border-radius:4px;padding:9px 11px;min-height:34px}.confirm-button:hover:not(:disabled){background:#46543c}.confirm-button:disabled{background:#e4eddb;color:#465b32}.demo-bottom{display:flex;align-items:center;gap:6px;min-height:35px;border-top:1px solid #eceee7;padding:8px 15px;font-size:8px;color:#67735d}.confirm-dot{width:5px;height:5px;flex:0 0 5px;background:var(--green);border-radius:50%}.demo-bottom button{background:none;border:0;text-decoration:underline;font-size:8px;color:#696e62;padding:2px;margin-left:auto;white-space:nowrap}.stage-bottom{display:flex;align-items:center;justify-content:center;gap:16px;font-size:10px;margin-top:15px;color:#5b6254}.stage-bottom b{font-size:8px;font-weight:400;color:#7d8972;margin-right:5px}.demo-disclaimer{font-size:8px;color:#67725f;text-align:center;margin-top:8px;line-height:1.7;min-height:14px}.demo-list{margin:0;padding:0;list-style:none}.demo-list li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e6e8df;font-size:11px}.demo-list li:last-child{border:0}.demo-list li span{font-size:9px;color:#7b8071}.draft-copy{font-size:11px;background:#f7f8f3;padding:14px;margin:5px 0 12px;border-radius:5px;line-height:1.8}.draft-copy b{display:block;margin-bottom:6px}.brand-strip{border-block:1px solid var(--line);background:#f0f1ea}.brand-strip-inner{display:grid;grid-template-columns:1.15fr repeat(4,1fr);align-items:center;gap:25px;padding-block:29px}.brand-strip p{font-size:11px;line-height:1.9;color:#777c6d}.brand-strip b{color:var(--ink);font-weight:500}.brand-strip a{display:flex;flex-direction:column;align-items:center;gap:8px}.brand-strip img{height:29px;width:auto;max-width:158px}.brand-strip a:last-child img{max-width:180px}.brand-strip a>span{font-size:9px;color:#777c6d}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:65px}.intro h2{font-size:28px;margin-top:17px;line-height:1.7}.intro-copy{padding-top:25px;color:var(--muted);font-size:13px;line-height:2}.intro-copy p+p{margin-top:15px}.services{padding-top:45px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:43px}.section-heading h2{margin-top:17px}.section-heading>p{font-size:13px;color:var(--muted);line-height:2;max-width:415px;padding-bottom:7px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product-card{--product:var(--green);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 34px 23px;min-width:0;scroll-margin-top:107px}.product-card.chat{--product:var(--rose)}.product-card.sns{--product:var(--olive)}.product-card.creative{--product:var(--purple)}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-heading img{height:34px;width:auto;max-width:57%}.product-heading>span{font-size:8px;letter-spacing:.07em;color:#85877e;white-space:nowrap}.product-card h3{font-size:31px;line-height:1.55;margin-top:23px}.product-description{font-size:12px;line-height:2;color:var(--muted);margin-top:14px;min-height:72px;max-width:425px}.product-preview{height:198px;margin-top:25px;border-radius:9px;overflow:hidden;position:relative}.site-preview{background:#e7ede5;padding:19px 22px 0}.browser-bar{display:flex;align-items:center;gap:16px;height:24px;border-radius:6px 6px 0 0;background:white;padding:0 10px;font-size:7px;color:#858d7d}.browser-dots{color:#ced5c6;font-size:5px;letter-spacing:2px}.sample-site{display:grid;grid-template-columns:1fr 1fr;background:#f6f4ee;height:156px}.sample-site-copy{padding:17px 13px}.sample-site-copy>span{font-size:6px;letter-spacing:.1em}.sample-site strong{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;display:block;font-size:28px;line-height:1.35;font-weight:500;margin:8px 0}.sample-site small{font-size:6px}.sample-site img{width:100%;height:156px;object-fit:cover}.chat-preview{background:#f4edf0;padding:28px 24px}.customer-message{font-size:10px;background:white;box-shadow:0 4px 12px #9d526c07;border-radius:9px 9px 0 9px;padding:10px 16px;width:fit-content;margin-left:auto}.shop-response{display:flex;gap:9px;align-items:start;margin-top:17px}.shop-response>div{background:white;border-radius:0 10px 10px 10px;font-size:10px;padding:11px 14px;line-height:1.8}.shop-response>img{width:24px;height:24px;flex-shrink:0}.shop-response span{display:block;font-size:8px;color:#9a6a7c;margin-top:8px}.preview-caption{position:absolute;bottom:8px;right:11px;font-size:7px;color:#86717a}.sns-preview{background:#eff2e6;padding:18px 23px}.week-title{display:flex;justify-content:space-between;align-items:center;font-size:10px}.week-title>span{font-size:7px;letter-spacing:.08em;color:#7b8767}.week-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.week-grid>div{border:1px solid #dbe1cf;border-radius:5px;background:#f9faf6;padding:8px;text-align:center;min-width:0}.week-grid>div>span{font-size:7px;color:#7c8871;display:block}.week-grid b{display:block;font-size:8px;white-space:nowrap}.week-grid small{display:block;font-size:7px;color:#7b836e}.week-grid img{height:42px;width:100%;object-fit:cover;border-radius:3px;margin:6px 0}.week-grid .active-day{border-color:#a4b376;background:white}.plan-dot{display:block;width:12px;height:12px;border-radius:50%;background:#9ba77f;margin:21px auto}.plan-dot.pale{background:#d4dac7}.creative-preview{background:#252522}.creative-preview>img{width:100%;height:100%;object-fit:cover;filter:brightness(.74)}.creative-preview>div{position:absolute;inset:28px 24px;color:white;display:flex;flex-direction:column;justify-content:space-between}.creative-preview>div>span{font-size:8px;letter-spacing:.12em}.creative-preview strong{font-size:25px;letter-spacing:.06em;font-weight:400}.creative-preview small{font-size:7px;letter-spacing:.1em}.creative-preview .preview-caption{color:#e0dbe3}.capabilities{list-style:none;margin:22px 0;padding:0;font-size:12px;line-height:2.3}.capabilities li:before{content:"";display:inline-block;width:5px;height:5px;background:var(--product);border-radius:50%;vertical-align:middle;margin-right:10px}.hub-connection{border-top:1px solid #e8e9e3;padding-top:15px;min-height:87px}.connection-label{font-size:8px;letter-spacing:.1em;color:var(--product);font-weight:700}.connection-label small{font-weight:400;font-size:8px;letter-spacing:0;padding:2px 5px;background:#f0f0ea;color:#727669;margin-left:6px}.hub-connection p{font-size:11px;line-height:1.8;margin-top:6px;color:#666b60}.product-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;padding-top:15px}.product-link:hover{color:var(--product)}.product-link>span{font-size:19px;color:var(--product)}.section-note{font-size:10px;color:#7c8074;line-height:1.9;margin-top:23px}.hub-section{padding-block:94px 36px;background:var(--ink);color:#f6f7ef}.hub-section .eyebrow{color:#b6c2a3}.hub-section .section-heading>p{color:#b8bcb2}.hub-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center}.hub-principles article{display:flex;gap:22px;border-top:1px solid #494b47;padding-block:25px}.hub-principles article>span{font-size:10px;color:#a4af92;padding-top:6px}.hub-principles h3{font-size:19px;font-weight:500;letter-spacing:-.01em}.hub-principles p{font-size:12px;color:#b5b9ae;line-height:2;margin-top:9px}.hub-map{padding:17px 19px;text-align:center;display:flex;flex-direction:column;align-items:center}.map-products{display:flex;width:100%;justify-content:space-between;gap:13px;position:relative;z-index:1}.map-products>div{display:flex;flex:1;flex-direction:column;align-items:center;gap:11px;font-size:10px;color:#d2d6cb}.map-products img{box-sizing:content-box;padding:12px;background:#f5f5ef;border-radius:13px;width:31px;height:31px}.map-hub{border:1px solid #717767;padding:26px 32px;background:#30332e;border-radius:11px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 15px 35px #14171426}.map-hub span{font-size:11px;color:#c6ccbe}.map-question{margin-top:27px;background:#ebefe2;color:#353c2d;font-size:12px;padding:13px 27px;border-radius:16px 16px 2px 16px}.light-text-link{font-size:10px;color:#c7d6b2;margin-top:23px}.light-text-link:hover{text-decoration:underline}.light-text-link>span{margin-left:16px}.hub-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-block:28px;border-block:1px solid #494b47;margin-top:30px}.hub-notes b{display:block;font-size:13px;font-weight:500}.hub-notes span{font-size:11px;color:#adb5a2;display:block;margin-top:5px}.hub-scope{font-size:9px;color:#9fa696;margin-top:23px;line-height:1.9}.scene-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);margin-bottom:30px}.scene-tabs button{background:none;border:0;border-bottom:2px solid transparent;font-size:13px;padding:14px 26px;color:#777d6e}.scene-tabs button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink);font-weight:650}.scene-panel{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.scene-story{padding:42px;background:#e9eddf;display:flex;flex-direction:column;align-items:start}.scene-story .eyebrow{font-size:9px;color:#697658}.scene-story h3{font-size:31px;line-height:1.6;margin-top:24px}.scene-story>p:not(.eyebrow){font-size:12px;line-height:2.2;color:#646c5a;margin-top:20px;max-width:370px}.scene-note{font-size:9px;color:#7f886f;margin-top:25px}.scene-flow{list-style:none;padding:17px 36px;margin:0;display:flex;flex-direction:column;justify-content:center}.scene-flow li{display:flex;gap:18px;padding-block:22px}.scene-flow li+li{border-top:1px solid #e6e7df}.flow-number{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #d7ddcc;border-radius:50%;font-size:10px;margin-top:4px;color:#717c61}.scene-flow b{font-size:9px;color:#77835f;font-weight:500}.scene-flow h4{font-size:14px;font-weight:500;margin-top:3px;line-height:1.8}.scene-flow p{font-size:11px;color:var(--muted);margin-top:5px}.start-section{background:#efefe9;border-block:1px solid var(--line)}.start-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:0;padding:0}.start-grid>li{border-top:1px solid #bfc6b3;padding-top:19px}.start-grid>li>span{font-size:30px;color:#a2af93;letter-spacing:-.07em;font-weight:400}.start-grid h3{font-size:18px;margin:16px 0 14px;letter-spacing:-.02em}.start-grid p{color:var(--muted);font-size:12px;line-height:2}.pricing-note{font-size:11px;margin-top:35px;padding-top:23px;border-top:1px solid var(--line);color:#777c70}.pricing-note b{font-weight:600;color:#4c5444;margin-right:20px}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq h2{font-size:29px;margin-top:16px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;font-size:13px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:23px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-weight:300;font-size:19px;color:#808873;flex-shrink:0}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:2.1;color:#646b5c;padding:0 30px 22px 0}.contact-section{background:#e1e8d8;padding-top:72px}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:55px;padding-bottom:56px}.contact-inner h2{font-size:36px;margin-top:18px}.contact-inner p:not(.eyebrow){font-size:12px;color:#657159;margin-top:19px;line-height:2}.contact-action{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.contact-button{min-height:64px;padding-inline:28px;font-size:14px;gap:55px}.contact-action>span{font-size:9px;color:#737e69;margin-top:13px}.email-address{font-size:13px;margin-top:18px}.copy-email{font-size:9px;border:0;border-bottom:1px solid #a5b197;background:none;color:#626d57;padding:2px 0;margin-top:6px}.contact-action .copy-status{font-size:10px!important;min-height:20px;margin-top:5px!important}.partner-line{border-top:1px solid #c6d0bb;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:22px;font-size:11px}.partner-line p{color:#67735a}.partner-line a>span{margin-left:14px;font-size:17px}.footer{padding-block:40px 25px}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:center}.footer-top p{font-size:11px;color:#767d6f;margin-top:14px}.footer-links{display:flex;gap:25px;font-size:10px;color:#646c5b}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:31px;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:8px;color:#858d7b;letter-spacing:.03em}.footer-bottom button{border:0;background:none;font-size:9px;color:#667457;padding:4px}.footer-bottom button:hover{text-decoration:underline}.presentation-bar{position:fixed;z-index:45;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:#262a23f2;color:white;border:1px solid #68705e;border-radius:50px;padding:9px 14px;box-shadow:0 8px 30px #18221230;white-space:nowrap}.presentation-bar button{min-height:35px;min-width:35px;border:0;color:white;background:#ffffff10;border-radius:50%;font-size:18px}.presentation-bar button:disabled{opacity:.3}.presentation-bar #present-close{border-radius:18px;font-size:10px;padding:0 12px}.presentation-bar kbd{font-size:9px;font-family:inherit;opacity:.6;margin-left:6px}.presentation-bar>span{font-size:11px;min-width:170px;text-align:center}.presenting{padding-bottom:75px}.no-script{padding:20px;text-align:center;font-size:12px}button,a{touch-action:manipulation}@media(min-width:1500px){.hero{gap:90px;min-height:730px}.hero h1{font-size:53px}.demo-stage{padding:22px 29px 17px}.demo-panel{padding:20px 23px}.result-photo{height:108px}.hero-audience{margin-top:35px}}@media(max-width:1150px){.shell{width:calc(100% - 72px)}.desktop-nav{gap:19px;font-size:11px}.hero{gap:30px;padding-block:50px;min-height:660px}.hero h1{font-size:40px}.hero-description{font-size:13px}.hero-actions{gap:17px}.hero-actions .button{gap:20px;padding-inline:18px;font-size:12px}.demo-stage{padding:16px 18px 12px}.stage-top{font-size:7px}.demo-panel{padding:15px 16px;min-height:336px}.brand-strip-inner{gap:20px}.brand-strip img{height:24px}.brand-strip a:last-child img{max-width:150px}.product-card{padding:28px 28px 20px}.product-heading>span{font-size:7px}.product-card h3{font-size:29px}.intro h2{font-size:25px}.intro{gap:35px}.intro-copy{font-size:12px}.hub-layout{gap:40px}.hub-principles h3{font-size:18px}.scene-story{padding:32px}.scene-flow{padding-inline:25px}.contact-inner h2{font-size:32px}.footer-links{gap:17px}.faq{gap:45px}}@media(max-width:900px){.shell{width:calc(100% - 48px)}.desktop-nav{display:none}.header-inner{height:75px}.header-inner>.button{margin-left:auto}.menu-toggle{display:block}.hero{gap:24px}.hero h1{font-size:34px}.hero-audience{font-size:11px}.hero .eyebrow{font-size:8px}.hero-description{font-size:12px}.hero-actions{flex-wrap:wrap;gap:8px 18px}.hero-foot{font-size:9px;margin-top:22px}.demo-stage{padding:13px 13px 10px}.stage-top>span:first-child{max-width:140px}.demo-header{padding:13px}.demo-header strong{font-size:10px}.demo-tabs button{padding-block:10px;font-size:9px}.demo-tabs img{width:13px;height:13px}.demo-panel{padding:14px 13px;min-height:339px}.assistant-copy{font-size:9px}.demo-disclaimer{font-size:7px}.brand-strip-inner{grid-template-columns:repeat(4,1fr);gap:20px}.brand-strip-inner>p{display:none}.section{padding-block:75px}.intro h2{font-size:23px}.intro-copy{padding-top:0}.wide-only{display:none}.section-heading h2{font-size:33px}.section-heading>p{font-size:11px;max-width:275px}.product-card{padding:25px 23px 19px}.product-heading{gap:8px}.product-heading>span{font-size:6px}.product-heading img{height:28px;max-width:60%}.product-description{min-height:95px}.product-preview{height:183px}.site-preview{padding:18px 14px 0}.sample-site strong{font-size:24px}.sample-site small{font-size:5px}.chat-preview{padding:24px 14px}.shop-response>div{font-size:9px;padding:10px}.sns-preview{padding:16px 12px}.week-grid{gap:5px}.week-grid>div{padding:7px 4px}.week-grid b{font-size:7px}.capabilities{font-size:10px}.hub-connection p{font-size:10px}.hub-section{padding-top:75px}.hub-principles p{font-size:11px}.hub-principles article{gap:15px}.hub-principles h3{font-size:16px}.hub-map{padding-inline:0}.map-products{gap:6px}.map-products img{width:27px;height:27px;padding:9px}.map-hub{padding:22px}.map-hub img{width:173px}.map-hub span{font-size:10px}.hub-notes span{font-size:10px}.scene-story h3{font-size:26px}.scene-story{padding:28px}.scene-flow h4{font-size:12px}.scene-flow p{font-size:10px}.start-grid{gap:25px}.start-grid h3{font-size:16px}.start-grid p{font-size:11px}.faq{grid-template-columns:1fr;gap:26px}.contact-inner h2{font-size:28px}.contact-button{gap:25px;font-size:12px}.footer-links{gap:12px;font-size:9px}.footer-bottom>span:last-child{display:none}}
@media(max-width:680px){html{scroll-padding-top:87px}.shell{width:calc(100% - 40px)}.header-inner{height:69px;gap:10px}.brand img{width:127px}.button.compact{font-size:10px;padding:9px 11px;gap:12px;min-height:37px}.menu-toggle{width:31px;padding:4px}.hero{grid-template-columns:1fr;padding-block:39px 30px;gap:32px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero-audience{margin-top:25px;font-size:12px}.hero h1{font-size:clamp(31px,7.8vw,47px);line-height:1.55;margin-top:12px;white-space:normal}.hero-description{font-size:12px;margin-top:20px;line-height:2.1}.hero-actions{margin-top:25px;gap:20px}.hero-actions .button{font-size:11px;min-height:48px;padding-inline:17px}.text-link{font-size:10px;gap:11px}.hero-foot{margin-top:21px;font-size:9px}.demo-stage{max-width:445px;width:100%;margin:auto;padding:17px 19px 12px;border-radius:17px}.stage-top{font-size:7px;margin-bottom:13px}.stage-top>span:first-child{max-width:none}.demo-label{font-size:8px}.demo-header{padding:14px 17px}.demo-header strong{font-size:11px}.demo-panel{padding:16px 17px;min-height:335px}.assistant-copy{font-size:10px}.demo-tabs button{font-size:10px;padding-block:11px}.demo-tabs img{width:15px;height:15px}.result-photo{height:100px}.demo-disclaimer{font-size:8px}.demo-bottom{font-size:8px;padding:9px 12px}.stage-bottom{font-size:9px;gap:16px}.brand-strip-inner{grid-template-columns:repeat(2,1fr);gap:25px 14px;padding-block:27px}.brand-strip a{gap:7px}.brand-strip img{height:29px}.brand-strip a:last-child img{max-width:161px;height:29px}.brand-strip a>span{font-size:8px}.section{padding-block:58px}.intro{grid-template-columns:1fr;gap:21px;padding-bottom:24px}.intro .eyebrow{font-size:8px}.intro h2{font-size:23px;line-height:1.7;margin-top:15px}.intro-copy{font-size:12px;line-height:2}.intro-copy p+p{margin-top:12px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:29px;line-height:1.6;margin-top:14px}.section-heading>p{font-size:12px;line-height:2;max-width:none;margin-top:18px;padding:0}.eyebrow{font-size:8px}.product-grid{grid-template-columns:1fr;gap:18px}.product-card{padding:25px 24px 19px;border-radius:14px;scroll-margin-top:90px}.product-heading img{height:32px;max-width:60%}.product-heading>span{font-size:7px}.product-card h3{font-size:28px;margin-top:19px}.product-description{font-size:12px;min-height:0;margin-top:13px}.product-preview{height:187px;margin-top:20px}.sample-site-copy{padding-left:15px}.sample-site strong{font-size:26px}.sample-site small{font-size:6px}.capabilities{font-size:11px;line-height:2.3;margin:18px 0}.hub-connection{min-height:80px;padding-top:12px}.hub-connection p{font-size:10px}.product-link{font-size:10px;padding-top:8px}.section-note{font-size:9px;margin-top:20px}.shop-response>div{font-size:10px}.week-grid b{font-size:8px}.hub-section{padding-block:58px 30px}.hub-layout{grid-template-columns:1fr;gap:24px}.hub-principles article{padding-block:22px;gap:19px}.hub-principles h3{font-size:17px}.hub-principles p{font-size:11px}.hub-map{padding:18px 14px 27px;max-width:400px;width:100%;margin:auto}.map-products img{width:29px;height:29px;padding:12px}.map-hub img{width:191px}.hub-notes{grid-template-columns:1fr;gap:20px;padding-block:25px;margin-top:0}.hub-notes b{font-size:12px}.hub-notes span{font-size:11px}.hub-scope{font-size:9px;line-height:2}.scene-tabs{gap:0;margin-bottom:23px}.scene-tabs button{padding:13px 9px;flex:1;font-size:10px;white-space:nowrap}.scene-panel{grid-template-columns:1fr;border-radius:14px}.scene-story{padding:28px}.scene-story h3{font-size:27px;margin-top:18px}.scene-story>p:not(.eyebrow){font-size:12px;margin-top:15px}.scene-note{font-size:8px;margin-top:16px}.scene-flow{padding:7px 25px}.scene-flow h4{font-size:13px}.scene-flow p{font-size:11px}.scene-flow li{padding-block:21px;gap:13px}.start-grid{grid-template-columns:1fr;gap:26px}.start-grid>li{padding-top:16px;position:relative;padding-left:49px}.start-grid>li>span{position:absolute;left:0;top:13px;font-size:26px}.start-grid h3{font-size:17px;margin:1px 0 12px}.start-grid p{font-size:12px}.pricing-note{font-size:10px;line-height:2;margin-top:28px;padding-top:17px}.pricing-note b{display:block;margin:0 0 6px}.faq{gap:23px}.faq h2{font-size:26px}.faq-list summary{font-size:12px;padding-block:20px;gap:15px}.faq-list details>p{font-size:11px;padding-right:12px}.contact-section{padding-top:51px}.contact-inner{display:block;padding-bottom:32px}.contact-inner h2{font-size:clamp(23px,6.5vw,30px);margin-top:17px;line-height:1.7}.contact-inner p:not(.eyebrow){font-size:12px}.contact-action{margin-top:30px;align-items:start}.contact-button{font-size:13px;gap:35px;min-height:58px;width:100%}.contact-action>span{align-self:center}.email-address{font-size:13px;align-self:center;margin-top:15px}.copy-email,.copy-status{align-self:center}.partner-line{display:block;padding-block:22px;font-size:10px}.partner-line a{display:block;margin-top:8px}.footer{padding-block:29px 23px}.footer-top{display:block}.footer-top img{width:137px}.footer-top p{font-size:10px;margin-top:10px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;font-size:9px;margin-top:24px}.footer-bottom{margin-top:25px;font-size:7px;gap:7px}.footer-bottom button{font-size:8px}.presentation-bar{bottom:13px;gap:7px;padding:7px 9px;max-width:calc(100% - 20px)}.presentation-bar>span{font-size:9px;min-width:135px}.presentation-bar button{min-width:30px;min-height:30px;font-size:16px}.presentation-bar #present-close{font-size:9px;padding-inline:10px}.presentation-bar kbd{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.header,.hero-actions,.product-link,.demo-bottom button,.menu-toggle,.contact-action,.presentation-bar,.footer-bottom button{display:none!important}.shell{width:100%}.section{padding-block:25px}.hero{padding-block:20px}.hero h1{font-size:35px}.product-card,.scene-panel,.start-grid li{break-inside:avoid}.hub-section,.contact-section{-webkit-print-color-adjust:exact;print-color-adjust:exact}.footer-links{display:none}body{font-size:11px}}

/* Keep the reading text comfortable for business owners and presentation screens. */
.product-description,.intro-copy,.section-heading>p,.hub-principles p,.start-grid p,.scene-story>p:not(.eyebrow),.faq-list details>p{font-size:14px}.product-description{min-height:84px}.capabilities,.hub-connection p,.scene-flow p{font-size:13px}.faq-list summary{font-size:14px}.hero-description{font-size:15px}.contact-inner p:not(.eyebrow){font-size:14px}.intro{padding-bottom:60px}
@media(max-width:900px) and (min-width:681px){.product-description,.intro-copy,.section-heading>p,.hub-principles p,.start-grid p{font-size:12px}.capabilities,.hub-connection p{font-size:11px}.hero-description{font-size:13px}.product-description{min-height:95px}}
@media(max-width:680px){.hero-description{font-size:14px}.product-description{min-height:0}.capabilities{font-size:12px}.hub-connection p{font-size:12px}.intro{padding-bottom:24px}.scene-flow p{font-size:12px}.contact-inner p:not(.eyebrow){font-size:13px}}

/* Core services: Print bridges digital ordering and physical delivery. */
.brand-strip-inner{grid-template-columns:repeat(5,1fr)}.brand-strip a:first-child img{height:31px}.print-feature{background:#f3eee7;border:1px solid #ddd3c6;border-radius:18px;overflow:hidden;margin-bottom:65px;scroll-margin-top:110px}.print-feature-main{display:grid;grid-template-columns:1.04fr 1fr;gap:0}.print-copy{padding:40px 40px 30px}.print-copy .product-heading>img{height:37px;width:auto}.print-copy .product-heading>span{font-size:9px;color:#94633f}.feature-kicker{font-size:11px;color:#a66637;margin-top:26px}.print-copy h3{font-size:35px;line-height:1.6;margin-top:12px}.print-copy>p:not(.feature-kicker){font-size:14px;color:#726658;line-height:2.1;margin-top:17px}.print-tags{display:flex;gap:6px;flex-wrap:wrap;margin:23px 0}.print-tags span{font-size:9px;border:1px solid #d4c3b1;padding:4px 8px;border-radius:3px;color:#8b6749}.print-button{background:#ba501d;border-color:#ba501d;gap:50px;font-size:12px}.print-button:hover{background:#9f4011}.print-visual{margin:0;position:relative;min-height:470px;overflow:hidden;background:#e8cbb8}.print-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:46% center}.print-visual-label{position:absolute;top:31px;left:31px;color:#4b3020}.print-visual-label>span{font-size:8px;letter-spacing:.12em}.print-visual-label strong{display:block;font-size:31px;font-weight:500;line-height:1.55;margin-top:11px;letter-spacing:-.04em}.print-visual figcaption{position:absolute;bottom:14px;right:17px;background:#f8eee3d9;color:#725744;padding:3px 7px;font-size:8px;border-radius:3px}.print-journey{list-style:none;margin:0;padding:23px 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #d8cdbf;background:#eee6da}.print-journey li{position:relative}.print-journey li+li:before{content:'→';position:absolute;left:-28px;top:23px;color:#b2987e}.print-journey span{font-size:8px;letter-spacing:.12em;color:#b0602d;display:block}.print-journey b{font-size:13px;display:block;font-weight:600;margin-top:5px}.print-journey small{display:block;font-size:10px;color:#8b7968;margin-top:3px}.print-scope{font-size:9px;line-height:1.9;color:#81705f;padding:12px 40px;border-top:1px solid #ddd1c0}.online-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 32px;scroll-margin-top:110px}.online-intro h3{font-size:28px;line-height:1.6;margin-top:14px}.online-intro>p{font-size:13px;line-height:2;color:var(--muted);padding-bottom:3px}.product-focus{display:block;color:var(--product);font-size:10px;margin-top:23px;line-height:1.8}.product-card .product-focus+h3{margin-top:10px}.extended-section{padding-top:0}.extended-section h2{font-size:32px}.extended-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.extended-card{grid-column:span 2;padding:26px;border:1px solid var(--line);border-radius:12px;background:#f0f1eb;display:flex;flex-direction:column;align-items:start}.extended-card:nth-last-child(-n+2){grid-column:span 3}.extended-card>img{height:33px;width:auto;max-width:85%}.extended-category{font-size:10px;color:#7c8371;margin-top:20px}.extended-category small{font-size:8px;color:#7b7b6b;background:#e5e7dc;border-radius:3px;padding:3px 4px;margin-left:4px}.extended-card h3{font-size:18px;line-height:1.7;margin-top:7px}.extended-card>p:not(.extended-category){font-size:13px;line-height:2;color:#6e7565;margin-top:13px;flex:1}.extended-card>span{font-size:9px;color:#818974;display:block;margin-top:18px}.extended-card>a{font-size:11px;display:flex;justify-content:space-between;width:100%;border-top:1px solid #d9ddce;padding-top:14px;margin-top:16px}.extended-card>a>span{font-size:15px}.extended-card>a:hover{color:var(--green)}.map-roadmap{font-size:9px;color:#9dac8d;margin-top:10px}.hub-map .map-question{margin-top:17px}.scene-tabs button{padding-inline:22px}
@media(max-width:1150px){.print-copy{padding:32px}.print-copy h3{font-size:30px}.print-copy>p:not(.feature-kicker){font-size:13px}.print-visual-label{top:25px;left:25px}.print-visual-label strong{font-size:27px}.extended-card{padding:23px}.extended-card h3{font-size:17px}.extended-card>p:not(.extended-category){font-size:12px}}
@media(max-width:900px){.brand-strip-inner{gap:13px}.brand-strip img{height:24px!important;max-width:135px!important}.brand-strip a>span{font-size:8px}.print-copy{padding:26px}.print-copy h3{font-size:27px}.print-copy .product-heading>span{font-size:7px}.print-copy .product-heading>img{height:30px}.feature-kicker{font-size:9px}.print-copy>p:not(.feature-kicker){font-size:12px}.print-journey{padding:20px 26px}.print-journey b{font-size:11px}.print-journey small{font-size:9px}.print-scope{padding-inline:26px;font-size:8px}.online-intro h3{font-size:25px}.online-intro>p{font-size:12px}.extended-grid{grid-template-columns:repeat(2,1fr)}.extended-card,.extended-card:nth-last-child(-n+2){grid-column:span 1}.extended-card:last-child{grid-column:span 2}.extended-section h2{font-size:28px}.map-products{gap:6px}.map-products img{width:23px;height:23px;padding:9px}.map-products>div{font-size:9px}.scene-tabs button{padding-inline:15px;font-size:12px}}
@media(max-width:680px){.brand-strip-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:23px 0}.brand-strip a{width:50%}.brand-strip a:first-child{width:100%;padding-bottom:21px;border-bottom:1px solid #d9ddce}.brand-strip a:first-child img{height:33px!important}.brand-strip img{height:29px!important;max-width:165px!important}.brand-strip a>span{font-size:8px}.print-feature{margin-bottom:40px;border-radius:14px;scroll-margin-top:88px}.print-feature-main{grid-template-columns:1fr}.print-copy{padding:25px}.print-copy .product-heading>img{height:34px}.print-copy .product-heading>span{font-size:7px}.feature-kicker{font-size:10px;margin-top:20px}.print-copy h3{font-size:27px}.print-copy>p:not(.feature-kicker){font-size:13px}.print-tags{margin-block:19px}.print-tags span{font-size:8px}.print-button{min-height:48px;font-size:11px;gap:37px}.print-visual{min-height:280px}.print-visual>img{object-position:center 49%}.print-visual-label{top:20px;left:22px}.print-visual-label strong{font-size:24px}.print-visual-label>span{font-size:7px}.print-visual figcaption{font-size:7px}.print-journey{padding:5px 25px;grid-template-columns:1fr;gap:0}.print-journey li{padding:16px 0}.print-journey li+li{border-top:1px solid #d9cbbb}.print-journey li+li:before{display:none}.print-journey span{font-size:8px}.print-journey b{font-size:13px;margin-top:3px}.print-journey small{font-size:10px}.print-scope{padding:12px 25px;font-size:8px}.online-intro{display:block;scroll-margin-top:88px}.online-intro h3{font-size:25px}.online-intro>p{font-size:12px;margin-top:16px}.product-focus{font-size:9px;margin-top:19px}.extended-section{padding-top:0}.extended-section h2{font-size:26px}.extended-grid{grid-template-columns:1fr;gap:14px}.extended-card,.extended-card:nth-last-child(-n+2),.extended-card:last-child{grid-column:span 1;padding:25px}.extended-card>img{height:34px}.extended-card h3{font-size:18px}.extended-card>p:not(.extended-category){font-size:13px}.extended-category{margin-top:17px}.map-products img{width:25px;height:25px;padding:9px}.map-products>div{font-size:9px}.map-products{gap:7px}.scene-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.scene-tabs button{padding:12px 8px;font-size:11px}.hero-foot{gap:11px;font-size:8px}.hero-foot span+span{padding-left:11px}.demo-tabs button{gap:4px;font-size:9px}.demo-tabs img{width:14px;height:14px}}
.demo-tabs #tab-print[aria-selected=true]{border-bottom-color:#f37021;background:#fbefe4}.demo-tabs #tab-site[aria-selected=true]{border-bottom-color:#4f8c68;background:#edf4ec}.demo-tabs #tab-chat[aria-selected=true]{border-bottom-color:#9d526c;background:#f6ecf0}.demo-tabs #tab-creative[aria-selected=true]{border-bottom-color:#7868ae;background:#f0edf8}

/* Cafe decor keeps the custom objects visible at both layouts. */
.print-visual>img{object-position:54% center}.print-visual-label{background:#f7f1e5dc;padding:5px 9px;border-radius:3px}.print-visual figcaption{background:#f8eee3ed}
@media(max-width:680px){.print-copy h3{font-size:25px}.print-visual{min-height:0;aspect-ratio:1 / 1}.print-visual>img{object-position:center}.print-visual-label{top:14px;left:14px}.print-visual figcaption{bottom:12px;right:12px}}

/* All ten approved subbrands connect to the shared SAKU HUB entry. */
.map-products>div{min-width:0}
.map-products>div>span{line-height:1.45}


.map-products-secondary + .map-roadmap{margin-top:22px}

/* Five equal columns keep every connector on its logo center at any width. */
.hub-map .map-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.connection-lines{display:block;flex:none;width:100%;height:72px;margin:8px 0 0;color:#69715e;overflow:visible}
.connection-lines-lower{margin:0 0 8px;transform:scaleY(-1)}

.live-chat-action{width:100%;margin-bottom:20px}.live-chat-action .button{width:100%;justify-content:space-between}.live-chat-action p{font-size:11px;line-height:1.7;margin:7px 0 0;color:var(--muted)}#support-chat-status:empty{display:none}

/* Subpages retain the approved section designs and shared navigation. */
.desktop-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--green);text-decoration:underline;text-underline-offset:7px}
.subpage-heading{padding-block:34px 36px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.breadcrumbs a:hover{color:var(--ink)}.subpage-heading h1{font-size:34px;line-height:1.5;letter-spacing:-.04em;margin-top:24px}
.subpage-heading+.section{padding-top:35px}
.page-directory{padding-top:35px}.page-directory h2{font-size:32px;line-height:1.6;margin-top:16px}.page-directory-links{margin-top:30px;border-top:1px solid var(--line)}.page-directory-links>a{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 0;border-bottom:1px solid var(--line)}.page-directory-links h3{font-size:21px;font-weight:600}.page-directory-links p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:9px;max-width:740px}.page-directory-links>a>span{font-size:24px}.page-directory-links>a:hover h3{color:var(--green)}.presentation-link{font-size:10px;color:var(--muted)}
@media(max-width:680px){.subpage-heading{padding-block:23px 26px}.subpage-heading h1{font-size:28px;margin-top:20px}.breadcrumbs{font-size:10px}.subpage-heading+.section{padding-top:24px}.page-directory{padding-top:30px}.page-directory h2{font-size:26px}.page-directory-links>a{padding-block:23px;gap:20px}.page-directory-links h3{font-size:19px}.page-directory-links p{font-size:12px}.presentation-link{font-size:8px}}
@media(max-width:680px){body:not([data-page=presentation]) .footer{padding-bottom:100px}}

/* HUB detail: editorial explanations extend the approved ecosystem section. */
.hub-page-intro{max-width:810px;margin-top:22px;color:var(--muted);font-size:14px;line-height:2}.hub-page-intro p+p{margin-top:9px}
.hub-page-nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px;font-size:11px}.hub-page-nav a{padding-bottom:4px;border-bottom:1px solid var(--line)}.hub-page-nav a:hover{color:var(--green);border-color:currentColor}
.hub-detail,.hub-workflow{scroll-margin-top:86px}.hub-detail-heading{max-width:880px;margin-bottom:24px}.hub-detail-heading h2{font-size:clamp(27px,3vw,38px);line-height:1.55;letter-spacing:-.04em;margin-top:18px}.hub-detail>.shell>p,.hub-workflow>.shell>p{max-width:790px;color:var(--muted);font-size:14px;line-height:2}
.hub-capability-list{margin-top:42px;border-top:1px solid var(--line)}.hub-capability{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;padding:38px 0;border-bottom:1px solid var(--line)}.hub-capability img,.hub-role-grid img{display:block;width:auto;height:36px;max-width:100%;object-fit:contain;object-position:left}.hub-capability h3{font-size:20px;font-weight:600;line-height:1.7;max-width:340px;margin-top:22px}.hub-capability dl{display:grid;gap:23px;margin:0}.hub-capability dt{font-size:14px;font-weight:600;margin-bottom:7px}.hub-capability dd{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.hub-expansion{margin-top:35px;padding:28px 32px;border:1px solid var(--line);border-radius:14px}.hub-expansion .eyebrow{color:var(--muted)}.hub-expansion h3{font-size:21px;font-weight:600;line-height:1.6;margin:12px 0}.hub-expansion>p:not(.eyebrow){max-width:940px;font-size:13px;line-height:2;color:var(--muted);margin-top:10px}.hub-expansion .text-link{display:inline-flex;margin-top:20px}
.hub-workflow{background:#edf0e7;border-block:1px solid var(--line)}.hub-workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:42px;padding:0;list-style:none}.hub-workflow-steps li{min-width:0;border-top:1px solid var(--line);padding-top:19px}.hub-step-number{font-size:11px;color:var(--green)}.hub-workflow-steps h3{font-size:18px;line-height:1.6;margin-top:12px}.hub-workflow-steps .hub-step-example{display:flex;align-items:center;min-height:84px;padding:17px 20px;margin:22px 0 16px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:14px;line-height:1.8;color:var(--ink)}.hub-workflow-steps p{font-size:13px;line-height:2;color:var(--muted)}.hub-demo-link{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:35px}.hub-demo-link p{font-size:11px;color:var(--muted)}
.hub-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;margin-top:36px}.hub-role-grid article{padding:25px 0;border-block:1px solid var(--line)}.hub-role-audience{font-size:11px;color:var(--muted);margin-bottom:22px}.hub-role-grid h3{font-size:22px;line-height:1.6;margin-top:24px}.hub-role-grid article>p:last-child{font-size:14px;color:var(--muted);line-height:2;margin-top:14px}.hub-detail>.shell>.hub-detail-note{max-width:none;font-size:12px;margin-top:22px}.hub-questions{padding-top:0}.hub-questions .faq-list{margin-top:36px}.hub-start-link{display:inline-flex;margin-top:28px}
[data-theme=dark] .hub-workflow{background:#222b23}
@media(max-width:900px){.hub-capability{gap:32px}.hub-workflow-steps{gap:20px}.hub-role-grid{gap:30px}}
@media(max-width:680px){.hub-page-intro{font-size:13px;margin-top:17px}.hub-page-nav{gap:12px 19px;margin-top:23px;font-size:10px}.hub-detail-heading h2{font-size:27px}.hub-detail>.shell>p,.hub-workflow>.shell>p{font-size:13px}.hub-capability{grid-template-columns:1fr;gap:24px;padding:28px 0}.hub-capability h3{max-width:none;font-size:19px;margin-top:17px}.hub-capability img,.hub-role-grid img{height:32px}.hub-expansion{padding:23px}.hub-expansion h3{font-size:19px}.hub-workflow-steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.hub-workflow-steps .hub-step-example{min-height:0;margin-top:17px}.hub-role-grid{grid-template-columns:1fr;gap:15px}.hub-role-grid article{border-bottom:0}.hub-role-grid article:last-child{border-bottom:1px solid var(--line)}.hub-role-grid h3{font-size:21px}.hub-role-grid article>p:last-child{font-size:13px}.hub-questions .faq-list summary{font-size:15px;gap:18px}.hub-demo-link .button{font-size:12px}.hub-detail,.hub-workflow{scroll-margin-top:74px}}

/* One shared conversation, with service tabs retained for focused examples. */
.demo-tabs #tab-all[aria-selected=true]{border-bottom-color:var(--green);background:#edf2e9}
.demo-panel.is-unified{padding:0;min-height:0}
.unified-demo{--unified-surface:#f5f7f1;--unified-border:#dde3d8;--unified-muted:#65705f;--unified-card:#fff}
.unified-feed{position:relative;height:310px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:17px 18px 20px}
.unified-turn+.unified-turn{margin-top:24px;padding-top:18px;border-top:1px solid var(--unified-border)}
.unified-feed .user-bubble{overflow-wrap:anywhere;white-space:pre-wrap}
.unified-feed .assistant-label{display:flex;align-items:center;gap:7px}.unified-sample{margin-left:auto;font-size:8px;letter-spacing:.04em;color:var(--unified-muted)}
.unified-feed .assistant-copy{font-size:11px;line-height:1.8;margin-block:9px 13px}
.unified-service-list{display:grid;gap:9px}
.unified-service-card{min-width:0;border:1px solid var(--unified-border);border-radius:10px;padding:12px;background:var(--unified-card)}
.unified-service-card .result-heading{margin-bottom:6px;flex-wrap:wrap}.unified-service-card .result-heading img{height:20px;max-width:135px}
.unified-service-status{font-size:8px;line-height:1.5;color:var(--unified-muted)}.unified-service-status.is-planned{border:1px dashed var(--unified-border);border-radius:4px;padding:2px 5px}
.unified-service-card .result-title{font-size:12px;line-height:1.7;margin-block:7px 4px}.unified-service-card .result-desc{font-size:10px;line-height:1.8;margin-block:4px 9px;color:var(--unified-muted)}
.unified-service-card details{border-top:1px solid var(--unified-border);margin-top:9px}.unified-service-card summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding-top:8px;font-size:10px;font-weight:600}.unified-service-card summary::-webkit-details-marker{display:none}.unified-service-card details[open] summary>span{transform:rotate(45deg)}.unified-card-detail{padding-top:12px}.unified-card-detail .demo-list{font-size:10px}.unified-card-detail .result-photo{height:115px}.unified-receipt{font-size:10px;line-height:1.8;margin-top:9px;color:var(--unified-muted)}
.unified-prompts{display:flex;flex-wrap:wrap;gap:6px;padding:11px 16px 8px;border-top:1px solid var(--unified-border);background:var(--unified-surface)}.unified-prompts button{min-height:30px;padding:5px 9px;border:1px solid var(--unified-border);border-radius:16px;background:var(--unified-card);color:var(--ink);font-size:9px;line-height:1.5}.unified-prompts button:hover{border-color:var(--green)}
.unified-composer{padding:0 16px 12px;background:var(--unified-surface)}.unified-input-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.unified-input-row{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--unified-border);border-radius:11px;background:var(--unified-card)}.unified-input-row:focus-within{border-color:var(--green)}.unified-input-row textarea{display:block;flex:1;min-width:0;resize:none;max-height:80px;min-height:36px;padding:8px 6px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;line-height:20px}.unified-input-row textarea::placeholder{color:var(--unified-muted)}.unified-input-row textarea:focus{outline:none}.unified-input-row button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:7px;border:0;border-radius:8px;background:var(--ink);color:var(--paper)}.unified-input-row button:disabled{opacity:.3;cursor:default}.unified-input-row svg{width:21px;height:21px}.unified-composer>p{font-size:8px;line-height:1.7;color:var(--unified-muted);margin-top:7px}
[data-theme=dark] .unified-demo{--unified-surface:#262f27;--unified-border:#485345;--unified-muted:#bbc8b2;--unified-card:#202722}
@media(max-width:680px){.demo-tabs{padding-inline:5px}.demo-tabs button{gap:3px;font-size:9px}.demo-tabs img{width:12px;height:12px}.unified-feed{height:310px;padding:14px 12px}.unified-prompts{padding:10px 10px 8px}.unified-composer{padding:0 10px 10px}.unified-input-row textarea{font-size:16px}.unified-input-row button{width:40px;height:40px}.unified-service-card{padding:10px}.unified-service-card .result-heading img{height:19px}.unified-service-status{font-size:8px}.unified-composer>p{font-size:9px}.unified-prompts button{min-height:32px;font-size:10px}}
.unified-feed{height:340px}
.unified-turn.is-overview .unified-service-card{padding:9px 11px}
.unified-turn.is-overview .unified-service-card>.result-desc{display:none}
.unified-turn.is-overview .unified-service-card .result-title{margin-block:3px;font-size:11px}
.unified-turn.is-overview .unified-service-card details{margin-top:6px}
.unified-turn.is-overview .unified-service-card summary{padding-top:5px}

/* Fictional three-store café: an owner's story, within the SAKU HUB identity. */
.cafe-case{--case-wash:#eceee5;--case-card:#fff;--case-sage:#e0e6d6;--case-accent:#536a4f;--case-warm:#efede4}
[data-theme=dark] .cafe-case{--case-wash:#242c25;--case-card:#202722;--case-sage:#313e30;--case-accent:#b2c9a1;--case-warm:#2a2b24}
.cafe-case :is(section,nav)[id]{scroll-margin-top:0}
.cafe-case figure{margin:0}.cafe-case img{object-fit:contain}.cafe-case h3{font-size:25px;line-height:1.65;letter-spacing:-.025em}.cafe-case p{line-height:2}.cafe-case .eyebrow{line-height:1.6;color:var(--case-accent)}
.case-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding-block:24px 35px}
.case-hero-copy{padding-block:18px}.case-model{font-size:11px;color:var(--muted);margin-top:28px}
.case-hero h2{font-size:clamp(40px,4.6vw,62px);line-height:1.45;letter-spacing:-.055em;margin:18px 0 25px}.case-hero h2 span{display:block}.case-lead{font-size:15px;color:var(--muted);max-width:400px}.case-hero .text-link{margin-top:25px}
.case-hero-photo{position:relative;overflow:hidden;border-radius:3px;aspect-ratio:1.1;background:#4b4638}.case-hero-photo>img{height:100%;width:100%;object-fit:cover;object-position:52% center}.case-hero-photo figcaption{position:absolute;inset:auto 0 0;padding:44px 25px 19px;display:flex;justify-content:space-between;align-items:end;gap:14px;color:#fff;background:linear-gradient(transparent,#141a11b8);font-size:9px;letter-spacing:.09em}.case-hero-photo figcaption span:last-child{font-size:9px;letter-spacing:0}
.case-premise{font-size:10px;color:var(--muted);padding-bottom:35px}.case-context{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;padding-block:36px 44px;border-top:1px solid var(--line)}.case-context h3{font-size:20px;margin-block:10px}.case-context p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:460px}
.case-stores{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center}.case-stores li{border-left:1px solid var(--line);padding-left:18px;min-width:0}.case-stores span{display:block;font-size:11px;letter-spacing:.1em;color:var(--case-accent)}.case-stores b{display:block;font-size:13px;font-weight:550;margin:11px 0 5px}.case-stores small{display:block;font-size:10px;color:var(--muted);line-height:1.7}
.case-nav{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding-block:20px;gap:24px}.case-nav a{font-size:12px;display:flex;gap:13px;align-items:baseline;line-height:1.65;padding:8px 0}.case-nav a:hover{color:var(--green)}.case-nav a>span{font-size:10px;color:var(--case-accent)}
.case-chapter{padding-block:90px}.case-section-head{margin-bottom:43px;max-width:790px}.case-section-head h2{margin-block:15px 14px;font-size:clamp(31px,3.4vw,43px);line-height:1.55}.case-section-head>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:630px}.case-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.case-brand-story{border-top:1px solid var(--line);padding-top:28px;min-width:0}.case-service-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:24px}.case-service-heading img,.case-office-label>img{width:auto;height:29px;max-width:170px}.case-status{font-size:10px;color:var(--case-accent);border:1px solid var(--line);border-radius:30px;padding:3px 10px;line-height:1.65;display:inline-block}.case-status.future{border-style:dashed;color:var(--muted)}.case-brand-story>p{font-size:13px;color:var(--muted);margin-top:16px}.case-sketch-path{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px;background:var(--case-warm);padding:23px 19px;font-size:11px;line-height:1.8;border-radius:5px}.case-sketch-path [aria-hidden]{color:var(--case-accent)}.case-search-card{background:var(--case-wash);padding:20px 22px;margin-top:28px;border-radius:5px}.case-search-card>span{font-size:9px;letter-spacing:.1em;color:var(--case-accent)}.case-search-card b{display:block;font-size:13px;margin-top:7px}.case-search-card p{font-size:11px;color:var(--muted);margin-top:5px}.cafe-case .case-fine{font-size:10px;color:var(--muted);line-height:1.9;margin-top:18px}.case-owner{margin-top:36px;display:flex;align-items:baseline;gap:30px;border-top:1px solid var(--line);padding-top:23px}.case-owner>span{font-size:10px;color:var(--case-accent);flex-shrink:0}.case-owner>p{font-size:14px;line-height:1.8}
.case-chat-band{background:var(--case-wash);padding-block:85px}.case-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.case-prose h2{font-size:clamp(29px,2.8vw,37px);line-height:1.65;margin:14px 0 26px}.case-prose>p:not(.eyebrow):not(.case-fine){font-size:13px;color:var(--muted)}.case-prose .case-service-heading{justify-content:start;gap:25px}.case-chat-example{background:var(--case-card);border:1px solid var(--line);border-radius:14px;padding:25px}.case-example-top{display:flex;gap:15px;justify-content:space-between;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px}.case-guest{font-size:12px;background:var(--case-sage);padding:14px 18px;border-radius:14px 14px 2px 14px;margin:25px 0 25px 32px}.case-reply{display:flex;gap:13px;align-items:start}.case-reply img{margin-top:5px;flex-shrink:0}.case-reply p{font-size:13px}.case-human{display:flex;align-items:center;gap:12px;padding-top:21px;margin-top:22px;border-top:1px solid var(--line);font-size:11px;color:var(--case-accent)}
.case-launch{background:#232924;color:#f3f2e9;padding-block:90px;--line:#4c584c;--case-accent:#c7d7b4;--muted:#c0c9b9}.case-launch .case-section-head{max-width:780px}.case-campaign-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.case-poster{position:sticky;top:120px;aspect-ratio:.78;overflow:hidden;border-radius:4px;background:#514132}.case-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% center;filter:brightness(.55)}.case-poster>div{position:relative;min-height:100%;aspect-ratio:.78;padding:33px;display:flex;flex-direction:column;justify-content:space-between;gap:60px;color:#fff}.case-poster>div>span{font-size:9px;letter-spacing:.16em}.case-poster strong{font-size:clamp(27px,3vw,40px);font-weight:500;line-height:1.7;letter-spacing:.025em}.case-poster small{font-size:10px}.case-campaign-steps{list-style:none;margin:0;padding:0}.case-campaign-steps>li{display:flex;gap:20px;padding-bottom:28px;min-width:0}.case-campaign-steps>li+li{border-top:1px solid var(--line);padding-top:25px}.case-campaign-steps>li>span{font-size:10px;color:#b6c69d;flex-shrink:0;margin-top:5px}.case-services{font-size:11px;color:#c7d7b4;letter-spacing:.02em;margin-bottom:7px}.case-campaign-steps h3{font-size:23px}.case-campaign-steps h3+p{font-size:12px;color:var(--muted);margin-top:9px}.case-inline-plan{font-size:10px;display:block;margin-top:12px;color:#d2dcbf}.case-campaign-bottom{border-block:1px solid var(--line);padding-block:24px;display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:25px}.case-campaign-bottom p{font-size:18px}.case-campaign-bottom>span{font-size:10px;color:var(--muted);line-height:2}.case-launch .case-owner{border:0;margin-top:0;padding-top:24px}
.case-office-row{display:grid;grid-template-columns:180px 1fr 225px;gap:36px;padding-block:35px;border-top:1px solid var(--line);align-items:start}.case-office-label{display:flex;flex-direction:column;align-items:start;gap:16px;padding-top:7px}.case-office-row h3{font-size:24px}.case-office-row h3+p{font-size:13px;color:var(--muted);margin-top:14px}.case-office-art{padding:23px;background:var(--case-warm);border:1px solid var(--line);box-shadow:6px 6px 0 var(--case-wash);border-radius:2px}.case-office-art>span{font-size:8px;letter-spacing:.14em;color:var(--case-accent)}.case-office-art b{display:block;font-size:11px;line-height:1.8;margin:16px 0 20px}.case-office-art i{display:block;border-bottom:1px solid var(--line);margin:12px 0;width:100%}.case-office-art i:nth-last-child(2){width:70%}.case-office-art small{font-size:9px;color:var(--muted);display:block;margin-top:24px}.case-grant-art{background:var(--case-wash);padding:17px 23px;border-radius:5px}.case-grant-art span{font-size:12px;display:block;padding:13px 0}.case-grant-art span+span{border-top:1px solid var(--line)}
.case-next-band{background:var(--case-warm);padding-block:75px}.case-next-band .case-status{margin-top:18px}.case-tablet-wrap{padding:20px 12px;text-align:center}.case-tablet{border:12px solid #323831;border-radius:25px;box-shadow:0 18px 30px #1b241b17;background:var(--case-card);padding:30px 25px 24px;position:relative;max-width:470px;margin:auto}.case-tablet-dot{position:absolute;top:9px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#7a8673}.case-tablet>div>span{font-size:8px;letter-spacing:.12em;color:var(--muted)}.case-tablet h3{font-size:28px;margin:20px 0 5px}.case-tablet p{font-size:11px;color:var(--muted)}.case-tablet-options{display:grid;gap:10px;margin:24px 0}.case-tablet-options span{display:block;padding:13px;background:var(--case-wash);border-radius:5px;font-size:11px}.case-tablet small{font-size:8px;color:var(--muted)}
.case-close{padding-block:90px;text-align:center;max-width:900px}.case-close h2{font-size:clamp(29px,3.3vw,40px);margin:15px 0 20px}.case-close>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:660px;margin-inline:auto}.case-start-path{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-block:32px;margin-top:10px}.case-start-path>span{font-size:12px;line-height:1.8}.case-start-path b{display:block;font-weight:400;color:var(--case-accent);font-size:12px;margin-bottom:10px}.case-scope{border-block:1px solid var(--line);text-align:left;margin:0 0 32px}.case-scope summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;font-size:13px}.case-scope summary::-webkit-details-marker{display:none}.case-scope summary>span{font-size:20px}.case-scope[open] summary>span{transform:rotate(45deg)}.case-scope>p{font-size:12px;color:var(--muted);padding-bottom:20px}
@media(min-width:1500px){.case-hero{gap:85px}.case-hero-photo{aspect-ratio:1.16}}
@media(max-width:1050px){.case-hero{gap:35px}.case-context{gap:35px;grid-template-columns:1fr 1.25fr}.case-split{gap:40px}.case-campaign-grid{gap:40px}.case-office-row{grid-template-columns:155px 1fr}.case-office-art,.case-grant-art{grid-column:2;max-width:370px}.case-brand-grid{gap:32px}}
@media(max-width:700px){.case-hero{grid-template-columns:1fr;gap:20px;padding-top:0;padding-bottom:22px}.case-hero-copy{padding:0}.case-hero h2{font-size:42px;margin-top:14px}.case-model{font-size:10px;margin-top:20px}.case-lead{font-size:13px;max-width:100%}.case-hero .text-link{margin-top:17px}.case-hero-photo{aspect-ratio:1.28}.case-hero-photo figcaption{padding:35px 16px 14px;font-size:8px;flex-wrap:wrap;gap:3px}.case-hero-photo figcaption span:last-child{font-size:8px}.case-premise{padding-bottom:25px;font-size:9px}.case-context{grid-template-columns:1fr;gap:26px;padding-block:28px}.case-context h3{font-size:20px}.case-stores{gap:12px}.case-stores li{padding-left:11px}.case-stores b{font-size:12px}.case-stores small{font-size:9px}.case-nav{grid-template-columns:1fr 1fr;gap:6px 15px;padding-block:13px}.case-nav a{font-size:11px;gap:10px;padding:10px 0}.case-chapter{padding-block:58px}.case-section-head{margin-bottom:30px}.case-section-head h2{font-size:30px}.case-section-head>p:not(.eyebrow){font-size:13px}.case-brand-grid{grid-template-columns:1fr;gap:35px}.cafe-case h3{font-size:23px}.case-service-heading{gap:12px;margin-bottom:18px}.case-service-heading img,.case-office-label>img{height:26px}.case-brand-story{padding-top:24px}.case-owner{display:block;margin-top:27px;padding-top:18px}.case-owner>p{font-size:13px;margin-top:7px}.case-chat-band{padding-block:55px}.case-split{grid-template-columns:1fr;gap:30px}.case-prose h2{font-size:29px;margin-bottom:22px}.case-chat-example{padding:19px}.case-guest{margin-left:20px}.case-reply p{font-size:12px}.case-launch{padding-block:55px}.case-campaign-grid{grid-template-columns:1fr;gap:32px}.case-poster{position:relative;top:auto;aspect-ratio:1.1}.case-poster>div{aspect-ratio:1.1;padding:26px;gap:30px}.case-poster strong{font-size:32px}.case-campaign-steps>li{gap:15px}.case-campaign-steps h3{font-size:22px}.case-campaign-bottom{grid-template-columns:1fr;gap:12px;margin-top:5px}.case-campaign-bottom p{font-size:17px}.case-office-row{grid-template-columns:1fr;gap:19px;padding-block:30px}.case-office-label{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0}.case-office-art,.case-grant-art{grid-column:auto;max-width:none}.case-office-art{max-width:270px;width:100%;margin:0 auto 10px}.case-grant-art{padding:12px 20px}.case-grant-art span{font-size:11px;padding:10px 0}.case-next-band{padding-block:52px}.case-next-band .case-split{display:flex;flex-direction:column-reverse}.case-tablet-wrap{padding:0;width:100%}.case-tablet{border-width:10px;padding:28px 18px 20px}.case-tablet h3{font-size:26px}.case-close{padding-block:55px}.case-close>p:not(.eyebrow){font-size:13px}.case-start-path{gap:14px}.case-start-path>span{font-size:10px}.case-scope summary{font-size:12px}.case-scope>p{font-size:11px}}
.cafe-case :is(h2,h3){text-wrap:balance}

/* Image-led café examples: photographs plus localizable design previews. */
.case-picture{min-width:0;overflow:hidden}.cafe-case .case-picture>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:5px}.case-picture figcaption{font-size:10px;color:var(--muted);line-height:1.8;padding:9px 1px 0}.case-gallery-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-print-gallery,.case-site-gallery{margin-top:24px}.case-print-gallery>.case-gallery-two,.case-site-gallery>.case-gallery-two{margin-top:20px}.case-gallery-lead>img{aspect-ratio:1.48!important}.case-ui-art{background:#e7e8de;color:#30372f;border-radius:5px;overflow:hidden}.case-browser-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 16px;background:#f4f4ef;color:#68705f;font-size:8px;letter-spacing:.08em;line-height:1.5}.case-browser-top>[aria-hidden]{font-size:6px;letter-spacing:3px;color:#adb5a1}.case-web-cover{position:relative}.cafe-case .case-web-cover>img{width:100%;aspect-ratio:1.6;object-fit:cover;filter:brightness(.7)}.case-web-cover>div{position:absolute;inset:24px;display:flex;flex-direction:column;justify-content:end;gap:8px;color:#fff}.case-web-cover small{font-size:8px;letter-spacing:.12em}.case-web-cover strong{font-size:26px;font-weight:500;line-height:1.5;max-width:90%;text-wrap:balance}.case-web-menu{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:15px 19px;background:#f7f5ed;font-size:9px;color:#525b4d;line-height:1.6}.case-site-gallery .case-gallery-two .case-ui-art{height:240px;padding:20px}.case-mobile-frame{width:132px;min-height:238px;background:#fbfaf4;border:5px solid #3c4338;border-radius:15px;margin:0 auto;overflow:hidden;box-shadow:0 8px 20px #23301c25;padding-bottom:15px;color:#30372f}.cafe-case .case-mobile-frame img{width:100%;height:116px;object-fit:cover}.case-mobile-frame>small{display:block;font-size:6px;letter-spacing:.08em;margin:13px 10px 6px}.case-mobile-frame>strong{display:block;font-size:12px;line-height:1.6;margin-inline:10px}.case-mini-rule{height:1px;background:#d4d8cb;margin:12px 10px 0}.case-mini-rule.short{width:60%;margin-top:5px}.case-location-page{background:#f8f7ef;box-shadow:0 8px 20px #23301c18;min-height:215px;color:#30372f}.cafe-case .case-location-page img{width:100%;height:106px;object-fit:cover}.case-location-page small,.case-location-page strong,.case-location-page span{display:block;margin-inline:12px}.case-location-page small{font-size:7px;margin-top:12px;letter-spacing:.1em}.case-location-page strong{font-size:14px;margin-top:3px}.case-location-page span{font-size:8px;line-height:1.8;margin-top:7px;padding-bottom:12px}.case-more{border-top:1px solid var(--line);margin-top:20px;text-align:left}.case-more summary{display:flex;justify-content:space-between;gap:15px;align-items:center;list-style:none;font-size:11px;padding-block:13px;cursor:pointer;color:var(--muted)}.case-more summary::-webkit-details-marker{display:none}.case-more summary>span{font-size:18px;line-height:1}.case-more[open] summary>span{transform:rotate(45deg)}.case-more>p,.case-more>span{font-size:12px;color:var(--muted);line-height:2;margin-bottom:14px;display:block}.case-more h4{font-size:13px;margin-block:18px 8px}.case-brand-story>.case-short{font-size:13px}.case-chat-band .case-prose>.case-picture{margin-bottom:25px}.case-chat-product{margin-top:24px}.cafe-case .case-chat-product>img{aspect-ratio:2.2;object-position:center 52%}.case-chat-band .case-split{align-items:start}.case-chat-example{margin-top:51px}.case-premise p+p{margin-top:7px}
.case-campaign-service{padding-block:35px 42px;border-top:1px solid var(--line)}.case-campaign-service:first-child{padding-top:0;border-top:0}.case-campaign-heading{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:24px}.case-campaign-heading .case-services{font-size:12px}.case-campaign-heading h3{font-size:27px;line-height:1.6}.case-campaign-heading>.case-short{font-size:13px;color:var(--muted);padding-bottom:3px}.case-creative-gallery{display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:20px;align-items:start}.case-creative-canvas{height:390px;overflow:hidden;position:relative;border-radius:5px;background:#8a7d61}.cafe-case .case-creative-canvas>img{height:100%;width:100%;object-fit:cover;filter:brightness(.72)}.case-creative-canvas>div{position:absolute;inset:24px;display:flex;flex-direction:column;color:#fff;gap:20px;justify-content:space-between;text-shadow:0 1px 10px #0002}.case-creative-canvas small{font-size:9px;letter-spacing:.14em}.case-creative-canvas strong{font-size:33px;line-height:1.55;font-weight:500;max-width:90%;text-wrap:balance}.case-creative-canvas span{font-size:8px;letter-spacing:.12em}.case-creative-square .case-creative-canvas{height:330px;margin-top:30px}.case-creative-square .case-creative-canvas strong{font-size:27px}.case-creative-reel .case-creative-canvas{height:420px}.case-creative-reel .case-creative-canvas strong{font-size:26px;margin-top:auto;margin-bottom:15px}.case-creative-reel .case-creative-canvas>img{object-position:45% center}.case-sns-gallery .case-ui-art{min-height:340px;background:#f4f4ea}.case-schedule-title{padding:24px 23px 10px}.case-schedule-title>span{font-size:8px;letter-spacing:.12em;color:#68755d}.case-schedule-title>b{display:block;margin-top:8px;font-size:18px;line-height:1.6;font-weight:550}.case-schedule-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 23px}.case-schedule-posts>div{min-width:0}.case-schedule-posts>div>span{display:block;font-size:9px;color:#6e7b5f;padding-bottom:6px}.cafe-case .case-schedule-posts img{width:100%;height:105px;object-fit:cover;border-radius:3px}.case-schedule-posts b{font-size:10px;line-height:1.7;display:block;margin-top:9px;font-weight:550}.case-schedule-posts small{display:block;font-size:8px;margin-top:4px;color:#6c785e}.case-ui-foot{border-top:1px solid #d7dfcb;font-size:10px;color:#536644;margin:14px 23px 0;padding:14px 0 18px}.case-report-cover{position:relative;height:146px}.cafe-case .case-report-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.case-report-cover>span{position:absolute;inset:auto auto 16px 24px;color:#fff;font-size:9px;letter-spacing:.16em}.case-report-copy{padding:21px 24px 16px}.case-report-copy>b{font-size:17px;line-height:1.7;font-weight:550;display:block}.case-report-copy>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.case-report-copy>div>span{font-size:10px;background:#e3e8d8;padding:6px 9px;border-radius:3px}.case-shop-gallery>.case-picture>img{aspect-ratio:1.45}.case-shop-gallery .case-ui-art{background:#f9f7ef}.case-shop-product{display:grid;grid-template-columns:1fr .85fr;min-height:345px}.cafe-case .case-shop-product>img{width:100%;height:100%;object-fit:cover;object-position:45% center}.case-shop-product>div{padding:28px 19px;display:flex;flex-direction:column;justify-content:center;align-items:start}.case-shop-product small{font-size:7px;letter-spacing:.1em}.case-shop-product b{font-size:21px;font-weight:550;line-height:1.6;margin-top:12px}.case-shop-product p{font-size:11px;line-height:1.9;color:#67705d;margin-top:13px}.case-faux-action{font-size:10px;line-height:1.8;border-bottom:1px solid #b3bca6;padding-block:8px;margin-top:20px;color:#4a5740}.case-campaign-service .case-more{margin-top:12px}.case-campaign-bottom{margin-top:0}
.case-office-visual{grid-template-columns:190px 1fr;gap:23px 40px}.case-office-visual>.case-office-gallery{grid-column:2;max-width:none}.case-office-gallery .case-ui-art{padding:28px;background:var(--case-wash);height:100%}.case-document{background:#fbfaf4;color:#394230;padding:25px;box-shadow:6px 7px 0 #8a957b22;min-height:400px;display:flex;flex-direction:column}.case-document>small{font-size:8px;letter-spacing:.1em;color:#758368}.case-document h4{font-size:20px;line-height:1.65;margin-top:14px;letter-spacing:-.03em}.cafe-case .case-document>img{width:100%;height:105px;object-fit:cover;margin:18px 0 12px}.case-document p{font-size:11px;line-height:1.9;color:#6a775e}.case-document ul{font-size:10px;line-height:1.8;margin:15px 0 0;padding-left:15px}.case-document footer{margin-top:auto;padding-top:23px;font-size:7px;letter-spacing:.09em;color:#859576}.case-document-notice>img{margin:0 0 24px!important;height:172px!important}.case-document-notice h4{font-size:25px;margin-top:9px}.case-document-notice p{margin-top:15px}.case-opportunity{background:#f7f7ee;color:#384430;min-height:320px}.cafe-case .case-opportunity>img{width:100%;height:190px;object-fit:cover}.case-opportunity>div{padding:22px 23px}.case-opportunity small{font-size:8px;letter-spacing:.12em;color:#778866}.case-opportunity h4{font-size:18px;font-weight:550;margin:9px 0;line-height:1.7}.case-opportunity p{font-size:11px;color:#6a775e;line-height:1.8}.case-office-visual:last-child .case-office-gallery .case-ui-art{padding:0}.case-tablet-wrap>.case-picture{margin-bottom:28px}.case-tablet-wrap .case-tablet{max-width:350px;padding-top:25px;border-width:9px}.case-tablet-wrap .case-tablet h3{font-size:24px}.case-next-band .case-split{align-items:center}
@media(max-width:1050px){.case-gallery-two{gap:13px}.case-site-gallery .case-gallery-two .case-ui-art{padding:15px}.case-creative-gallery{gap:14px}.case-creative-canvas{height:330px}.case-creative-square .case-creative-canvas{height:275px}.case-creative-reel .case-creative-canvas{height:360px}.case-creative-canvas>div{inset:20px}.case-creative-canvas strong{font-size:27px}.case-creative-square .case-creative-canvas strong,.case-creative-reel .case-creative-canvas strong{font-size:22px}.case-campaign-heading{gap:30px}.case-shop-product{min-height:280px}.case-shop-product>div{padding:20px 14px}.case-shop-product b{font-size:17px}.case-office-visual{grid-template-columns:150px 1fr;gap:22px 25px}.case-office-gallery .case-ui-art{padding:20px}.case-document{padding:20px;min-height:380px}.case-document h4{font-size:18px}}
@media(max-width:700px){.case-print-gallery,.case-site-gallery{margin-top:20px}.case-brand-grid{gap:46px}.case-print-gallery>.case-gallery-two,.case-site-gallery>.case-gallery-two{margin-top:14px}.case-picture figcaption{font-size:9px}.case-gallery-two{gap:12px}.case-web-cover strong{font-size:24px}.case-web-cover>div{inset:18px}.case-web-menu{font-size:8px;padding:12px;gap:7px}.case-site-gallery .case-gallery-two .case-ui-art{height:212px;padding:14px 10px}.case-mobile-frame{width:110px;min-height:215px}.cafe-case .case-mobile-frame img{height:100px}.case-mobile-frame>strong{font-size:11px}.case-location-page{min-height:190px}.case-location-page strong{font-size:12px}.case-location-page span{font-size:7px}.cafe-case .case-location-page img{height:90px}.case-more summary{font-size:10px}.case-more>p,.case-more>span{font-size:11px}.case-chat-example{margin-top:0}.case-chat-band .case-prose>.case-picture{margin-top:22px;margin-bottom:20px}.case-campaign-heading{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.case-campaign-heading h3{font-size:24px}.case-campaign-heading>.case-short{font-size:12px}.case-campaign-service{padding-block:29px 32px}.case-creative-gallery{grid-template-columns:1fr 1fr;gap:17px 13px}.case-creative-poster{grid-column:1/-1}.case-creative-poster .case-creative-canvas{height:330px}.case-creative-poster .case-creative-canvas strong{font-size:32px}.case-creative-square .case-creative-canvas{height:244px;margin-top:16px}.case-creative-reel .case-creative-canvas{height:276px}.case-creative-canvas>div{inset:16px;gap:12px}.case-creative-canvas small{font-size:6px}.case-creative-square .case-creative-canvas strong,.case-creative-reel .case-creative-canvas strong{font-size:20px;max-width:100%;line-height:1.6}.case-creative-canvas span{font-size:6px}.case-sns-gallery,.case-shop-gallery{grid-template-columns:1fr;gap:23px}.case-sns-gallery .case-ui-art{min-height:0}.case-schedule-title{padding:20px 18px 8px}.case-schedule-title>b{font-size:17px}.case-schedule-posts{padding:10px 18px;gap:10px}.cafe-case .case-schedule-posts img{height:88px}.case-ui-foot{margin-inline:18px}.case-report-copy{padding:20px}.case-report-copy>b{font-size:17px}.case-shop-product{min-height:275px}.case-shop-product b{font-size:20px}.case-office-visual{grid-template-columns:1fr;gap:20px}.case-office-visual>.case-office-gallery{grid-column:auto}.case-office-gallery{gap:12px}.case-office-gallery .case-ui-art{padding:11px}.case-document{padding:13px;min-height:278px}.case-document>small{font-size:6px;letter-spacing:0}.case-document h4{font-size:15px;line-height:1.6;margin-top:9px}.cafe-case .case-document>img{height:70px;margin-block:12px 9px}.case-document p,.case-document ul{font-size:8px;line-height:1.8}.case-document ul{padding-left:12px;margin-top:10px}.case-document footer{font-size:5px;padding-top:17px;letter-spacing:0}.case-document-notice>img{height:104px!important;margin-bottom:18px!important}.case-document-notice h4{font-size:17px}.case-document-notice p{margin-top:8px}.case-opportunity{min-height:270px}.cafe-case .case-opportunity>img{height:115px}.case-opportunity>div{padding:16px 12px}.case-opportunity h4{font-size:15px}.case-opportunity p{font-size:9px}.case-opportunity small{font-size:6px}.case-tablet-wrap>.case-picture{margin-bottom:24px}.case-next-band .case-split{gap:25px}}
.cafe-case .case-web-cover>img{height:auto;aspect-ratio:1.6}
.cafe-case .case-shop-product>img{height:345px}
@media(max-width:1050px){.cafe-case .case-shop-product>img{height:280px}}
@media(max-width:700px){.cafe-case .case-shop-product>img{height:275px}}

/* Café reception concept. The device keeps a landscape 4:3 exterior. */
.case-tablet-wrap .case-tablet{width:100%;max-width:none;aspect-ratio:4/3;padding:0;border:10px solid #30372f;border-radius:25px;background:#f8f6ef;box-shadow:0 15px 28px #1b241b20;container-type:inline-size;--tu:1cqw;color:#2d382d;isolation:isolate}
.case-tablet .case-tablet-dot{top:-7px;width:3px;height:3px;background:#879080;z-index:2}
.tablet-ui{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;text-align:left;overflow:hidden;border-radius:14px;font-size:calc(var(--tu)*2.4);line-height:1.6;color:#2d382d;background:#f8f6ef;color-scheme:light}
.tablet-header{padding:calc(var(--tu)*3) calc(var(--tu)*4);display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #dfdfd2;font-size:calc(var(--tu)*1.6);letter-spacing:.08em}
.tablet-ai-label{letter-spacing:0;font-size:calc(var(--tu)*1.8);color:#52674d;padding:calc(var(--tu)*.4) calc(var(--tu)*1.5);border:1px solid #cfd7c8;border-radius:30px}
.tablet-body{min-height:0;overflow:auto;overscroll-behavior:contain}
.tablet-home{height:100%;display:grid;grid-template-columns:42% 58%}
.tablet-visual{display:flex;flex-direction:column;min-height:0;background:#e9ebdf}
.tablet-visual>img{width:100%;height:0;flex:1;min-height:0;object-fit:cover;object-position:48% center}
.case-tablet .tablet-visual>p{font-size:calc(var(--tu)*2.15);line-height:1.7;padding:calc(var(--tu)*3);color:#4b5e45}
.tablet-welcome{padding:calc(var(--tu)*4);display:flex;flex-direction:column;justify-content:center;min-width:0}
.tablet-kicker{font-size:calc(var(--tu)*1.5);letter-spacing:.1em;color:#708264}
.case-tablet-wrap .case-tablet h3,.case-tablet h3{font-size:calc(var(--tu)*4.25);line-height:1.5;letter-spacing:-.025em;margin:calc(var(--tu)*1.5) 0 calc(var(--tu)*1);color:#2d382d}
.case-tablet p{font-size:calc(var(--tu)*2.25);line-height:1.8;color:#68725f}
.tablet-actions{display:grid;gap:calc(var(--tu)*2);margin-top:calc(var(--tu)*4)}
.tablet-ui button{font:inherit;text-align:left;border:0;cursor:pointer;transition:background .15s;touch-action:manipulation;color:inherit}
.tablet-actions>button{background:#e7ecde;padding:calc(var(--tu)*2.3) calc(var(--tu)*3);border-radius:7px;border:1px solid #d5ddca}
.tablet-actions>button:hover{background:#dce6ce}
.tablet-actions strong,.tablet-actions span{display:block}
.tablet-actions strong{font-size:calc(var(--tu)*2.7);font-weight:600}
.tablet-actions span{font-size:calc(var(--tu)*1.9);color:#64765a;margin-top:calc(var(--tu)*.4)}
.case-tablet .tablet-touch-note{font-size:calc(var(--tu)*1.65);margin-top:calc(var(--tu)*2.5);color:#78816e}
.tablet-footer{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--tu)*2);padding:calc(var(--tu)*2.5) calc(var(--tu)*4);border-top:1px solid #dfdfd2;font-size:calc(var(--tu)*1.6)}
.tablet-footer>button{padding:0;background:none;font-size:calc(var(--tu)*2);text-decoration:underline;text-underline-offset:3px}
.tablet-footer>span{color:#78816e}
.tablet-demo-tools{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:15px}
.tablet-demo-tools>span{font-size:8px;letter-spacing:.12em;color:var(--muted)}
.tablet-demo-tools>button{font:inherit;font-size:12px;min-height:44px;border:1px solid var(--line);border-radius:5px;padding:8px 15px;color:var(--ink);background:transparent}
.tablet-demo-tools>button:hover{background:var(--case-wash)}
.case-tablet-wrap .case-fine{margin-top:7px;text-align:left}
.tablet-step{padding:calc(var(--tu)*4);height:100%;display:flex;flex-direction:column;gap:calc(var(--tu)*2);min-height:min-content}
.tablet-back{align-self:start;background:none;padding:0!important;color:#607456!important;font-size:calc(var(--tu)*2)!important;text-decoration:underline;text-underline-offset:3px}
.tablet-step-heading{outline:none}
.tablet-step .tablet-actions{grid-template-columns:1fr 1fr;margin-top:calc(var(--tu)*1);gap:calc(var(--tu)*2)}
.tablet-step .tablet-actions>button{min-height:calc(var(--tu)*13)}
.tablet-answer{display:grid;grid-template-columns:29% 1fr;gap:calc(var(--tu)*4);align-items:center;flex:1;min-height:0}
.tablet-answer>img{width:100%;height:calc(var(--tu)*28);object-fit:cover;border-radius:5px}
.tablet-answer .tablet-kicker{display:block;margin-bottom:calc(var(--tu)*1.5)}
.tablet-step .tablet-result-title{font-size:calc(var(--tu)*3.5);color:#2d382d;font-weight:600;margin-bottom:calc(var(--tu)*1.5)}
.tablet-preview-dialog{border:0;border-radius:16px;padding:20px;width:min(960px,calc(100vw - 32px));max-height:94dvh;overflow:auto;background:var(--paper,#f7f7f2);color:var(--ink);box-shadow:0 30px 100px #0006}
.tablet-preview-dialog::backdrop{background:#111a13b3;backdrop-filter:blur(5px)}
.tablet-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}
.tablet-dialog-heading h2{font-size:16px;line-height:1.6;margin:0}
.tablet-dialog-heading button{font:inherit;font-size:12px;min-height:44px;padding:8px 15px;border:1px solid var(--line);border-radius:5px;background:transparent;color:inherit}
.tablet-preview-dialog .case-tablet{max-width:100%;margin:0}
.tablet-ui :is(button,[tabindex]):focus-visible{outline:2px solid #547649;outline-offset:3px}
@media(max-width:680px){.case-tablet-wrap .case-tablet{border-width:8px;border-radius:19px}.case-tablet .case-tablet-dot{top:-6px}.tablet-ui{border-radius:11px}}
@media(max-width:600px){
 .tablet-preview-dialog{width:calc(100vw - 20px);padding:15px;max-height:95dvh}
 .tablet-preview-dialog .case-tablet{border:0;aspect-ratio:auto;height:min(70dvh,620px);min-height:420px;container-type:normal;--tu:5px;border-radius:10px}
 .tablet-preview-dialog .case-tablet-dot{display:none}
 .tablet-preview-dialog .tablet-home{grid-template-columns:1fr}
 .tablet-preview-dialog .tablet-visual{display:none}
 .tablet-preview-dialog .tablet-welcome{padding:24px}
 .tablet-preview-dialog .tablet-step .tablet-actions{grid-template-columns:1fr}
 .tablet-preview-dialog .tablet-answer{grid-template-columns:1fr;gap:14px;align-content:center}
 .tablet-preview-dialog .tablet-answer>img{height:115px;object-position:center 56%}
 .tablet-preview-dialog .tablet-footer{flex-wrap:wrap}
}
/* Keep the welcome screen fully visible inside the fixed device ratio. */
.tablet-welcome{padding:calc(var(--tu)*3)}
.case-tablet-wrap .case-tablet h3,.case-tablet h3{font-size:calc(var(--tu)*4);line-height:1.4}
.tablet-actions{gap:calc(var(--tu)*1.5);margin-top:calc(var(--tu)*2.5)}
.tablet-actions>button{padding:calc(var(--tu)*1.8) calc(var(--tu)*2.5)}
.case-tablet .tablet-touch-note{margin-top:calc(var(--tu)*1.7)}
.tablet-preview-dialog{max-width:none}
.tablet-preview-dialog .tablet-footer>button{min-height:44px}
@media(max-width:600px){.tablet-preview-dialog .tablet-footer>button{font-size:13px}.tablet-preview-dialog .tablet-footer>span{font-size:9px}}