.showcase-page{background:#f6f7f2}.showcase{background:#fff;border:1px solid #dce2d8;border-radius:12px;max-width:1280px;margin:30px auto;overflow:hidden}.demo-local-nav{border-bottom:1px solid #203c321a;align-items:center;gap:30px;padding:25px 45px;font-size:12px;display:flex}.demo-local-nav>b{letter-spacing:2px;margin-right:auto;font-size:16px}.demo-local-nav a{text-underline-offset:5px}.demo-local-nav a:hover{text-decoration:underline}.showcase h2{letter-spacing:-1px;font-size:34px}.showcase h3{font-size:19px}.demo-content-section{padding:65px 55px}.demo-content-section>h2{margin:13px 0 28px}.demo-section-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;display:flex}.demo-three-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.demo-three-columns article{background:#f1f4eb;border-radius:8px;padding:28px}.demo-three-columns article>span{letter-spacing:1px;font-size:11px}.demo-three-columns h3{margin:15px 0;font-size:23px}.demo-three-columns p{font-size:13px}.demo-fineprint{color:#536358;margin-top:20px;font-size:12px;line-height:1.9}.segmented{border:1px solid #c7d0bc;border-radius:7px;flex-shrink:0;gap:3px;width:max-content;padding:4px;display:flex}.segmented button{color:#34483b;background:0 0;border:0;border-radius:4px;padding:10px 18px;font-size:13px}.segmented button[aria-pressed=true]{color:#fff;background:#253e31}.plain-button{min-height:44px;color:inherit;background:0 0;border:0}.showcase-actions{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.showcase label{font-size:13px;display:block}.showcase label>input,.showcase label>select{width:100%;margin:8px 0 20px;display:block}.showcase textarea{margin:8px 0 20px;display:block}.showcase dialog{color:#233b30}.showcase dialog h2{font-size:24px}.showcase dialog p{margin:15px 0}.showcase dialog button{margin-top:10px}.showcase .modal-close{position:absolute;top:5px;right:12px}.showcase fieldset{border:0;margin:25px 0;padding:0}.cafe-demo{color:#42382b;background:#f0ebdf}.cafe-hero{grid-template-columns:1fr 1.15fr;align-items:center;gap:35px;padding:65px 60px 75px;display:grid;position:relative}.cafe-hero h2{letter-spacing:8px;margin:25px 0;font-family:Yu Mincho,Georgia,serif;font-size:76px;font-weight:500;line-height:1.4}.cafe-hero p{font-size:14px;line-height:2.2}.cafe-link{border-bottom:1px solid #7e7057;align-items:center;gap:25px;margin-top:32px;padding-bottom:9px;font-size:13px;display:inline-flex}.cafe-hero-art .project-art{border-radius:200px 200px 5px 5px;height:470px;padding:40px;box-shadow:0 25px 55px #62563b1a}.cafe-hero-art .art-editorial{margin-top:60px;font-size:45px}.cafe-hero-art .coffee-scene{bottom:35px;right:40px;transform:scale(1.4)rotate(-20deg)}.cafe-hero-art .art-topline{margin-top:28px;font-size:8px}.cafe-hero-art .art-topline span:last-child{display:none}.cafe-vertical{writing-mode:vertical-rl;letter-spacing:3px;font-size:8px;position:absolute;top:120px;right:12px}.cafe-story{background:#e7e2d5;border-block:1px solid #d4cebd;grid-template-columns:1fr 1fr;gap:25px;padding:65px 60px;display:grid}.cafe-story>.eyebrow{grid-column:1/-1}.cafe-story h2{font-family:Yu Mincho,Georgia,serif;font-size:30px;font-weight:500;line-height:1.9}.cafe-story p{font-size:14px;line-height:2.5}.cafe-menu{padding:65px 60px}.cafe-menu h2{margin-top:14px;font-family:Yu Mincho,Georgia,serif;font-weight:500}.menu-items{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.menu-items article{border-top:1px solid #beb49f;padding:25px 0}.menu-number{font-size:10px}.menu-items h3{margin:20px 0 10px;font-family:Georgia,Yu Mincho,serif;font-size:26px;font-weight:500}.menu-items p{font-size:12px}.menu-items b{margin-top:25px;font-weight:500;display:block}.cafe-hours{border-top:1px solid #d4cebd;justify-content:space-between;gap:20px;padding:30px 60px;font-size:12px;display:flex}.saas-hero{text-align:center;background:radial-gradient(at bottom,#e3eec9,#f7faee 65%);padding:65px 65px 0}.saas-pill{letter-spacing:1.7px;background:#ddecbd;border:1px solid #c5d49d;border-radius:30px;padding:8px 15px;font-size:11px;display:inline-block}.saas-hero h2{letter-spacing:-2px;margin:25px 0;font-size:60px}.saas-hero h2>span{color:#5a7740}.saas-hero>p{margin-bottom:25px;font-size:15px}.saas-product{border-radius:12px 12px 0 0;max-width:850px;max-height:330px;margin:45px auto 0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 58%,#0000);mask-image:linear-gradient(#000 58%,#0000)}.saas-product .project-art{text-align:left;background:#d7e8a9;height:380px;padding:25px}.saas-product .art-app{grid-template-columns:100px 1fr;margin-top:16px;transform:none}.saas-product .art-app-main>b{font-size:26px}.saas-product .art-app-main>small{font-size:9px}.saas-product .art-app-metrics span{font-size:10px}.saas-product .art-app-metrics strong{font-size:30px}.saas-product .art-app-rows>div{font-size:11px}.folio-plans article{background:#f8faf4;border:1px solid #dfe5d4}.folio-plans .recommended{background:#e6f0ce;border-color:#839b5c}.folio-plans h3{font-size:36px}.folio-plans h3 small{font-size:12px;font-weight:400}.faq details{border-top:1px solid #d7dfca;padding:19px 0;font-size:14px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:28px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";opacity:.55;transition:transform var(--dur-fast) var(--ease-out);flex:none;font-size:20px;font-weight:400;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:#556548;max-width:800px;padding:18px 0}.ec-demo{background:#f8f8f3}.ec-product{grid-template-columns:1.1fr 1fr;gap:65px;padding:50px;display:grid}.ec-product-art{border-radius:8px;min-height:560px;padding:35px;position:relative;overflow:hidden}.ec-product-art .product-cylinder{width:185px;height:380px;bottom:65px;right:calc(50% - 90px)}.ec-product-art .product-cylinder:before{height:32px;top:-10px}.ec-product-art .product-cylinder span{font-size:29px}.ec-product-art .product-cylinder small{font-size:9px}.ec-product-info{padding:20px 0}.ec-product-info h2{margin:20px 0;font-size:46px}.ec-product-info>p{margin:15px 0;font-size:14px}.product-price{margin:20px 0;font-size:27px;display:block}.product-price small{font-size:12px;font-weight:400}.color-options legend{margin-bottom:12px;font-size:12px}.color-options button{color:#fff;border:2px solid #fff;border-radius:50%;outline:1px solid #9ca795;place-items:center;width:38px;height:38px;margin-right:12px;display:inline-grid}.color-options button[aria-pressed=true]{outline-offset:2px;outline:2px solid #273d2c}.quantity-label{max-width:90px}.ec-product-info>.button{width:100%;margin-top:15px}.app-demo-heading{padding:45px 45px 25px}.app-demo-heading h2{margin:15px 0;font-size:36px}.app-demo-heading p{color:#53685a;font-size:13px}.relay-flow{grid-template-columns:repeat(4,1fr);gap:15px;margin:10px 0 30px;padding:0 45px;list-style:none;display:grid}.relay-flow li{border:1px solid #cbd7ca;border-radius:7px;padding:15px;font-size:14px}.relay-flow li span{margin-right:12px;font-size:11px}.relay-flow li.done{background:#e0edce;border-color:#adc191}.relay-workspace{grid-template-columns:1fr 1fr;gap:24px;padding:0 45px 35px;display:grid}.relay-workspace>section{background:#f5f7f1;border:1px solid #e0e6d9;border-radius:8px;min-width:0;padding:25px}.relay-workspace h3{margin:10px 0 20px}.relay-result{gap:18px;margin-bottom:20px;font-size:11px;display:flex}.relay-result b{margin-top:5px;font-size:19px;display:block}.relay-empty{text-align:center;color:#637354;place-content:center;min-height:190px;font-size:13px;display:grid}.relay-workspace [role=status]{margin-top:20px;font-size:12px}.api-contract{border:1px solid #d5dfc9;border-radius:8px;margin:0 45px 40px;padding:20px}.api-contract summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;font-size:13px;list-style:none;display:flex}.api-contract summary::-webkit-details-marker{display:none}.api-contract summary:after{content:"+";opacity:.55;transition:transform var(--dur-fast) var(--ease-out);flex:none;font-size:20px;font-weight:400;line-height:1}details.api-contract[open] summary:after{transform:rotate(45deg)}.api-contract p{margin:20px 0;font-size:12px}.api-contract pre{color:#e6eddf;white-space:pre-wrap;overflow-wrap:anywhere;background:#223c30;border-radius:6px;padding:22px;font-size:12px}.booking-demo{background:#f5f6fa}.booking-toolbar{align-items:center;gap:20px;padding:10px 45px;display:flex}.booking-toolbar label{min-width:0}.booking-toolbar label:nth-child(2){flex:1}.booking-toolbar input,.booking-toolbar select{background:#fff}.booking-toolbar>.button{margin-top:6px}.booking-stats{grid-template-columns:1fr 1fr 1.3fr;gap:20px;padding:10px 45px 30px;display:grid}.booking-stats>div{background:#fff;border:1px solid #dfe3eb;border-radius:8px;padding:20px 25px}.booking-stats span{font-size:12px;display:block}.booking-stats b{letter-spacing:-1px;margin-top:12px;font-size:29px;display:block}.booking-stats small{font-size:12px}.booking-list{background:#fff;border:1px solid #dfe3eb;border-radius:8px;margin:0 45px 30px;padding:26px}.booking-list .demo-section-heading>span{font-size:12px}.booking-list article{border-top:1px solid #e2e5ed;align-items:center;gap:25px;padding:24px 0;display:flex}.booking-list time{color:#515b83;font-size:25px;font-weight:700}.booking-list article>div{flex:1}.booking-list article p{margin-top:5px;font-size:12px}.booking-badge{background:#e5edde;border-radius:15px;padding:4px 12px;font-size:12px}.booking-demo>p[role=status]{padding:0 45px 25px}.refine-controls{flex-wrap:wrap;align-items:center;gap:18px;margin:0 45px 24px;display:flex}.improvement-toggle{margin:0}.refine-select,.refine-check{align-items:center;gap:8px;font-size:12px;display:inline-flex}.refine-select select{min-height:36px;font:inherit;background:#fff;border:1px solid #ced7c3;border-radius:6px;padding:0 8px;font-size:12px}.refine-check input{accent-color:#263f35;width:16px;height:16px}.refine-stage{background:#e8eadc;border:1px solid #c8cfbd;gap:24px;margin:0 45px 30px;padding:24px;display:grid;overflow-x:auto}.refine-stage[data-mode=both]{grid-auto-columns:max-content;grid-auto-flow:column;align-items:start}.refine-frame{gap:10px;margin:0;display:grid}.refine-frame figcaption{color:#3c4a3f;font-size:12px;font-weight:700}.refine-viewport{background:#fff;border:1px solid #c8cfbd;max-width:100%}.refine-page{gap:18px;padding:24px;display:grid}.refine-block{position:relative}.refine-marker{z-index:1;color:#f2f5ec;background:#263f35;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-8px;left:-14px}.refine-page[data-order=true] .refine-block{outline-offset:6px;outline:1px dashed #8fa07f}.refine-nav{letter-spacing:2px;border-bottom:1px solid #dfe3d6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;font-size:13px;display:flex}.refine-nav nav{letter-spacing:0;gap:16px;display:flex}.refine-nav a,.refine-links a{color:#3c4a3f;text-underline-offset:3px;font-size:12px;text-decoration:underline}.refine-kicker{letter-spacing:2px;color:#5d6b58;margin:0;font-size:11px}.refine-headline{margin:0;font-size:clamp(24px,3.2vw,40px);line-height:1.4}.refine-body{max-width:46ch;margin:0;font-size:13px;line-height:2}.refine-cta{color:#f2f5ec;background:#263f35;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.refine-links{border-top:1px solid #dfe3d6;gap:18px;padding-top:12px;display:flex}.refine-art{background:linear-gradient(135deg,#bcc2a7,#e1d8bd);border:12px solid #fff9;border-radius:120px 120px 0 0;width:210px;max-width:100%;height:250px;position:relative;overflow:hidden}.refine-art span:first-child{background:#8d9a7b;border-radius:40px 40px 0 0;width:80px;height:100px;position:absolute;bottom:0;left:20px}.refine-art span:nth-child(2){background:#a9b39b;border-radius:50px 50px 0 0;width:80px;height:155px;position:absolute;bottom:0;right:0}.refine-art span:nth-child(3){background:#b8a785;width:160px;height:20px;position:absolute;bottom:70px;left:20px;transform:rotate(-8deg)}.refine-focus-list{background:#f3f5ee;border:1px solid #ced7c3;border-radius:6px;gap:6px;margin:12px 0 0;padding:12px 14px;font-size:12px;list-style:none;display:grid}.refine-focus-list b{color:#f2f5ec;background:#263f35;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:6px;font-size:11px;display:inline-grid}.refine-conditions{gap:14px;margin:0 0 18px;display:grid}.refine-conditions>div{grid-template-columns:11em 1fr;gap:16px;font-size:13px;line-height:1.9;display:grid}.refine-conditions dt{font-weight:700}.refine-conditions dd{margin:0}@media (max-width:860px){.refine-controls,.refine-stage{margin-left:20px;margin-right:20px}.refine-conditions>div{grid-template-columns:1fr;gap:4px}}.creative-workspace{grid-template-columns:.8fr 1.2fr;gap:50px;padding:10px 45px 45px;display:grid}@media (max-width:860px){.creative-workspace{grid-template-columns:1fr;gap:28px;padding:10px 20px 28px}.creative-all{padding:0 20px 28px}}.creative-controls>p{margin:25px 0;font-size:13px}.creative-style-buttons{gap:10px;margin:20px 0 30px;display:grid}.creative-style-buttons button{text-align:left;background:#f5f7ef;border:1px solid #ced7c3;border-radius:6px;gap:20px;padding:16px;font-size:13px;display:flex}.creative-style-buttons button[aria-pressed=true]{color:#fff;background:#263f35}.creative-style-buttons button span{font-size:11px}.creative-controls h3{margin:26px 0 12px;font-size:13px}.creative-controls h3:first-child{margin-top:0}.creative-controls label{gap:6px;margin-bottom:14px;font-size:12px;display:grid}.creative-controls input[type=text],.creative-controls input:not([type]),.creative-controls select{min-height:40px;font:inherit;background:#fff;border:1px solid #ced7c3;border-radius:6px;padding:0 10px;font-size:13px}.creative-controls input[type=range]{accent-color:#263f35}.creative-check{align-items:center;gap:8px;display:flex!important}.creative-check input{accent-color:#263f35;width:16px;height:16px}.creative-swatch{border:2px solid;border-radius:50%;flex:none;width:18px;height:18px;display:inline-block}.creative-problems{background:#fbebda;border-left:3px solid #a4482b;margin:0 0 14px;padding:12px 14px 12px 30px;font-size:12px;line-height:1.8}.creative-all{padding:0 45px 45px}.creative-all h3{margin-bottom:8px;font-size:14px}.creative-all ul{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:18px;margin:16px 0 0;padding:0;list-style:none;display:grid}.creative-all li{color:#4a5b4e;text-align:center;justify-items:center;gap:8px;font-size:11px;display:grid}.creative-all img{object-fit:contain;width:100%;height:auto;max-height:260px;box-shadow:0 10px 22px #203c3117}.creative-preview{background:#e9ece4;place-items:center;min-height:460px;padding:25px;display:grid}.creative-preview img{width:auto;max-width:100%;height:auto;max-height:600px;box-shadow:0 15px 30px #203c311f}@media (min-width:861px){.creative-demo .creative-preview{align-self:start;align-items:start}}.qa-demo{background:#f3f5ee}.qa-workspace{grid-template-columns:1.2fr 1fr;gap:25px;padding:10px 45px 35px;display:grid}.qa-workspace>section{background:#fff;border:1px solid #dce3d4;border-radius:8px;min-width:0;padding:30px}.qa-workspace progress{accent-color:#527b3c;width:100%;height:7px;margin-bottom:20px;display:block}.qa-checklist{margin-bottom:25px;display:grid}.qa-checklist label{cursor:pointer;border-bottom:1px solid #e2e7d9;align-items:center;gap:12px;padding:16px 0;font-size:12px;display:flex}.qa-checklist input{accent-color:#355d36;flex-shrink:0;width:18px;height:18px}.qa-checklist span{color:#627550;font-size:11px}.qa-workspace .delivery-package{color:#eef3e3;background:#263f35}.delivery-package>.eyebrow{color:#d3e7b1}.delivery-package h3{margin-top:20px;font-size:28px}.delivery-package ul{margin:25px 0 35px;padding:0;list-style:none}.delivery-package li{overflow-wrap:anywhere;border-bottom:1px solid #4b6054;padding:13px 0;font-size:12px}.delivery-package .button{color:#253e2a;background:#d7ec9e;border-color:#d7ec9e}.delivery-package .demo-fineprint{color:#d4dfce}.qa-demo>p[role=status]{padding:0 45px 25px}@media (max-width:1000px){.showcase{margin:24px}.ec-product{gap:35px;padding:35px}.ec-product-info h2{font-size:37px}.cafe-hero{gap:20px;padding:45px 40px}.cafe-hero h2{font-size:60px}.cafe-hero-art .project-art{height:390px;padding:28px}.cafe-hero-art .coffee-scene{right:5px;transform:scale(1.1)}.demo-three-columns article{padding:20px}.booking-stats b{font-size:23px}.comparison-site>div{padding:30px}.creative-workspace{gap:25px}}@media (max-width:700px){.showcase{border-radius:8px;margin:16px 12px}.demo-local-nav{gap:20px;padding:20px;font-size:12px}.demo-local-nav>b{letter-spacing:1px;font-size:12px}.cafe-hero{grid-template-columns:1fr;gap:30px;padding:35px 25px}.cafe-hero h2{letter-spacing:5px;margin:20px 0;font-size:56px}.cafe-hero p{font-size:12px}.cafe-hero-art .project-art{border-radius:160px 160px 5px 5px;height:290px}.cafe-hero-art .art-editorial{margin-top:25px;font-size:37px}.cafe-hero-art .coffee-scene{bottom:-20px;right:-15px;transform:scale(.95)}.cafe-hero-art .art-topline{margin-top:5px}.cafe-vertical{font-size:7px;top:50px;right:9px}.cafe-story{grid-template-columns:1fr;gap:20px;padding:35px 25px}.cafe-story h2{font-size:25px}.cafe-story p{font-size:12px}.cafe-menu{padding:35px 25px}.showcase h2{font-size:27px}.cafe-hero h2{font-size:56px}.demo-section-heading{margin-bottom:22px;display:block}.demo-section-heading>.segmented{margin-top:18px}.menu-items{grid-template-columns:1fr;gap:12px}.menu-items article{grid-template-columns:1fr auto;gap:6px;padding:20px 0;display:grid}.menu-items .menu-number{grid-column:1/-1}.menu-items h3{margin:0;font-size:24px}.menu-items p{grid-column:1;font-size:11px}.menu-items b{grid-area:2/2;margin:0}.cafe-hours{flex-direction:column;gap:8px;padding:25px}.saas-hero{padding:40px 20px 0}.saas-hero h2{letter-spacing:-1.7px;font-size:37px}.saas-hero>p{font-size:12px}.saas-pill{font-size:11px}.saas-product{max-height:240px;margin-top:30px}.saas-product .project-art{height:300px;padding:15px}.saas-product .art-app{grid-template-columns:48px 1fr}.saas-product .art-app-main>b{font-size:14px}.saas-product .art-app-main>small{font-size:6px}.saas-product .art-sidebar{padding:12px 5px}.saas-product .art-sidebar span{font-size:5px}.saas-product .art-app-metrics span{padding:6px;font-size:6px}.saas-product .art-app-metrics strong{font-size:21px}.saas-product .art-app-rows>div{font-size:8px}.demo-content-section{padding:38px 22px}.demo-three-columns{grid-template-columns:1fr;gap:13px}.demo-three-columns h3{margin:9px 0;font-size:23px}.demo-three-columns p{font-size:12px}.folio-plans h3{font-size:32px}.faq summary,.faq details{font-size:13px}.ec-product{grid-template-columns:1fr;gap:15px;padding:20px}.ec-product-art{min-height:360px;padding:25px}.ec-product-art .product-cylinder{width:120px;height:245px;bottom:45px;right:calc(50% - 60px)}.ec-product-art .product-cylinder span{font-size:22px}.ec-product-art .product-cylinder small{font-size:6px}.ec-product-info h2{font-size:35px}.ec-product-info>p{font-size:13px}.app-demo-heading{padding:30px 22px 20px}.app-demo-heading h2{font-size:29px}.app-demo-heading p{font-size:12px}.relay-flow{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:25px;padding:0 22px}.relay-flow li{padding:12px;font-size:12px}.relay-workspace{grid-template-columns:1fr;gap:15px;padding:0 20px 25px}.relay-workspace>section{padding:18px}.showcase textarea,.showcase input,.showcase select{font-size:16px}.showcase label{font-size:12px}.api-contract{margin:0 20px 25px;padding:15px}.api-contract summary{font-size:12px}.api-contract pre{padding:12px;font-size:12px}.booking-toolbar{flex-wrap:wrap;gap:5px 15px;padding:0 22px}.booking-toolbar label:first-child{width:110px}.booking-toolbar label:nth-child(2){flex:1}.booking-toolbar>.button{width:100%;margin-bottom:20px}.booking-stats{grid-template-columns:1fr 1fr;gap:10px;padding:0 22px 22px}.booking-stats>div{padding:15px}.booking-stats>div:last-child{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.booking-stats>div:last-child>b{margin:0}.booking-stats span{font-size:12px}.booking-list{margin:0 20px 20px;padding:17px}.booking-list h3{font-size:15px}.booking-list article{flex-wrap:wrap;gap:12px;padding:18px 0}.booking-list time{font-size:21px}.booking-list article>div{min-width:100px;font-size:12px}.booking-badge{display:none}.booking-list article .button{min-height:40px;padding:8px 12px;font-size:12px}.booking-list article p{font-size:12px}.improvement-toggle{margin:0 22px 20px}.comparison-site{grid-template-columns:1fr;margin:0 20px 20px}.comparison-site header{padding:18px;font-size:12px}.comparison-site header span{margin:5px 0 0;font-size:12px;display:block}.comparison-site>div{padding:25px}.comparison-site h2{font-size:32px}.comparison-site aside{padding:25px}.comparison-site .room-art{width:160px;height:170px}.comparison-site footer{padding:17px;font-size:12px}.comparison-site .button{font-size:12px}.comparison-site.is-before{grid-template-columns:1fr}.is-before>div{padding:14px}.is-before h2{font-size:22px}.creative-workspace{grid-template-columns:1fr;gap:25px;padding:0 22px 25px}.creative-controls h3{font-size:17px}.creative-style-buttons{gap:8px;margin:15px 0 20px}.creative-style-buttons button{padding:12px}.creative-preview{min-height:250px;padding:15px}.creative-preview img{max-height:500px}.qa-workspace{grid-template-columns:1fr;gap:20px;padding:0 20px 25px}.qa-workspace>section{padding:20px}.qa-checklist label{gap:9px;font-size:12px}.qa-workspace .demo-section-heading{gap:15px;display:flex}.qa-workspace .demo-section-heading h3{font-size:15px}.qa-workspace .demo-section-heading>span{font-size:12px}.delivery-package h3{font-size:25px}.showcase dialog{max-width:calc(100vw - 32px)}}.showcase .qa-checklist label>input{flex:0 0 18px;width:18px;max-width:18px;height:18px;margin:0;display:inline-block}.cafe-hero-art .art-topline{visibility:hidden}@media (max-width:700px){.art-cafe .art-editorial{letter-spacing:-1.5px;margin-top:22px;font-size:34px}.art-cafe .coffee-scene{transform-origin:100% 100%;bottom:-15px;right:-15px;transform:scale(.62)rotate(-20deg)}.cafe-hero-art .art-cafe .coffee-scene{bottom:0;right:-10px;transform:scale(.85)rotate(-20deg)}.cafe-hero-art .art-editorial{margin-top:26px;font-size:35px}}.qa-demo h2{text-wrap:balance}.qa-demo h2 span{display:inline-block}.flowstate-compare{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:18px;display:grid}.flowstate-compare article{background:#fff;border:1px solid #ced7c3;border-radius:8px;padding:18px}.flowstate-compare h3{margin:0 0 12px;font-size:13px}.flowstate-before,.flowstate-after{gap:8px;margin:0 0 10px;font-size:12px;line-height:1.9;display:flex}.flowstate-before svg,.flowstate-after svg{flex:none;margin-top:4px}.flowstate-before{color:#7a6a5a}.flowstate-after{color:#26402f;font-weight:700}.flowstate-figures{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px;margin:18px 0;display:grid}.flowstate-figures>div{text-align:center;background:#fff;border:1px solid #ced7c3;border-radius:8px;padding:14px}.flowstate-figures span{color:#5d6b58;margin-bottom:6px;font-size:11px;display:block}.flowstate-figures b{font-variant-numeric:tabular-nums;font-size:22px}.flowstate-table-scroll{background:#fff;border:1px solid #ced7c3;border-radius:8px;margin-bottom:18px;overflow-x:auto}.flowstate-table{border-collapse:collapse;width:100%;font-size:12px}.flowstate-table th,.flowstate-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e7dc;padding:10px 14px}.flowstate-table thead th{color:#4a5b4e;white-space:nowrap;background:#f3f5ee;font-size:11px}.flowstate-table tbody tr:last-child th,.flowstate-table tbody tr:last-child td{border-bottom:none}.flowstate-table small{color:#5d6b58;margin-top:4px;font-size:10px;line-height:1.7;display:block}.flowstate-state{font-weight:700}.flowstate-table tr[data-connected=false] .flowstate-state{color:#8a5a1c}.flowstate-table tr[data-connected=true] .flowstate-state{color:#26402f}.flowstate-price-warning{background:#fbf3e6;border-left:3px solid #8a5a1c;margin:0 0 18px;padding:14px 16px;font-size:12px;line-height:1.9}.flowstate-steps{counter-reset:none;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.flowstate-steps li{background:#fff;border:1px solid #ced7c3;border-radius:8px;padding:18px}.flowstate-steps h3{margin:0 0 8px;font-size:13px}.flowstate-steps p{color:#4a5b4e;margin:0;font-size:12px;line-height:1.9}.flowstate-real{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.flowstate-real li{background:#fff;border:1px solid #ced7c3;border-radius:8px;gap:4px;padding:14px 16px;display:grid}.flowstate-real a{color:#26402f;text-underline-offset:3px;font-size:13px;font-weight:700;text-decoration:underline}.flowstate-real span{color:#4a5b4e;font-size:12px}.cafe-demo{--kissa-ink:#241c15;--kissa-soft:#6b5c4d;--kissa-line:#e3dace;--kissa-paper:#fbf8f3;--kissa-accent:#87562e}.cafe-hero-facts{border-top:1px solid var(--kissa-line);gap:16px;margin:26px 0 0;padding:18px 0 0;display:grid}.cafe-hero-facts div{grid-template-columns:62px 1fr;align-items:baseline;gap:12px;display:grid}.cafe-hero-facts dt{letter-spacing:.16em;color:var(--kissa-accent);font-size:11px}.cafe-hero-facts dd{color:var(--kissa-ink);margin:0;font-size:14px;line-height:1.7}.cafe-hero-facts dd span{color:var(--kissa-soft);font-size:12.5px;display:block}.cafe-hero-actions{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:24px;display:flex}.cafe-link--primary{background:var(--kissa-ink);color:var(--kissa-paper);border-radius:999px;align-items:center;gap:8px;min-height:46px;padding:12px 22px;display:inline-flex}.cafe-link--primary:hover{background:var(--kissa-accent)}.cafe-demo .menu-grid{gap:14px;margin-top:30px;display:grid}@media (min-width:40rem){.cafe-demo .menu-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:64rem){.cafe-demo .menu-grid{grid-template-columns:repeat(3,1fr)}}.menu-card{border:1px solid var(--kissa-line);background:#fff;border-radius:14px;grid-template-columns:76px 1fr;align-items:start;gap:16px;padding:18px;display:grid}.menu-card-art{width:76px;height:76px;color:var(--kissa-accent);background:linear-gradient(160deg,#f6efe4,#efe6d8);border-radius:12px;place-items:center;display:grid}.cafe-art{width:52px;height:52px}.menu-card-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.menu-card h3{letter-spacing:.01em;color:var(--kissa-ink);margin:0;font-size:15px}.menu-card-jp{color:var(--kissa-soft);margin:3px 0 0;font-size:12px}.menu-card-note{color:var(--kissa-soft);margin:9px 0 0;font-size:12.5px;line-height:1.75}.menu-card-foot{align-items:baseline;gap:12px;margin:12px 0 0;display:flex}.menu-card-foot b{color:var(--kissa-ink);font-size:16px}.menu-temp{letter-spacing:.1em;color:var(--kissa-soft);border:1px solid var(--kissa-line);border-radius:999px;padding:3px 9px;font-size:11px}.menu-tag{letter-spacing:.08em;color:var(--kissa-accent);white-space:nowrap;background:#f1e7d8;border-radius:999px;padding:3px 9px;font-size:12px}.menu-tag[data-tag=季節限定]{color:#5c6b54;background:#e8e7db}.menu-tag[data-tag=人気]{background:var(--kissa-accent);color:#fff}.cafe-pick,.cafe-space,.cafe-access{padding-inline:60px}@media (max-width:700px){.cafe-pick,.cafe-space,.cafe-access{padding-inline:25px}}.cafe-pick{border-top:1px solid var(--kissa-line);border-bottom:1px solid var(--kissa-line);gap:26px;margin-top:40px;padding-block:44px;display:grid}.cafe-pick h2{margin:10px 0 12px}.cafe-pick p{color:var(--kissa-soft);margin:0;line-height:1.9}.menu-card--large{grid-template-columns:120px 1fr;padding:24px}.menu-card--large .menu-card-art{width:120px;height:120px}.menu-card--large .cafe-art{width:80px;height:80px}.menu-card--large h3,.menu-card--large .menu-card-foot b{font-size:20px}@media (min-width:56rem){.cafe-pick{grid-template-columns:1fr 1fr;align-items:center;gap:44px}}.cafe-space{padding-block:48px 8px}.cafe-space h2{margin:10px 0 24px}.cafe-space-grid{gap:14px;display:grid}.cafe-space figure{border-radius:14px;margin:0;position:relative;overflow:hidden}.cafe-space figure img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.cafe-space-main{aspect-ratio:16/10}.cafe-space figure:not(.cafe-space-main){aspect-ratio:4/3}.cafe-space figcaption{letter-spacing:.12em;color:#fff;text-shadow:0 1px 6px #0009;font-size:10px;position:absolute;bottom:12px;left:14px}@media (min-width:56rem){.cafe-space-grid{grid-template-columns:1.7fr 1fr}.cafe-space-main,.cafe-space figure:not(.cafe-space-main){aspect-ratio:auto}}.cafe-access{gap:28px;padding-block:48px;display:grid}.cafe-access h2{margin:10px 0 22px}.cafe-access dl{gap:16px;margin:0;display:grid}.cafe-access dl>div{border-bottom:1px solid var(--kissa-line);grid-template-columns:76px 1fr;gap:14px;padding-bottom:14px;display:grid}.cafe-access dt{color:var(--kissa-accent);letter-spacing:.04em;font-size:12px}.cafe-access dd{color:var(--kissa-ink);gap:4px;margin:0;font-size:13.5px;line-height:1.7;display:grid}.cafe-map{border:1px solid var(--kissa-line);border-radius:14px;width:100%;height:auto}.cafe-map-bg{fill:#f4efe6}.cafe-map-road{stroke:#e6dccb;fill:none;stroke-linecap:round}.cafe-map-block{fill:#e7ded0}.cafe-map-route{stroke:var(--kissa-accent);stroke-width:2px;fill:none;stroke-linecap:round}.cafe-map-pin{fill:#a9713e2e}.cafe-map-pin-core{fill:var(--kissa-accent)}.cafe-map-label{fill:var(--kissa-soft);font-family:inherit;font-size:12px}.cafe-map-label--shop{fill:var(--kissa-ink);font-weight:600}.cafe-map-label--soft{font-size:12px}@media (min-width:56rem){.cafe-access{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px}}@media (max-width:39.99rem){.menu-card{grid-template-columns:62px 1fr;gap:13px;padding:15px}.menu-card-art{width:62px;height:62px}.cafe-art{width:42px;height:42px}.menu-card-foot b{font-size:17px}.menu-card--large{grid-template-columns:82px 1fr}.menu-card--large .menu-card-art{width:82px;height:82px}.menu-card--large .cafe-art{width:56px;height:56px}.cafe-hero-facts div{grid-template-columns:54px 1fr}.cafe-hero-actions .cafe-link--primary{flex:auto;justify-content:center}}.field-optional{letter-spacing:.06em;border:1px solid var(--hub-border,#332c26);color:var(--hub-muted,#c2b7aa);border-radius:999px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:400}.refine-v2{--refine-paper:#f7f7f2;--refine-ink:#203c31;background:var(--refine-paper);color:var(--refine-ink)}.refine-v2 .app-demo-heading{padding-block:36px 22px}.refine-v2 .app-demo-heading h2{letter-spacing:-.035em;max-width:22ch;font-size:clamp(29px,3.2vw,48px);line-height:1.35}.refine-v2 .app-demo-heading p{max-width:60ch}.refine-presentation-controls{gap:6px;margin:0 45px 20px;display:flex}.refine-presentation-controls button{color:#284334;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #c5cebc;border-radius:6px;padding:10px 20px;font-size:13px;transition:background .18s}.refine-presentation-controls button[aria-pressed=true]{color:#fff;background:#234738;border-color:#234738}.refine-comparison,.refine-readable{margin:0 45px 32px}.refine-wipe{isolation:isolate;background:#fff;border:1px solid #bdc8b6;border-radius:8px;display:grid;position:relative;overflow:hidden}.refine-wipe-layer{background:#fff;grid-area:1/1;min-width:0;padding-top:36px}.refine-wipe-layer>.refine-page-wrap{height:100%}.refine-wipe-after{clip-path:inset(0 0 0 var(--refine-split));background:#eaf0e4}.refine-wipe-before{background:#fff}.refine-wipe input[type=range]{-webkit-appearance:none;appearance:none;opacity:0;cursor:ew-resize;touch-action:pan-y;z-index:4;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.refine-wipe:focus-within{outline-offset:4px;outline:3px solid #234738}.refine-wipe-divider{top:0;bottom:0;left:var(--refine-split);z-index:3;pointer-events:none;background:#203c31;width:2px;position:absolute;transform:translate(-1px)}.refine-wipe-divider b{color:#203c31;background:#fff;border:1px solid #9fae9b;border-radius:50%;place-items:center;width:46px;height:46px;font-size:23px;display:grid;position:absolute;top:clamp(70px,18%,140px);left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #18312622}.refine-wipe-label{z-index:3;pointer-events:none;padding:9px 16px;font-size:12px;font-weight:700;position:absolute;top:0}.refine-wipe-label.is-before{left:0}.refine-wipe-label.is-after{right:0}.refine-wipe-help{color:#506049;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin:0 0 12px;font-size:12px;line-height:1.7;display:flex}.refine-v2 .refine-page-wrap{min-width:0;container-type:inline-size}.refine-v2 .refine-page{color:#203c31;background:#fff;gap:16px;padding:28px}.refine-v2 .refine-nav{align-items:center;gap:8px 20px;min-height:50px;padding-bottom:8px}.refine-v2 .refine-nav nav{flex-wrap:wrap;gap:12px}.refine-v2 .refine-nav a,.refine-v2 .refine-links a{color:#405a48;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:12px;display:inline-flex}.refine-v2 .refine-nav b{font:600 14px / 1.6 var(--font-display)}.refine-v2 .refine-kicker{color:#506049;font-size:12px}.refine-v2 .refine-body{max-width:62ch;font-size:14px;line-height:1.9}.refine-v2 .refine-headline{letter-spacing:0;font-size:26px;line-height:1.45}.refine-v2 .refine-cta{color:#fff;background:#254c39;border-radius:5px;min-height:48px;padding:10px 22px;font-size:14px;line-height:1.6}.refine-v2 .refine-links{gap:16px;padding-top:0}.refine-photo{background:#e8e3d8;border-radius:5px;width:100%;height:200px;overflow:hidden}.refine-photo img{object-fit:cover;width:100%;height:100%;display:block}.refine-v2 .refine-page.is-before{gap:12px}.refine-v2 .is-before .refine-photo{height:164px}.refine-v2 .is-before .refine-cta{color:#203c31;background:#fff;border:1px solid #99a58e}.refine-v2 .refine-page.is-after{background:#eaf0e4}.refine-v2 .is-after .refine-headline{letter-spacing:-.02em;font:500 clamp(32px,4vw,50px)/1.35 Yu Mincho,Hiragino Mincho ProN,serif}.refine-v2 .is-after .refine-photo{height:230px}@container (width>=660px){.refine-v2 .refine-page.is-after{grid-template-columns:1fr .88fr;gap:24px 36px;padding:32px 40px}.refine-v2 .is-after [data-block=nav]{grid-column:1/-1}.refine-v2 .is-after [data-block=kicker],.refine-v2 .is-after [data-block=headline],.refine-v2 .is-after [data-block=body],.refine-v2 .is-after [data-block=cta],.refine-v2 .is-after [data-block=links]{grid-column:1}.refine-v2 .is-after [data-block=art]{grid-area:2/2/7;min-width:0}.refine-v2 .is-after .refine-photo{border-radius:44% 44% 6px 6px;height:100%;min-height:330px}.refine-v2 .is-after .refine-headline{font-size:clamp(40px,4vw,58px)}.refine-v2 .refine-page.is-before{padding-inline:36px}.refine-v2 .is-before .refine-photo{height:170px}}.refine-readable{gap:20px;display:grid}.refine-readable.is-both{grid-template-columns:1fr 1fr}.refine-readable figure{border:1px solid #c5cebc;min-width:0;margin:0}.refine-readable figcaption{border-bottom:1px solid #c5cebc;padding:14px 22px;font-size:13px;font-weight:600}.refine-version-jump{display:none}.refine-readable figure{scroll-margin-top:80px}.refine-readable figure:focus-visible{outline-offset:3px;outline:3px solid #234738}.refine-decisions{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 45px 36px;display:grid}.refine-decisions article{border-top:1px solid #c5cebc;padding-top:20px}.refine-decisions span{color:#506049;letter-spacing:.08em;font-size:11px}.refine-decisions h3{margin:12px 0 8px;font-size:18px;line-height:1.5}.refine-decisions p{margin:0;font-size:13px;line-height:1.9}.refine-inspector{background:#fff;border:1px solid #bfcbb5;border-radius:8px;margin:0 45px 32px}.refine-inspector>summary{cursor:pointer;min-height:56px;padding:18px 22px;font-size:15px;font-weight:600}.refine-inspector-intro{padding:0 22px;font-size:12px;line-height:1.8}.refine-v2 .refine-controls{gap:12px;margin:20px 22px}.refine-v2 .refine-check{flex-direction:row;gap:8px;min-height:44px;padding:6px 8px;display:inline-flex}.refine-v2 .refine-check input{width:18px;height:18px;margin:0}.refine-v2 .refine-select,.refine-v2 .refine-select select,.refine-v2 .refine-controls button{min-height:44px}.refine-v2 .refine-stage{margin:0 22px 22px;padding:16px}.refine-v2 .refine-stage[data-width=auto][data-mode=both]{grid-template-columns:1fr 1fr;grid-auto-columns:auto;grid-auto-flow:row}.refine-v2 .refine-stage:not([data-width=auto]) .refine-viewport{max-width:none}.refine-dom-metrics{background:#f2f4ed;grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:16px;display:grid}.refine-dom-metrics dt{color:#506049;font-size:11px}.refine-dom-metrics dd{margin:6px 0 0;font-size:17px;font-weight:600}@media (max-width:860px){.refine-v2 #refine-notes .demo-three-columns{grid-template-columns:minmax(0,1fr);gap:24px}.refine-readable figcaption{justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:6px 14px;display:flex}.refine-version-jump{color:#234738;text-underline-offset:4px;flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.refine-presentation-controls,.refine-comparison,.refine-readable,.refine-decisions,.refine-inspector{margin-left:20px;margin-right:20px}.refine-v2 .app-demo-heading{padding-top:24px}.refine-presentation-controls button{flex:1;padding:10px 8px}.refine-readable.is-both,.refine-decisions,.refine-v2 .refine-stage[data-width=auto][data-mode=both]{grid-template-columns:1fr}.refine-v2 .refine-page{gap:14px;padding:18px}.refine-v2 .refine-nav{letter-spacing:1px}.refine-v2 .refine-nav nav{gap:8px}.refine-v2 .refine-nav a{font-size:11px}.refine-v2 .is-after .refine-headline{font-size:34px}.refine-v2 .refine-body{font-size:13px}.refine-v2 .is-after .refine-photo{height:180px}.refine-v2 .refine-controls,.refine-v2 .refine-stage{margin-inline:12px}.refine-v2 .refine-stage{padding:10px}.refine-decisions{gap:20px}}@media (prefers-reduced-motion:reduce){.refine-v2 *{transition:none!important}}