.technology-hero{position:relative;min-height:730px;height:88svh;max-height:960px;padding:170px 8% 100px;color:#f1ede5;background:linear-gradient(90deg,#171d22ed,#171d2266 60%,#171d2210),url(technology-glass.webp) center/cover}.technology-hero h1{font-size:25px;font-weight:400;margin-bottom:28px}.technology-lead{font:400 clamp(36px,3.7vw,56px)/1.6 Noto,serif;letter-spacing:-.045em;margin:0 0 22px}.technology-description{font-size:17px;line-height:1.9;color:#d2d5d6}.technology-caption{position:absolute;bottom:32px;font-size:10px;letter-spacing:3px;color:#c5c9cb}.technology-intro{padding:80px 8%;background:#edeae3}.technology-intro .eyebrow{color:#876a37}.technology-intro>div{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.technology-intro h2{font-size:34px}.technology-intro>div>p{font-size:17px;line-height:1.95;color:#55616b;word-break:keep-all}.system-showcase{padding:85px 8%;background:#f6f4ee}.showcase-top{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}.showcase-top .eyebrow{color:#876a37}.showcase-top h2{font-size:36px}.demo-note{font-size:12px;line-height:1.8;color:#616a73}.system-selector{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #b9ac92;margin:40px 0}.system-selector button{font:14px 'Pretendard Variable',sans-serif;color:#69717b;width:auto;height:auto;min-height:70px;padding:18px 12px;text-align:left;display:flex;gap:16px;border-bottom:3px solid transparent}.system-selector button[aria-pressed=true]{border-bottom-color:#a18145;color:#1f2e4c;font-weight:650}.system-description{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:28px}.system-description .eyebrow{font-size:9px;letter-spacing:2px;color:#876a37}.system-description h3{font-size:27px;margin:0}.system-description>p{font-size:15px;line-height:1.9;color:#55616b;word-break:keep-all}.product-frame{border:1px solid #c7c7c1;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 20px 55px #1f2e4c0d}.product-bar{padding:18px 26px;background:#1b2b42;color:#ece7dc;display:flex;justify-content:space-between;align-items:center}.product-mark{font:22px Shippori,serif}.product-mark b{font:400 12px 'Pretendard Variable',sans-serif;margin-left:18px;color:#d0d6df}.sample-badge{font-size:9px;letter-spacing:1px;color:#dfcb9f}#product-screen{padding:28px;min-height:400px;background:#f8fafb}.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.screen-heading h4{font-size:17px;margin:0}.screen-heading>span{font-size:10px;color:#697581}.screen-heading label{font-size:12px}.screen-heading select{font:13px 'Pretendard Variable',sans-serif;color:#1f2e4c;border:1px solid #abb3bd;background:white;padding:10px;margin-left:8px;min-height:44px;border-radius:4px}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.demo-metric{background:white;border:1px solid #e1e5e8;padding:18px 22px}.demo-metric>span{font-size:11px;color:#657380}.demo-metric strong{font:400 32px Shippori,serif;display:block;margin-top:8px}.demo-metric small{font:11px 'Pretendard Variable',sans-serif;margin-left:5px}.logistics-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.route-board,.truck-list{padding:20px;background:white;border:1px solid #e1e5e8}.route-label{font-size:11px;color:#657380}.route-origin{background:#20334c;color:#eee8dc;padding:13px;text-align:center;font-size:13px;width:55%;margin:16px auto 0;border-radius:4px}.route-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid #b39a69;margin-top:18px;padding-top:18px}.route-lines>div{text-align:center;border:1px solid #dedcd7;padding:12px 4px}.route-lines b{display:block;font:20px Shippori,serif;color:#93733b}.route-lines span{display:block;font-size:11px;margin:6px 0}.route-lines small{font-size:9px;color:#74808c}.truck-list>p{font-size:12px;margin:0 0 14px}.truck-list>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;font-size:11px}.truck-list b{text-align:right;font-weight:500}.truck-list i{grid-column:1/-1;height:7px;background:#e9edf0;border-radius:4px;overflow:hidden}.truck-list em{display:block;height:100%;background:#a48953}.product-foot{display:flex;justify-content:space-between;gap:20px;padding:15px 25px;border-top:1px solid #e1e5e8;align-items:center;font-size:11px}.product-foot small{font-size:10px;color:#66737f}.system-outcome{display:flex;gap:25px;align-items:center;margin-top:30px}.system-outcome>span{font-size:12px;color:#876a37;flex-shrink:0}.system-outcome p{font-size:15px;line-height:1.8;color:#55616b}.profit-bars{padding:22px;background:white;border:1px solid #e1e5e8}.profit-bars>p{display:flex;justify-content:space-between;font-size:13px;margin:0 0 22px}.profit-bars small{font-size:10px;color:#657380}.profit-track{display:flex;height:58px}.profit-track span{display:flex;align-items:center;justify-content:center;background:#314961;color:#fff;font-size:12px}.profit-track #margin-bar{background:#b99b61;color:#182a3b}.profit-key{display:flex;justify-content:space-between;font-size:10px;margin-top:14px;color:#627181}.screen-insight{font-size:12px;line-height:1.8;padding:20px 0 0;color:#657380}.factory-flow{display:flex;align-items:center;gap:15px}.factory-flow>div{flex:1;background:white;border:1px solid #dbe1e6;padding:18px;text-align:center}.factory-flow small{font-size:9px;letter-spacing:1px;color:#876a37;display:block}.factory-flow b{display:block;font-size:14px;margin:12px 0}.factory-flow span{font-size:10px;color:#657380}.factory-flow>i{font-style:normal;color:#a48953}.record-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.record-list>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.record-list b{font-size:10px;font-weight:500;color:#46675d}.record-list .pending{color:#886528}.technology-principles{padding:85px 8%;background:#283238;color:#f0ebe1}.technology-principles h2{font-size:36px}.technology-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:48px}.technology-principle-grid article{border-top:1px solid #b99b6199;padding-top:22px}.technology-principle-grid small{font-size:9px;letter-spacing:2px;color:#d0b77f}.technology-principle-grid h3{font-size:24px;margin:20px 0}.technology-principle-grid p{font-size:15px;line-height:1.9;color:#cbd2d6;word-break:keep-all}.bookkeeper{padding:72px 8%;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#e9e6df;align-items:center}.bookkeeper .eyebrow{color:#876a37;font-size:9px;letter-spacing:2px}.bookkeeper h2{font-size:36px}.bookkeeper-tagline{font:22px/1.7 Noto,serif;margin:20px 0 12px}.bookkeeper p:not(.eyebrow):not(.bookkeeper-tagline){font-size:14px;line-height:1.9;color:#596573}.bookkeeper-caption{display:block;font-size:9px;letter-spacing:2px;color:#876a37;margin-top:25px}.bookkeeper-preview{background:#faf9f5;border:1px solid #c9c2b4;border-radius:8px;padding:26px;max-width:410px;width:100%;justify-self:end;box-shadow:0 18px 40px #1f2e4c0b}.bookkeeper-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #ddd8cf}.bookkeeper-top strong{font:20px Noto,serif}.bookkeeper-top small{font-size:10px;color:#657380}.bookkeeper-preview>div:not(.bookkeeper-top){display:flex;justify-content:space-between;border-bottom:1px solid #e4e0d8;padding:12px 0;font-size:13px}.bookkeeper-preview b{font:20px Shippori,serif;color:#876a37}.bookkeeper-note{display:block;font-size:9px;color:#657380;line-height:1.8;margin-top:16px}
@media(max-width:700px){.technology-hero{padding:145px 28px 85px;min-height:660px;max-height:800px;background-position:58% center}.technology-hero h1{font-size:21px}.technology-lead{font-size:35px}.technology-description{font-size:15px}.technology-caption{font-size:8px;letter-spacing:2px}.technology-intro,.system-showcase,.technology-principles,.bookkeeper{padding:56px 24px}.technology-intro>div,.system-description,.bookkeeper{display:block}.technology-intro h2,.showcase-top h2,.technology-principles h2{font-size:28px}.technology-intro>div>p{font-size:15px;margin-top:24px}.showcase-top{display:block}.demo-note{margin-top:22px;font-size:11px}.system-selector{margin:28px 0}.system-selector button{font-size:10px;gap:8px;display:block;padding:14px 5px;min-height:70px}.system-selector button>span{display:block;margin-top:8px;font-size:12px}.system-description h3{font-size:24px}.system-description>p{font-size:14px;margin-top:20px}.product-bar{padding:14px}.product-mark{font-size:18px}.product-mark b{font-size:10px;margin-left:8px}.sample-badge{font-size:7px;letter-spacing:0}#product-screen{padding:16px;min-height:460px}.screen-heading{align-items:start}.screen-heading h4{font-size:14px}.screen-heading>span{font-size:8px}.demo-metrics{gap:7px}.demo-metric{padding:12px 9px}.demo-metric>span{font-size:9px}.demo-metric strong{font-size:23px}.demo-metric small{font-size:8px;margin-left:2px}.logistics-grid{grid-template-columns:1fr;gap:16px}.route-board,.truck-list{padding:14px}.route-lines{gap:7px}.product-foot{display:block;padding:14px;font-size:10px;line-height:1.8}.product-foot small{display:block;font-size:9px;margin-top:5px}.system-outcome{display:block;margin-top:24px}.system-outcome p{font-size:14px}.profit-bars{padding:15px}.profit-bars>p{display:block}.profit-bars small{display:block;margin-top:8px}.profit-key{font-size:8px;gap:8px}.screen-insight{font-size:11px}.factory-flow{flex-direction:column;gap:10px}.factory-flow>div{width:100%;padding:14px}.factory-flow>i{transform:rotate(90deg)}.factory-flow b{margin:7px 0}.record-list{grid-template-columns:1fr;gap:14px}.technology-principle-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.technology-principle-grid h3{font-size:23px}.technology-principle-grid p{font-size:14px}.bookkeeper h2{font-size:31px}.bookkeeper-tagline{font-size:20px}.bookkeeper-preview{margin-top:32px;padding:22px}}@media(max-width:350px){.technology-lead{font-size:31px}.system-selector button>span{font-size:11px}.product-mark b{font-size:9px}.demo-metric strong{font-size:21px}.demo-metric{padding:10px 6px}}
.simulator-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:28px;align-items:center}.simulator-layout figure{margin:0}.simulator-layout img{display:block;width:100%;height:auto;border:1px solid #26384e;border-radius:4px}.simulator-layout figcaption{font-size:10px;line-height:1.8;color:#657380;margin-top:12px}.simulator-copy .eyebrow{font-size:9px;color:#876a37;letter-spacing:2px}.simulator-copy h4{font:400 24px/1.7 Noto,serif;margin:0 0 18px}.simulator-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#52606c;word-break:keep-all}.simulator-copy ul{list-style:none;padding:0;margin:20px 0 0}.simulator-copy li{padding:10px 0;border-top:1px solid #dbe1e6;font-size:12px;color:#52606c}@media(max-width:900px){.simulator-layout{grid-template-columns:1fr}.simulator-copy h4{font-size:23px}}@media(max-width:700px){.simulator-layout{gap:22px}.simulator-layout figcaption{font-size:9px}.simulator-copy>p:not(.eyebrow){font-size:13px}}
.product-frame.is-visual .product-bar,.product-frame.is-visual .product-foot{display:none}.product-frame.is-visual{box-shadow:none;border:0;background:transparent}.product-frame.is-visual #product-screen{padding:0;background:transparent;min-height:0}.product-frame.is-visual .simulator-layout{gap:36px}
.bookkeeper-brand-title{line-height:1;margin:8px 0 18px}.bookkeeper-brand-lockup{display:block;width:320px;max-width:100%;height:auto}.bookkeeper-product-wordmark{display:block;width:115px;max-width:48%;height:auto}.bookkeeper-top{gap:16px}.bookkeeper-top small{flex-shrink:0}@media(max-width:700px){.bookkeeper-brand-lockup{width:280px}.bookkeeper-product-wordmark{width:105px}}