/* Public product website for G-PLUS, INC. */
:root{--ink:#17263b;--muted:#5b6b7d;--paper:#f6f7f9;--white:#fff;--navy:#14253d;--navy-soft:#203852;--orange:#ef792f;--orange-light:#fff1e6;--green:#18755b;--line:#dee4eb;--radius:18px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.7 Inter,"Microsoft YaHei","PingFang SC",Arial,sans-serif}html[lang=en] [data-lang=zh],html[lang=zh-CN] [data-lang=en]{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(2.35rem,4.5vw,4.4rem);font-weight:750}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.18rem}p+p{margin-top:16px}button:disabled{cursor:default}small{font-size:.82rem}ul,ol{padding-left:22px}li+li{margin-top:9px}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding-block:88px}.surface{background:var(--paper)}.eyebrow{color:#ad4a12;font-size:.76rem;letter-spacing:.13em;font-weight:750;text-transform:uppercase;display:block;margin-bottom:18px}.lead{font-size:1.08rem;color:var(--muted);line-height:1.85}.intro{max-width:740px;margin-bottom:38px}.intro .lead{margin-top:20px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-top h2{max-width:720px}.text-link{display:inline-flex;align-items:center;gap:10px;color:#ad4a12;font-weight:650}.text-link::after{content:"↗"}.text-link:hover{text-decoration:underline}.buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 21px;min-height:50px;border:1px solid transparent;border-radius:9px;font-weight:650;font-size:.9rem;text-align:center;line-height:1.4;background:var(--orange);color:#17263b;transition:background .18s,transform .18s}.btn:hover{background:#ff924e;transform:translateY(-1px)}.btn.secondary{background:var(--white);border-color:var(--line);color:var(--ink)}.btn.secondary:hover{background:#f2f5f8}.btn.dark{background:var(--navy);color:var(--white)}.btn.dark:hover{background:var(--navy-soft)}.skip-link{position:fixed;top:-90px;left:20px;background:white;color:var(--ink);padding:12px;z-index:200}.skip-link:focus{top:12px}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.wordmark{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--orange);color:var(--navy);font-weight:800;font-size:1.2rem;letter-spacing:-.08em}.brand-name{font-size:1.03rem;font-weight:750;letter-spacing:.015em;line-height:1.4}.brand-owner{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.1em;margin-top:3px}.nav{display:flex;align-items:center;gap:23px;font-size:.8rem;font-weight:650}.nav>a{position:relative;white-space:nowrap;padding:29px 0}.nav>a:hover,.nav>a[aria-current=page]{color:#b34b10}.nav>a[aria-current=page]::after{content:"";height:3px;position:absolute;bottom:18px;left:0;right:0;background:var(--orange);border-radius:2px}.lang-button{font-size:.75rem;line-height:1;border:1px solid var(--line);background:white;border-radius:7px;padding:10px 9px;color:var(--ink)}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--ink)}.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero::after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(239,121,47,.09),transparent 68%);right:-150px;top:-150px;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center;padding-block:83px 74px}.hero .eyebrow{color:#ffb58a}.hero h1{max-width:650px}.hero .lead{color:#c3d0de;font-size:1rem;margin-top:25px}.hero .btn.secondary{background:transparent;border-color:#637389;color:white}.hero .btn.secondary:hover{background:var(--navy-soft)}.hero-note{font-size:.76rem;color:#c3d0de;margin-top:23px;line-height:1.8}.hero-note strong{color:white;font-weight:550}.hero-foot{border-top:1px solid #34455c;padding:20px 0;position:relative;z-index:1}.hero-tags{display:flex;justify-content:space-between;gap:20px;color:#d8e1eb;font-size:.8rem}.hero-tags>span::before{content:"✓";color:#ffb58a;margin-right:10px}.product-view{background:#f6f8fb;border-radius:16px;color:var(--ink);border:1px solid #4c5c70;box-shadow:0 24px 55px #0003;overflow:hidden;transform:rotate(1deg)}.view-head{padding:15px 21px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700}.view-head .dots{color:#a5b3c4;letter-spacing:3px}.view-body{padding:21px}.sample-label{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.05em;margin-bottom:16px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:9px;padding:14px 11px}.metric strong{display:block;font-size:1.55rem;line-height:1.2;letter-spacing:-.05em}.metric small{font-size:.61rem;color:var(--muted);display:block;margin-top:7px;line-height:1.4}.chart{display:flex;gap:10px;align-items:end;height:105px;padding:12px 6px 0;border-bottom:1px solid var(--line);margin-bottom:10px}.chart span{flex:1;min-height:10px;height:var(--height);background:#bac9d9;border-radius:4px 4px 0 0}.chart span:nth-last-child(-n+3){background:var(--orange)}.chart-caption{display:flex;justify-content:space-between;font-size:.62rem;color:var(--muted);margin-bottom:19px}.mini-row{display:grid;grid-template-columns:1fr auto auto;gap:17px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.69rem;align-items:center}.mini-row:last-child{border:0}.pill{display:inline-flex;padding:3px 8px;border-radius:5px;background:#e2f2eb;color:var(--green);font-size:.66rem;font-weight:600;line-height:1.5}.pill.warn{background:var(--orange-light);color:#a5410b}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:26px}.feature{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:white}.feature .number{font-size:.75rem;color:#ad4a12;font-weight:700;display:block;margin-bottom:27px}.feature h3{margin-bottom:14px}.feature p{color:var(--muted);font-size:.9rem;line-height:1.85}.feature .text-link{margin-top:22px;font-size:.8rem}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.split .lead{margin-top:22px}.steps{display:grid;gap:0}.step{position:relative;padding:0 0 28px 53px}.step:not(:last-child)::before{content:"";width:1px;position:absolute;top:35px;bottom:0;left:17px;background:var(--line)}.step-no{position:absolute;left:0;top:-1px;display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;font-size:.7rem;font-weight:700;background:var(--paper)}.step p{font-size:.9rem;color:var(--muted);margin-top:10px}.data-note{background:var(--orange-light);border-left:3px solid var(--orange);border-radius:0 10px 10px 0;padding:22px 25px;font-size:.88rem;color:#713f24;margin-top:26px}.data-note p+p{margin-top:10px}.page-heading{padding:65px 0 58px;border-bottom:1px solid var(--line);background:linear-gradient(130deg,#f8f9fb,#fff7f0)}.page-heading h1{font-size:clamp(2.25rem,4vw,3.65rem);max-width:1000px}.page-heading .lead{max-width:800px;margin-top:23px}.breadcrumb{display:block;color:var(--muted);font-size:.75rem;margin-bottom:25px}.detail-block{display:grid;grid-template-columns:65px 1fr 1fr;gap:26px;padding:40px 0;border-bottom:1px solid var(--line)}.detail-block:first-child{padding-top:0}.detail-block:last-child{border:0;padding-bottom:0}.detail-no{font-size:1.35rem;color:#bb571d;font-weight:650}.detail-block h2{font-size:1.55rem;margin-bottom:15px}.detail-block p,.detail-block li{color:var(--muted);font-size:.93rem}.detail-block ul{margin:0}.detail-block .small-label{display:block;font-size:.72rem;font-weight:650;color:#ad4a12;margin-bottom:13px;letter-spacing:.04em}.cta-band{padding:49px 0;background:var(--navy);color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-inner h2{font-size:clamp(1.55rem,2.8vw,2.2rem)}.cta-inner p{color:#c3d0de;font-size:.9rem;margin-top:14px;max-width:760px}.cta-inner .btn{flex-shrink:0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;padding:16px 19px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.72rem;background:var(--paper);font-weight:650;color:var(--muted)}tr:last-child td{border-bottom:0}td .pill{white-space:nowrap}.table-note{font-size:.77rem;color:var(--muted);margin-top:14px}.formula{background:var(--navy);color:#f2c8ac;padding:20px;border-radius:10px;font-size:.85rem;line-height:1.9;margin-top:20px}.planner{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white}.planner-inputs{padding:34px}.planner-result{padding:34px;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center}.planner-result .eyebrow{color:#ffb58a}.planner-result strong{display:block;font-size:4.8rem;line-height:1;letter-spacing:-.07em;margin:12px 0 25px}.planner-result p{color:#c3d0de;font-size:.88rem}.result-line{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #435268;padding-top:15px;margin-top:15px;font-size:.85rem}.result-line output{font-weight:650}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:.78rem;font-weight:600}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #cbd5e1;padding:11px 12px;border-radius:7px;background:#fff;color:var(--ink);font-size:.9rem;line-height:1.4}.field textarea{resize:vertical}.field small{font-weight:400;color:var(--muted);font-size:.7rem}.planner-help{font-size:.75rem;color:var(--muted);margin-top:21px}.planner-error{color:#ae2c21;font-size:.8rem;min-height:25px;margin-top:16px}.price-card{padding:38px;border:1px solid var(--line);border-radius:var(--radius);background:white}.price-card.featured{border:2px solid var(--orange)}.price-label{font-size:.75rem;color:#ad4a12;font-weight:650;margin-bottom:18px}.price-title{font-size:1.95rem;font-weight:700;letter-spacing:-.04em;line-height:1.3;margin:21px 0}.price-card p,.price-card li{font-size:.9rem;color:var(--muted)}.price-card h2{font-size:1.4rem}.price-card ul{margin-block:24px}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;font-size:1rem;font-weight:600;padding-right:20px}.faq details p{font-size:.93rem;color:var(--muted);margin-top:16px}.company-details{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:29px}.company-item{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.company-item dt{color:var(--muted);font-size:.72rem;margin-bottom:5px}.company-item dd{margin:0;font-size:.91rem;font-weight:550}.company-photo{border-radius:var(--radius);overflow:hidden;aspect-ratio:1.2;object-fit:cover;width:100%}.company-logo{width:200px;max-height:70px;object-fit:contain;margin-bottom:24px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.contact-links{display:grid;gap:17px;margin-top:25px}.contact-links a{display:block;font-weight:550;overflow-wrap:anywhere}.contact-links small{display:block;color:var(--muted);font-weight:400}.contact-form{background:var(--paper);padding:32px;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:19px}.contact-form .buttons{margin-top:0}.form-status{font-size:.8rem;color:var(--muted);min-height:24px;overflow-wrap:anywhere}.draft-output{width:100%;min-height:170px;border:1px solid var(--line);padding:14px;border-radius:7px;font:13px/1.7 Inter,"Microsoft YaHei",sans-serif;background:white}.legal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px}.legal-nav{position:sticky;top:120px;align-self:start;display:grid;gap:14px;font-size:.82rem;color:var(--muted)}.legal-nav a:hover{color:#ad4a12}.legal-copy{font-size:.94rem;line-height:1.9;max-width:840px}.legal-copy h2{font-size:1.3rem;margin:36px 0 16px;letter-spacing:-.015em;scroll-margin-top:120px}.legal-copy h2:first-child{margin-top:0}.legal-copy p,.legal-copy li{color:#435166}.legal-copy a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-copy strong{color:var(--ink)}.legal-copy .table-wrap{margin-top:22px}.legal-copy table{font-size:.78rem}.legal-copy th,.legal-copy td{padding:12px}.footer{background:#f0f3f6;padding:54px 0 22px;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.1fr .75fr 1fr;gap:60px}.footer-brand{max-width:380px}.footer-brand p{font-size:.8rem;color:var(--muted);margin-top:17px;line-height:1.9}.footer-heading{font-weight:700;font-size:.78rem;margin-bottom:16px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:11px 18px;font-size:.77rem;color:var(--muted)}.footer-contact{font-size:.77rem;color:var(--muted);display:grid;gap:10px;overflow-wrap:anywhere}.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:38px;padding-top:22px;border-top:1px solid #d5dce5;font-size:.65rem;color:var(--muted)}.footer-bottom p{max-width:690px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1450px){.hero-grid{padding-block:100px 90px}}
@media(max-width:1120px){.nav{gap:14px;font-size:.74rem}.wrap{width:calc(100% - 48px)}.header-inner{gap:18px}.brand-name{font-size:.95rem}.hero-grid{gap:35px}.split{gap:45px}.contact-grid{gap:40px}}
@media(max-width:950px){.header-inner{min-height:76px}.menu-button{display:inline-flex}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:22px 24px;flex-wrap:wrap;justify-content:center;gap:8px 22px;box-shadow:0 18px 25px #17263b0d}.nav.is-open{display:flex}.nav>a{padding:12px 0;font-size:.88rem}.nav>a[aria-current=page]::after{bottom:5px}.hero-grid{grid-template-columns:1fr 1fr;gap:30px;padding-block:60px}.hero h1{font-size:2.8rem}.hero-tags{flex-wrap:wrap;justify-content:flex-start;gap:12px 28px}.grid-3{grid-template-columns:1fr 1fr}.section{padding-block:66px}.detail-block{grid-template-columns:40px 1fr;gap:20px}.detail-block>div:last-child{grid-column:2}.footer-top{gap:30px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:620px}.legal-layout{grid-template-columns:170px 1fr;gap:35px}.split{gap:35px}.planner-inputs,.planner-result{padding:25px}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.hero-grid{grid-template-columns:1fr;gap:39px;padding-block:47px}.hero h1{font-size:clamp(2.25rem,8.5vw,3.5rem);max-width:600px}.hero .lead{font-size:.95rem}.product-view{transform:none;max-width:550px;width:100%}.hero-foot{padding-block:18px}.hero-tags{font-size:.73rem;gap:10px 19px}.hero-tags span{max-width:100%}.section{padding-block:55px}.grid-3,.grid-2,.split,.contact-grid,.planner{grid-template-columns:1fr}.grid-3,.grid-2{gap:16px}.split{gap:35px}.feature{padding:26px}.section-top{align-items:start;flex-direction:column;gap:20px}.intro{margin-bottom:30px}.page-heading{padding-block:42px}.page-heading h1{font-size:2.25rem}.page-heading .lead{font-size:1rem}.detail-block{grid-template-columns:32px 1fr;padding-block:30px;gap:15px}.detail-block h2{font-size:1.35rem}.cta-inner{flex-direction:column;align-items:start;gap:22px}.cta-band{padding-block:36px}.legal-layout{grid-template-columns:1fr;gap:32px}.legal-nav{position:static;display:flex;flex-wrap:wrap;gap:10px 20px;padding-bottom:23px;border-bottom:1px solid var(--line)}.legal-copy{font-size:.9rem}.company-details{grid-template-columns:1fr}.company-photo{max-height:350px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-brand{grid-column:auto}.footer-links{max-width:400px}.footer-bottom{flex-direction:column;gap:15px}.price-card{padding:29px}.contact-form{padding:23px}.planner-result strong{font-size:4rem}.planner-inputs,.planner-result{padding:26px}.metric strong{font-size:1.45rem}.table-wrap table{min-width:610px}.legal-copy .table-wrap table{min-width:540px}}
@media(max-width:390px){.wrap{width:calc(100% - 28px)}.brand-name{font-size:.86rem}.wordmark{gap:8px}.brand-mark{width:36px;height:36px;font-size:1rem;border-radius:9px}.brand-owner{font-size:.58rem}.menu-button{padding:8px}.hero h1{font-size:2.1rem}.field-grid{gap:14px}.view-body{padding:16px}.metric{padding:12px 8px}.metric strong{font-size:1.3rem}.metric small{font-size:.58rem}.mini-row{gap:10px;font-size:.64rem}.buttons .btn{width:100%}.footer .wordmark{max-width:100%}}
@media(min-width:1241px){.nav{column-gap:clamp(12px,1.25vw,20px)}}
@media(min-width:951px) and (max-width:1240px){
  .header-inner{min-height:76px}
  .menu-button{display:inline-flex}
  .nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:22px 24px;flex-wrap:wrap;justify-content:center;gap:8px 22px;box-shadow:0 18px 25px #17263b0d}
  .nav.is-open{display:flex}
  .nav>a{padding:12px 0;font-size:.88rem}
  .nav>a[aria-current=page]::after{bottom:5px}
}
.nav>a.erp-login{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #ef792f;background:var(--orange-light);border-radius:7px;color:var(--ink);font-size:.75rem;line-height:1.4}
.nav>a.erp-login:hover{background:#ffe0c9}
.nav>a.erp-login::after{display:none}
@media(min-width:1241px){html[lang=en] .nav{gap:14px}}
.hero-note a{text-decoration:underline;text-underline-offset:3px;color:#fff}
.faq-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:64px;align-items:start}
.faq-sidebar{position:sticky;top:112px}
.faq-topic-links{display:grid;gap:12px;font-size:.84rem}
.faq-topic-links a{color:var(--muted);padding-block:4px}
.faq-topic-links a:hover{color:#ad4a12}
.faq-related{display:grid;gap:12px;padding-top:26px;margin-top:24px;border-top:1px solid var(--line);font-size:.8rem}
.faq-related h3{font-size:.85rem;margin-bottom:4px}
.faq-related .text-link{justify-content:space-between}
.faq-group+.faq-group{margin-top:52px}
.faq-group>h2{font-size:1.65rem;margin-bottom:12px;scroll-margin-top:110px}
.faq-answer p{font-size:.92rem}
.faq-answer a{color:#a94b15;text-decoration:underline;text-underline-offset:3px}
.faq details{scroll-margin-top:110px}
.faq summary{line-height:1.65}
@media(max-width:800px){.faq-layout{grid-template-columns:1fr;gap:34px}.faq-sidebar{position:static}.faq-topic-links{display:flex;flex-wrap:wrap;gap:8px 18px}.faq-topic-links h2{width:100%;margin-bottom:4px}.faq-topic-links a{padding:5px 0}.faq-related{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:18px;margin-top:16px}.faq-related h3{width:100%}.faq-related .text-link{gap:8px}.faq-group>h2{font-size:1.45rem}.faq-group+.faq-group{margin-top:40px}}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}
.module-card{display:flex;flex-direction:column;padding:27px;border:1px solid var(--line);border-radius:var(--radius);background:white;scroll-margin-top:110px}
.module-card .eyebrow{font-size:.64rem;letter-spacing:.1em;margin-bottom:16px}
.module-card h3{font-size:1.2rem;margin-bottom:16px}
.module-card>p{font-size:.87rem;color:var(--muted);line-height:1.9}
.module-data{border-top:1px solid var(--line);padding-top:17px;margin-top:22px;font-size:.75rem;color:var(--muted)}
.module-data strong{display:block;color:var(--ink);font-size:.7rem;margin-bottom:7px}
.module-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
@media(max-width:950px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.module-grid,.module-highlights{grid-template-columns:1fr}.module-card{padding:24px}}
.preview-carousel{position:relative}
.preview-slide{position:absolute;inset:0;background:#f6f8fb;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 260ms ease,visibility 260ms ease}
.preview-slide[data-preview-index="0"]{position:relative;inset:auto}
.preview-slide[data-active="true"]{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.preview-slide:not([data-preview-index="0"]){display:flex;flex-direction:column}
.preview-slide:not([data-preview-index="0"]) .view-head{flex-shrink:0}
.preview-slide:not([data-preview-index="0"]) .view-body{display:flex;flex-direction:column;flex:1;min-height:0}
.preview-slide:not([data-preview-index="0"]) .metric-row{flex-shrink:0}
.preview-carousel.is-ready .view-head .dots{visibility:hidden}
.preview-controls{position:absolute;z-index:3;right:12px;top:12px;display:flex;gap:1px;align-items:center}
.preview-controls button{display:grid;place-items:center;width:24px;height:27px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--ink)}
.preview-controls button:hover{background:#edf1f6}
.preview-controls button:focus-visible{outline-offset:1px;outline-width:2px}
.preview-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:#a2b2c6;transition:background 160ms ease}
.preview-dot[aria-current="true"]::before{background:var(--orange)}
.preview-toggle-icon::before{content:"Ⅱ";font-size:13px;font-weight:800;line-height:1}
.preview-carousel[data-preview-state="paused"] .preview-toggle-icon::before{content:"▶";font-size:9px}
.preview-carousel[data-preview-state="playing"] .preview-play-label,.preview-carousel[data-preview-state="paused"] .preview-pause-label{display:none}
.preview-flow{flex-shrink:0;height:105px;padding:12px 6px 0;border-bottom:1px solid var(--line);margin-bottom:10px}
.preview-store-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center}
.preview-store-nodes>div{border:1px solid var(--line);border-radius:7px;background:white;padding:5px}
.preview-store-nodes strong{font-size:.8rem;line-height:1.2}
.preview-store-nodes small{display:block;color:var(--muted);font-size:.55rem;line-height:1.4;margin-top:2px}
.preview-connection-line{height:11px;width:66%;margin:0 auto;border-inline:1px solid #bac9d9;border-bottom:1px solid #bac9d9}
.preview-account-bar{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.59rem;color:var(--muted);height:27px}
.preview-account-mark{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:var(--orange);color:var(--navy);font-size:.6rem;font-weight:800}
.preview-order-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center}
.preview-order-step{position:relative;display:flex;align-items:center;flex-direction:column;padding-top:2px}
.preview-order-step:not(:last-child)::after{position:absolute;content:"→";right:-9px;top:10px;color:#8b9cb0;font-size:1rem}
.preview-order-step>span{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#e4ebf3;font-size:.63rem;font-weight:700;color:#425a76}
.preview-order-step:last-child>span{background:var(--orange-light);color:#a5410b}
.preview-order-step strong{font-size:.65rem;margin-top:5px;line-height:1.3}
.preview-order-step small{font-size:.55rem;color:var(--muted);line-height:1.4;margin-top:3px}
.preview-rows{margin-top:auto}
@media(max-width:390px){.preview-carousel .view-head>span:first-child{font-size:.64rem;line-height:1.275rem}.preview-store-nodes{gap:8px}}
@media print{.preview-controls{display:none}.preview-slide[data-preview-index="0"]{opacity:1;visibility:visible}.preview-slide:not([data-preview-index="0"]){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.topbar,.footer,.buttons,.legal-nav{display:none}body{font-size:11pt}.section{padding-block:20px}.wrap{width:100%}.hero{background:white;color:black}.hero .lead{color:black}.product-view{box-shadow:none}.legal-layout{display:block}.table-wrap{overflow:visible}}