.case-hero{padding:38px 0 0;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#ff693d13,transparent 55%),var(--ink)}.breadcrumbs{font-size:12px;color:#aab1b7;display:flex;gap:12px;margin-bottom:50px}.breadcrumbs span:last-child{color:#fff}.case-title{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center}.case-title h1{font-size:clamp(48px,5.8vw,82px);letter-spacing:-.065em;margin:26px 0}.case-title h1 span{color:var(--orange)}.hero-summary{font-size:17px;color:#afb8bf;max-width:490px}.case-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero-composition{position:relative;min-height:430px;perspective:1200px}.hero-screen{position:absolute;width:92%;filter:drop-shadow(0 20px 25px #0006);transition:transform .7s var(--ease)}.hero-screen.front{left:0;top:5px;z-index:2;transform:rotate(-5deg)}.hero-screen.back{left:12%;top:175px;transform:rotate(5deg);z-index:3}.hero-composition:hover .front{transform:rotate(-2deg) translateY(-6px)}.hero-composition:hover .back{transform:rotate(2deg) translateY(6px)}.hero-screen figure{border:1px solid #62615c;border-radius:10px;background:#101316;overflow:hidden}.hero-screen figcaption{padding:8px 15px;color:white!important;font-size:11px}.hero-screen figcaption p{display:none}.connection-badge{position:absolute;bottom:0;right:0;border:1px solid #697067;background:#19221de6;padding:10px 15px;border-radius:99px;font-size:12px;z-index:4;backdrop-filter:blur(12px)}.connection-badge i,.demo-bar i,.status-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#94ba95;margin-right:8px}.case-meta{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);margin-top:65px;padding:25px 0 28px;gap:25px}.case-meta span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#9ba5ad;margin-bottom:5px}.case-meta strong{font-size:13px;font-weight:400}.case-meta a:hover strong{color:var(--orange)}.chapter-nav{background:#1a1e21;border-bottom:1px solid #363c40}.chapter-nav .wrap{display:flex;justify-content:space-between;gap:25px;padding-top:17px;padding-bottom:17px;overflow:auto}.chapter-nav a{font-size:11px;white-space:nowrap;letter-spacing:.04em;color:#b8bec3}.chapter-nav a:hover{color:var(--orange)}.case-tour{padding:90px 0;background:var(--paper);color:var(--ink)}.case-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:38px}.case-heading h2{font-size:clamp(38px,4.8vw,64px);margin-top:22px}.case-heading>p{max-width:330px;color:#616971;font-size:15px}.view-tabs{display:flex;border-bottom:1px solid #c8cec8;gap:25px;margin-bottom:36px}.view-tabs button{border:0;background:none;color:#68716f;padding:16px 2px 19px;border-bottom:3px solid transparent;font-size:18px;font-weight:700;display:flex;gap:13px;align-items:center}.view-tabs button span{font-size:10px;font-weight:400;letter-spacing:.1em}.view-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--orange)}.view-tabs button:hover{color:#ad482a}.tour-panel[hidden]{display:none}.panel-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;margin-bottom:30px}.panel-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#a8482f}.panel-intro h3{font-size:35px;margin-top:12px}.panel-intro>p{color:#626b71;font-size:15px}.screen-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.project-screen{margin:0;min-width:0}.lead-screen{grid-column:1/-1}.lead-screen .screen-button{max-width:100%}.screen-button{display:block;position:relative;width:100%;border:1px solid #ccd1c9;background:#efefe8;padding:0;cursor:zoom-in;overflow:hidden;border-radius:6px}.screen-button img{display:block;width:100%;height:auto;transition:transform .6s var(--ease)}.screen-button:hover img{transform:scale(1.015)}.screen-button:focus-visible{outline-offset:3px}.zoom-label{position:absolute;bottom:12px;right:12px;background:#101316e8;color:white;border:1px solid #fff4;border-radius:4px;padding:7px 11px;font-size:10px;opacity:0;transform:translateY(5px);transition:.25s}.screen-button:hover .zoom-label,.screen-button:focus-visible .zoom-label{opacity:1;transform:none}.project-screen figcaption{padding:15px 0 0;color:#171d21}.project-screen figcaption strong{font-size:15px}.project-screen figcaption p{font-size:13px;color:#636e73;margin-top:3px}.gallery-note{font-size:11px;color:#768078;margin-top:30px;max-width:800px}.case-flow{padding:95px 0;background:#101316;color:white}.flow-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:85px;align-items:end}.flow-heading h2{font-size:clamp(38px,4.6vw,63px);margin-top:24px}.flow-heading h2 span{color:var(--orange)}.flow-heading>p{font-size:17px;color:#abb4bc}.flow-track{list-style:none;margin:55px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.flow-track li{border-top:1px solid #4c5358;padding-top:23px;position:relative}.flow-track li:before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--orange);border-radius:50%}.flow-track li>span{font-size:12px;color:var(--orange)}.flow-track h3{font-size:25px;margin:24px 0 15px}.flow-track p{color:#a5afb6;font-size:14px}.invoice-feature{margin-top:60px;background:#1b2221;border:1px solid #3e5146;padding:35px;display:grid;grid-template-columns:65px 1fr 1fr;gap:25px;align-items:center;border-radius:8px}.invoice-icon{font-size:65px;color:#a3c2a3;line-height:1}.invoice-feature .panel-kicker{color:#a3c2a3}.invoice-feature h3{font-size:32px;margin-top:14px}.invoice-feature>p{font-size:14px;color:#bcc5bf}.case-demo{background:#eaece7;color:var(--ink);padding:85px 0}.demo-shell{border:1px solid #cbd1c7;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #222c2210}.demo-bar{background:#14251c;color:white;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 28px;font-size:13px}.demo-bar button{color:#e3e9e2;font-size:12px;background:transparent;border:1px solid #65756a;border-radius:4px;padding:6px 12px}.demo-bar button:hover{background:#ffffff15}.demo-disclaimer{font-size:11px;color:#687367;padding:16px 28px;border-bottom:1px solid #e3e7df;background:#f9faf6}.demo-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:0}.demo-order{padding:30px;background:#f6f6ef;border-right:1px solid #e0e5da}.demo-order label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.demo-order select{width:100%;border:1px solid #cad2c6;border-radius:4px;background:white;padding:11px 12px;font-size:13px;color:#213328;margin-bottom:20px}.demo-order select:disabled{opacity:.7}.demo-ticket{border:1px solid #d7ded1;border-left:3px solid var(--orange);background:white;padding:22px;margin:6px 0 23px}.demo-ticket>span{font-size:9px;letter-spacing:.11em;color:#727e73}.demo-ticket h3{font-size:23px;margin:16px 0 12px;letter-spacing:-.035em}.demo-ticket p{font-size:12px;color:#647367}.demo-ticket strong{display:inline-block;font-size:11px;background:#f6ede1;padding:5px 9px;margin-top:20px;color:#77522e;border-radius:4px}.demo-order .button{width:100%;font-size:13px;padding:14px}.demo-order .button:disabled{background:#dae3d7;color:#405940;cursor:default;transform:none}.demo-story{padding:32px;min-width:0}.demo-progress{list-style:none;display:flex;justify-content:space-between;padding:0;margin:0 0 45px;gap:8px}.demo-progress li{font-size:10px;color:#939c94;position:relative;border-top:3px solid #e5e9df;flex:1;padding-top:10px;transition:.25s}.demo-progress li.current{border-color:var(--orange);color:#7e3520;font-weight:bold}.demo-progress li.done{border-color:#28503a;color:#28503a}.demo-story h3{font-size:36px;margin:17px 0 20px}.demo-story #demo-text{font-size:15px;color:#58675b;max-width:470px}.demo-detail{margin-top:28px;padding:15px 0;border-top:1px solid #dfe6db;color:#6a756a;font-size:12px}.demo-receipt{margin-top:25px;border:1px dashed #91a58c;background:#f2f8ed;padding:22px;animation:appear .45s var(--ease)}.demo-receipt[hidden]{display:none}.demo-receipt>span{font-size:9px;letter-spacing:.12em;color:#65785f;display:block}.demo-receipt strong{display:block;font-size:17px;margin:10px 0}.demo-receipt p{font-size:11px;color:#5d7058}.case-development{padding:90px 0;background:#ff693d;color:#101316}.case-development .eyebrow:before{background:var(--ink)}.development-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:75px;align-items:end}.development-heading h2{font-size:clamp(38px,4.3vw,60px);margin-top:23px}.development-heading h2 span{color:#63240f}.development-heading>p{font-size:16px}.development-list{margin-top:45px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.development-list article{border-top:1px solid #10131666;padding-top:25px}.status-label{font-size:11px}.status-label i{background:#753d22}.status-label.active i{background:#214631}.development-list h3{font-size:28px;margin:23px 0 18px}.development-list p{font-size:14px}.development-date{font-size:10px;margin-top:30px;opacity:.65}.case-outcome{padding:85px 0;background:var(--paper);color:var(--ink)}.outcome-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.outcome-grid h2{font-size:clamp(38px,4.3vw,59px);margin-top:23px}.outcome-copy p{color:#59656b;font-size:16px;margin-bottom:20px}.image-dialog{width:min(1600px,calc(100% - 30px));max-height:94vh;padding:50px 20px 20px;border-radius:9px;background:#f6f7f5;overflow:auto}.image-dialog h2{font-size:20px;margin:0 110px 20px 0;letter-spacing:-.03em}.image-dialog img{display:block;width:100%;height:auto}.image-dialog .dialog-close{position:absolute}.lightbox-count{font-size:11px;color:#6f7972;margin-top:12px}.lightbox-actions{display:flex;gap:12px;align-items:center;margin-bottom:14px}.lightbox-actions button{border:1px solid #bac4b7;background:white;border-radius:4px;padding:6px 14px;font-size:12px}.lightbox-actions button:disabled{opacity:.3;cursor:default}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1200px){.lead-screen{max-width:1050px;margin:auto;width:100%}.hero-screen .lead-screen{max-width:none}}
@media(max-width:1000px){.case-title{grid-template-columns:1fr 1fr;gap:25px}.hero-composition{min-height:340px}.hero-screen.back{top:135px}.hero-summary{font-size:15px}.case-actions{gap:15px}.case-actions .textlink{font-size:13px}.case-meta{margin-top:45px}.panel-intro{gap:30px}.flow-heading{gap:40px}.invoice-feature{grid-template-columns:45px 1fr 1fr;padding:25px}.invoice-feature h3{font-size:26px}.development-heading{gap:35px}.demo-story{padding:25px}.demo-order{padding:25px}}
@media(max-width:760px){.case-hero{padding-top:25px}.breadcrumbs{margin-bottom:35px}.case-title{grid-template-columns:1fr;gap:30px}.case-title h1{font-size:clamp(44px,9vw,65px)}.hero-summary{font-size:16px}.hero-composition{width:min(520px,95%);min-height:390px;margin:auto}.hero-screen.front{top:15px}.hero-screen.back{top:155px}.case-meta{grid-template-columns:1fr;gap:16px;margin-top:30px;padding:25px 0}.case-meta>div,.case-meta>a{display:grid;grid-template-columns:115px 1fr;gap:10px}.case-meta span{margin-top:3px}.chapter-nav .wrap{gap:25px}.case-tour,.case-flow,.case-demo,.case-development,.case-outcome{padding:55px 0}.case-heading{display:block}.case-heading>p{margin-top:22px;max-width:100%}.case-heading h2{font-size:42px}.view-tabs{gap:10px}.view-tabs button{font-size:14px;gap:5px;flex:1;justify-content:center}.view-tabs button span{display:none}.panel-intro,.flow-heading,.development-heading,.outcome-grid{grid-template-columns:1fr;gap:25px}.panel-intro h3{font-size:29px}.screen-gallery{gap:22px;grid-template-columns:1fr}.lead-screen{grid-column:auto}.screen-button .zoom-label{opacity:1;transform:none;font-size:9px;padding:5px 7px;right:8px;bottom:8px}.hero-screen .zoom-label{display:none}.project-screen figcaption{padding-top:10px}.flow-heading h2,.development-heading h2{font-size:42px}.flow-track{grid-template-columns:1fr 1fr;gap:35px 25px;margin-top:40px}.flow-track h3{font-size:24px;margin-top:17px}.invoice-feature{grid-template-columns:1fr;gap:20px;margin-top:40px;padding:25px}.invoice-icon{display:none}.invoice-feature h3{font-size:30px}.demo-grid{grid-template-columns:1fr}.demo-order{border-right:0;border-bottom:1px solid #d8e1d1}.demo-bar{padding:15px 20px;font-size:12px}.demo-disclaimer{padding:15px 20px}.demo-ticket{margin-top:0}.demo-progress{margin-bottom:30px}.demo-story h3{font-size:32px}.development-list{grid-template-columns:1fr;gap:30px;margin-top:35px}.development-list h3{margin:16px 0 13px}.development-list p{max-width:500px}.outcome-grid h2{font-size:42px}.image-dialog{padding:50px 12px 16px;width:calc(100% - 16px)}.image-dialog h2{font-size:17px}.lightbox-actions{flex-wrap:wrap}}
@media(max-width:420px){.hero-composition{min-height:290px}.hero-screen.back{top:115px}.case-actions{gap:20px}.flow-track{grid-template-columns:1fr}.demo-order,.demo-story{padding:22px}.demo-bar button{font-size:10px;padding:6px 8px}.case-heading h2{font-size:38px}.case-meta>div,.case-meta>a{grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:reduce){.hero-screen,.screen-button img,.zoom-label,.demo-progress li{transition:none}.demo-receipt{animation:none}.hero-composition:hover .front{transform:rotate(-5deg)}.hero-composition:hover .back{transform:rotate(5deg)}}

.demo-grid{grid-template-columns:1.15fr 1fr}.demo-kitchens{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.demo-station{padding:20px 16px;border:1px solid #ced7c8;background:#fff;border-radius:8px;min-width:0;transition:background .2s,border-color .2s}.demo-station .panel-kicker{font-size:8px;letter-spacing:.08em}.demo-station h3{font-size:23px;margin:17px 0 13px}.station-status{font-size:11px;color:#87642d;margin-bottom:17px}.kitchen-done{width:100%;border:1px solid #aebfab;background:#eaf1e4;color:#264c2b;border-radius:4px;font-size:11px;padding:11px 5px;font-weight:700}.kitchen-done:not(:disabled):hover{background:#d7e6ce}.kitchen-done:disabled{opacity:.55;cursor:default}.demo-station.finished{border-color:#8aaa7d;background:#f1f7ee}.demo-station.finished .station-status{color:#285a30}.kitchen-rule{font-size:11px;color:#637161;margin-top:20px}.demo-pickup{border:1px solid #344743;border-radius:10px;background:#101b1a;color:#fff;margin-bottom:30px;overflow:hidden}.pickup-header{padding:18px 20px;border-bottom:1px solid #ffffff20}.pickup-header>span{font-size:9px;letter-spacing:.07em;color:#acc0b8}.pickup-header i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#99c999;margin-right:6px}.demo-story .pickup-header h3{font-size:24px;margin:9px 0 0}.pickup-columns{display:grid;grid-template-columns:1fr 1fr}.pickup-column{padding:18px 16px;min-height:128px;min-width:0}.pickup-column+div{border-left:1px solid #ffffff20}.pickup-column h4{font-size:11px;color:#efc18b;margin:0 0 17px}.pickup-column.ready h4{color:#abe3b2}.pickup-number strong{display:block;font-size:clamp(24px,2.5vw,36px);line-height:1.1;letter-spacing:-.04em}.pickup-number>span{font-size:11px;color:#b2c3bc;display:block;margin-top:8px}.pickup-number[hidden],.pickup-column p[hidden]{display:none}.pickup-column>p{font-size:10px;color:#83968c}.pickup-note{font-size:9px;color:#8caaa0;padding:0 16px 14px}.demo-story .demo-progress{margin-bottom:25px}.demo-story #demo-title{font-size:29px}.demo-story #demo-text{font-size:14px}.demo-detail{margin-top:18px}.demo-order .button:disabled{font-size:11px}@media(max-width:1000px){.demo-station{padding:16px 12px}.demo-station h3{font-size:21px}.demo-kitchens{gap:10px}}@media(max-width:760px){.demo-grid{grid-template-columns:1fr}.demo-order{padding:25px}.demo-story{padding:25px}.pickup-number strong{font-size:34px}.demo-pickup{margin-bottom:25px}}@media(max-width:420px){.demo-kitchens{grid-template-columns:1fr}.demo-station{padding:20px}.demo-station .panel-kicker{font-size:9px}}@media(prefers-reduced-motion:reduce){.demo-station{transition:none}}