/* v3: warm editorial product sheet; existing content and generous spacing retained. */
:root{
 --surface:#fff5eb;--text-1:#24312d;--text-2:#65706a;--accent:#e85820;
 --border:#e6e8e1;--blue:#267b7d;--blue-soft:#eff7f4;
 --paper:#f7f8f4;--shadow:0 7px 22px rgba(40,55,43,.055);--radius:22px;
}
.hero{padding-bottom:42px}
.brand{padding-bottom:5px}.brand span{letter-spacing:1px}
.hero-copy{padding:32px 34px 34px;margin-top:35px;background:var(--surface);border-left:5px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0}
.hero h1{margin-top:0;font-size:53px;font-weight:750;letter-spacing:-1.7px}
.hero .lede{font-size:25px;margin-top:19px}
.hero .benefits{gap:12px;flex-wrap:wrap;margin-top:28px;font-size:19px}
.benefits span{display:inline-flex;align-items:center;gap:8px;background:var(--bg);border:1px solid #f2daca;padding:7px 14px;border-radius:8px}
.benefits span::before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}
section.module{padding:54px 0;border-top-color:var(--border)}
.section-head{align-items:center;gap:20px;margin-bottom:34px}
.number{color:var(--bg);background:var(--accent);border:0;border-radius:13px;line-height:55px;min-width:55px;font-size:25px;font-weight:600}
.section-head h2{font-size:34px;letter-spacing:-.5px}.section-head p{font-size:22px;margin-top:9px}
.overview-mark{display:flex;align-items:center;justify-content:center;min-width:55px;height:55px;background:var(--surface);color:var(--accent);border-radius:13px}
.mini-icon{width:29px;height:29px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.flow{padding:30px 34px 36px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius)}
.flow-intro{padding:15px 18px;margin-bottom:26px;background:var(--bg);border:1px dashed #cbd1c7;border-radius:11px;font-size:21px}
.flow-node{border:1px solid #dce4df;border-radius:15px;box-shadow:var(--shadow);padding:23px 20px}
.node-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 auto 11px;background:var(--blue-soft);color:var(--blue);border-radius:13px}
.flow-node .tag{font-size:18px;margin-bottom:7px}.flow-node h3{font-size:28px}.flow-node p{font-size:20px}
.entry .flow-node{border-top:3px solid var(--blue)}
.center-flow .flow-node{border-left:4px solid var(--accent);position:relative;padding:21px 66px}
.center-flow .node-icon{position:absolute;left:22px;top:calc(50% - 23px);background:var(--surface);color:var(--accent);margin:0}
.center-flow .flow-node h3{font-size:28px}.center-flow .flow-node .tag{font-size:17px}
.connector{height:56px}.connector path{stroke-width:3.7}.choice{padding-top:20px;font-size:20px}
.endpoints .flow-node:first-child{border:1px solid #efcbb8;background:var(--surface)}
.endpoints .flow-node:last-child{border:1px solid #b8d3ca;background:var(--blue-soft)}
.endpoints .flow-node:first-child .node-icon{background:var(--bg);color:var(--accent)}
.endpoints .flow-node:last-child .node-icon{background:var(--bg)}
.rules{gap:28px}.rule{padding-left:24px;border-left:3px solid #f2cfbc}
.rule h3{font-size:27px}.rule p{font-size:23px;line-height:1.85}
.config{gap:46px}.config figure{padding:21px 17px 18px;background:var(--paper);border-radius:var(--radius);border:1px solid var(--border)}
.config img{border-radius:10px;border:0;box-shadow:var(--shadow)}.figure-note{font-size:18px}
.order-card{border-color:#cdddd6;border-top:4px solid var(--blue);padding:29px 28px 30px;background:var(--blue-soft);box-shadow:none}
.order-card:last-child{border-color:#efdbca;border-top:4px solid var(--accent);background:var(--surface)}
.order-card>.tag{display:inline-block;padding:3px 12px;margin-bottom:15px;background:var(--bg);border-radius:7px;font-size:18px}
.order-card:last-child>.tag{color:var(--accent)}
.order-card h3{font-size:27px}.order-card p{font-size:23px}
.device-stage{display:flex;align-items:center;justify-content:center;min-height:318px;background:var(--bg);border:1px solid var(--border);border-radius:16px;margin:24px 0}
.order-card .device{height:265px;max-width:100%;margin:18px auto}
.print-intro{margin-bottom:34px}.print-intro p{font-size:23px}.print-intro img{border-radius:12px;box-shadow:var(--shadow)}
.tickets{gap:30px 26px}.ticket{padding:22px 19px 25px;background:var(--paper);border:1px solid var(--border);border-radius:16px}
.ticket figcaption{gap:10px;align-items:flex-start;margin-bottom:24px}
.ticket h3{font-size:21px;white-space:normal}.ticket b{font-size:16px;line-height:30px;text-align:center;min-width:30px;border-radius:8px;background:var(--bg);border:1px solid var(--border)}
.ticket img{border:0;box-shadow:0 3px 9px rgba(40,55,43,.12);width:220px}
.notice{border-left:4px solid var(--accent);border-radius:0 14px 14px 0;margin-top:30px;font-size:21px;padding:23px 26px}
.route{border:1px solid #f0d7c5;padding:32px;background:var(--surface)}
.route.blue-route{border-color:#ccddd5;background:var(--blue-soft);margin-top:38px}
.route-title{padding-bottom:24px;border-bottom:1px solid #ecd9ca;margin-bottom:28px;gap:16px}
.route-title b{min-width:48px;height:48px;line-height:48px;text-align:center;font-size:25px;background:var(--accent);color:var(--bg);border-radius:13px}
.blue-route .route-title{border-color:#cedfd6}.blue-route .route-title b{background:var(--blue);color:var(--bg)}
.route-title h3{font-size:30px}.step strong{font-size:25px}.step span{font-size:21px;line-height:1.8}
.route-pics{border:1px solid #ede6df;border-radius:15px;padding:28px;gap:35px}
.state{gap:16px}.state>span{background:var(--bg);padding:7px 21px;border-radius:8px;border:1px solid #eeddd0;font-size:21px}.state>span:nth-of-type(2){color:var(--accent);font-weight:600}
.locker-detail{background:var(--bg);border:1px solid #dce7e0;padding:25px;border-radius:15px;gap:30px}
.vertical-state p{border:1px solid var(--border);border-radius:9px;padding:9px 18px;font-size:22px}
.vertical-state .ready{background:var(--blue-soft);border-color:#bdd8cd}.vertical-state .down{font-size:26px;line-height:1.5}
.route-note{font-size:21px}.summary{font-size:28px}footer{margin-top:22px;background:var(--paper);border-top:3px solid var(--accent);padding:28px;border-radius:0 0 16px 16px}.footnote{font-size:18px;margin-top:16px}
@media(max-width:700px){
 .hero{padding-bottom:28px}.brand span{font-size:11px;letter-spacing:0}.hero-copy{padding:25px 20px;margin-top:26px;border-left-width:3px;border-radius:0 16px 16px 0}
 .hero h1{font-size:31px;letter-spacing:-1px}.hero .lede{font-size:17px;line-height:1.85}.hero .benefits{gap:8px;margin-top:20px;font-size:13px}.benefits span{padding:5px 8px;gap:5px}
 section.module{padding:32px 0}.section-head{gap:12px;align-items:flex-start;margin-bottom:25px}.section-head h2{font-size:24px}.section-head p{font-size:16px}.number,.overview-mark{min-width:38px;height:38px;line-height:38px;border-radius:10px;font-size:18px}.overview-mark .mini-icon{width:23px;height:23px}
 .flow{padding:20px 13px 23px;border-radius:16px}.flow-intro{font-size:15px;padding:12px;margin-bottom:20px}.flow-node{padding:16px 7px;border-radius:11px}.node-icon{width:36px;height:36px;border-radius:10px;margin-bottom:9px}.node-icon .mini-icon{width:23px;height:23px}
 .flow-node .tag{font-size:13px}.flow-node h3{font-size:18px}.flow-node p{font-size:13px}.entry,.endpoints{gap:12px}
 .center-flow .flow-node{padding:16px 12px 16px 46px;border-left-width:3px}.center-flow .node-icon{left:9px;width:30px;height:30px;top:calc(50% - 15px)}.center-flow .node-icon .mini-icon{width:21px;height:21px}.center-flow .flow-node h3{font-size:20px}.center-flow .flow-node .tag{font-size:13px}
 .connector{height:44px}.choice{font-size:14px;padding-top:18px}.rule{padding-left:17px}.rule h3{font-size:22px}.rule p{font-size:18px}.config figure{padding:17px;max-width:300px}.figure-note{font-size:14px}
 .order-card{padding:23px;border-radius:16px}.order-card h3{font-size:23px}.order-card p{font-size:18px}.order-card>.tag{font-size:15px}.device-stage{min-height:285px;margin:20px 0}.order-card .device{height:245px}
 .print-intro{gap:15px}.print-intro p{font-size:17px}.print-intro img{width:86px}.tickets{gap:20px 12px}.ticket{padding:14px 9px 17px;border-radius:12px}.ticket figcaption{gap:6px;display:block;margin-bottom:14px}.ticket h3{font-size:14px;margin-top:8px}.ticket b{display:inline-block;font-size:13px;min-width:26px;line-height:26px}.ticket:nth-child(5){width:calc(50% - 6px)}.ticket img{width:100%}.notice{font-size:16px;padding:18px;margin-top:24px}
 .route,.route.blue-route{padding:23px 17px;border-radius:16px}.route-title{padding-bottom:19px;margin-bottom:23px;gap:12px}.route-title b{min-width:36px;height:36px;line-height:36px;font-size:20px;border-radius:9px}.route-title h3{font-size:21px}.step strong{font-size:21px}.step span{font-size:17px}.route-pics{padding:17px;gap:25px}.state{gap:8px}.state>span{padding:6px 9px;font-size:13px}.locker-detail{padding:15px;gap:15px}.vertical-state p{font-size:15px;padding:8px 5px}.vertical-state .down{font-size:20px}.route-note{font-size:16px}
 footer{padding:22px 17px}.summary{font-size:20px}.footnote{font-size:14px}
}