:root{--ink:#171a1e;--ink-soft:#58616b;--brand-primary:#0879a8;--brand-hover:#06688f;--brand-soft:#e9f5fa;--brand-border:#b8dae8;--brand-on-primary:#fff;--canvas:#f6f7f8;--surface:#fff;--soft:#eff1f3;--border:#cfd4da;--warning:#fff3cd;--warning-ink:#6a4100;--success:#0f5132;--focus:var(--brand-primary);--danger:#b42318;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius:0px;color-scheme:light;font-family:"Space Grotesk",Arial,sans-serif;font-synthesis:none}:root[data-brand="aulumu"]{--brand-primary:#34383e;--brand-hover:#202328;--brand-soft:#eceef0;--brand-border:#c9cdd1}:root[data-brand="puloka"]{--brand-primary:#a94757;--brand-hover:#8c3846;--brand-soft:#faeef0;--brand-border:#e5c6cb}:root[data-brand="lenyes"]{--brand-primary:#16181b;--brand-hover:#292d32;--brand-soft:#f0f1f2;--brand-border:#ced1d4}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.icon{display:block;flex:0 0 auto}.app-shell{width:min(100%,720px);min-height:100dvh;margin:auto;background:var(--canvas);padding-bottom:82px}.header{height:64px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-xs);padding:0 var(--space-md);border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:3}.brand{border:0;background:none;color:var(--brand-primary);font:700 21px/1 Georgia,serif;text-align:left;padding:8px 0}.shop-switch{border:1px solid var(--border);background:var(--surface);color:var(--ink);min-height:36px;padding:0 8px;display:flex;align-items:center;gap:4px;font:600 10px/1 "IBM Plex Mono",monospace;white-space:nowrap}.icon-button{height:42px;width:42px;border:0;background:transparent;display:grid;place-items:center;position:relative;color:var(--ink)}.counter{position:absolute;right:0;top:0;background:var(--brand-primary);color:var(--brand-on-primary);font:700 9px/16px "IBM Plex Mono",monospace;width:16px;height:16px}.page{padding:var(--space-lg) var(--space-md)}.hero-block{background:var(--brand-soft);border-left:4px solid var(--brand-primary);padding:var(--space-lg);min-height:246px;display:flex;flex-direction:column;justify-content:space-between;margin:0 calc(var(--space-md) * -1) var(--space-lg)}.mono{font:600 10px/1.2 "IBM Plex Mono",monospace;letter-spacing:.07em;text-transform:uppercase}.hero-block .mono{color:var(--brand-primary)}.hero-block h1,.page-top h1,.product-detail h1,.success-page h1{font-size:clamp(37px,12vw,58px);line-height:.94;letter-spacing:-.05em;margin:0;max-width:10ch}.hero-block p:not(.mono){font-size:14px;line-height:1.4;max-width:31ch;margin:0}.search-box{height:50px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface);padding:0 var(--space-sm);margin-bottom:var(--space-lg)}.search-box input{border:0;outline:0;min-width:0;width:100%;font-size:14px;background:transparent;color:var(--ink)}.search-box input::placeholder{color:#68746a}.section{margin-top:var(--space-xl)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}h2{margin:0;font-size:20px;letter-spacing:-.03em}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--ink);font-size:12px;padding:6px 0}.category-row{border:0;border-top:1px solid var(--border);background:transparent;padding:var(--space-md) 0;width:100%;display:grid;grid-template-columns:48px 1fr 24px;text-align:left;align-items:center;gap:var(--space-sm);color:var(--ink)}.category-row:last-child{border-bottom:1px solid var(--border)}.category-icon,.cart-art,.listing-art{width:48px;height:48px;background:var(--soft);display:grid;place-items:center}.category-row strong,.cart-copy strong{display:block;font-size:14px}.category-row small,.product-card small,.listing-row small,.cart-copy small{display:block;color:var(--ink-soft);font-size:11px;margin-top:3px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.product-card{background:var(--surface);border:1px solid var(--border);min-width:0}.product-image{height:150px;border:0;border-bottom:1px solid var(--border);background:var(--soft);width:100%;display:grid;place-items:center;color:var(--ink)}.product-card-copy{padding:10px}.product-card-copy .mono{font-size:9px;color:var(--ink-soft)}.product-name{display:block;border:0;background:transparent;color:var(--ink);font:600 13px/1.2 "Space Grotesk",Arial,sans-serif;text-align:left;padding:5px 0;min-height:41px}.product-card strong{display:block;font-size:15px;margin-top:10px}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,720px);height:70px;border-top:1px solid var(--border);background:var(--surface);display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;color:var(--ink-soft);display:flex;gap:3px;align-items:center;justify-content:center;flex-direction:column;font-size:10px}.bottom-nav button.active{color:var(--brand-primary);font-weight:700}.page-top{margin-bottom:var(--space-lg)}.page-top h1{font-size:34px;margin:6px 0 8px}.page-top p{font-size:13px;line-height:1.45;color:var(--ink-soft);margin:0}.back-button{border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:5px;font-size:12px;padding:4px 0;margin-bottom:var(--space-lg)}.filter-row{display:flex;overflow-x:auto;gap:var(--space-xs);margin:0 calc(var(--space-md) * -1) var(--space-md);padding:0 var(--space-md) var(--space-xs)}.filter-chip{white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:11px;padding:9px}.filter-chip.selected{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--surface)}.listing{border-top:1px solid var(--border)}.listing-row{display:grid;grid-template-columns:48px 1fr auto;gap:var(--space-sm);align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border)}.listing-art{border:0;color:var(--ink)}.listing-row .mono{font-size:9px;color:var(--ink-soft)}.listing-row>strong{font-size:13px;text-align:right;white-space:nowrap}.empty-state{padding:var(--space-xl) var(--space-md);text-align:center;border:1px solid var(--border);background:var(--surface);margin-top:var(--space-md)}.empty-icon{width:52px;height:52px;background:var(--soft);display:grid;place-items:center;margin:0 auto var(--space-md)}.empty-state p{color:var(--ink-soft);font-size:13px;line-height:1.45}.secondary-button,.primary-button{width:100%;min-height:50px;transition:background-color .15s ease}.primary-button:hover,.sticky-button:hover{background:var(--brand-hover)}.primary-button:active,.sticky-button:active{transform:translateY(1px)}.primary-button{border:0;background:var(--brand-primary);color:var(--brand-on-primary);display:flex;align-items:center;justify-content:center;gap:9px;font:600 12px/1 "Space Grotesk",Arial,sans-serif}.primary-button{background:var(--brand-primary);color:var(--brand-on-primary)}.primary-button:hover{background:#273029}.secondary-button{background:var(--surface);color:var(--ink);border:1px solid var(--ink)}.product-page{padding-bottom:100px}.product-hero-art{height:270px;background:repeating-linear-gradient(45deg,#d5dcd6 0 9px,#c5d0c6 9px 18px);display:grid;place-items:center;border:1px solid var(--border)}.product-detail{padding-top:var(--space-lg)}.product-detail h1{font-size:31px;max-width:13ch;margin:8px 0 12px}.detail-price{font-size:24px}.price-caption{font:600 10px/1.2 "IBM Plex Mono",monospace;color:var(--ink-soft);text-transform:uppercase;margin:5px 0}.warning-callout{background:var(--warning);color:var(--warning-ink);padding:var(--space-sm);margin:var(--space-lg) 0;font-size:12px;line-height:1.4}.warning-callout strong{display:block;margin-bottom:3px}.product-detail fieldset{border:0;padding:0;margin:0}.product-detail legend,.form-stack label>span,.label{font:600 10px/1.2 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.07em}.variant-row{display:flex;gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap}.variant-button{border:1px solid var(--border);background:var(--surface);color:var(--ink);min-height:42px;padding:0 var(--space-sm);font-size:12px}.variant-button.selected{border:2px solid var(--brand-primary);font-weight:700}.quantity-control{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:var(--space-lg);padding:var(--space-sm) 0;display:flex;align-items:center;justify-content:space-between;font-size:13px}.quantity-control>div,.inline-quantity{display:flex;align-items:center;gap:8px}.quantity-control button,.inline-quantity button{height:36px;width:36px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center}.shop-switch{border-color:var(--brand-border)}.sticky-button{position:fixed;z-index:4;left:50%;bottom:84px;transform:translateX(-50%);width:min(calc(100% - 32px),688px);height:52px;border:0;background:var(--brand-primary);color:var(--brand-on-primary);font-weight:700;font-size:12px}.cart-lines{border-top:1px solid var(--border)}.cart-line{display:grid;grid-template-columns:48px 1fr auto;gap:var(--space-sm);padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.cart-copy .mono{font-size:9px;color:var(--ink-soft)}.cart-line>strong{font-size:13px;text-align:right;white-space:nowrap}.inline-quantity{margin-top:var(--space-xs)}.inline-quantity button{height:27px;width:27px}.inline-quantity span{min-width:18px;text-align:center;font:600 11px "IBM Plex Mono",monospace}.summary-box,.review-card,.status-box,.reference-box,.account-detail{background:var(--soft);padding:var(--space-md);margin-top:var(--space-lg)}.summary-box>div,.review-card>div{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);font-size:12px;padding:4px 0}.summary-box hr,.review-card hr{border:0;border-top:1px solid var(--border);margin:var(--space-sm) 0}.summary-total{font-size:15px!important;font-weight:700}.summary-note{font-size:12px;line-height:1.4;color:var(--ink-soft);margin:var(--space-md) 0}.form-stack{display:grid;gap:var(--space-md)}.form-stack label{display:grid;gap:var(--space-xs)}.form-stack em{font-style:normal;color:var(--ink-soft);text-transform:none;letter-spacing:0}.form-stack select,.form-stack textarea{width:100%;border:1px solid var(--border);border-radius:0;background:var(--surface);padding:12px;color:var(--ink);font-size:13px}.form-stack select{height:50px}.form-stack textarea{resize:vertical}.review-card>div>span{color:var(--ink-soft)}.review-card>div>strong{text-align:right;font-size:12px;max-width:62%}.success-page{padding-top:var(--space-xl)}.success-mark{height:64px;width:64px;background:var(--success);color:var(--surface);display:grid;place-items:center;margin-bottom:var(--space-lg)}.success-page h1{font-size:43px;margin:8px 0}.success-page>p{max-width:40ch;font-size:14px;line-height:1.5;color:var(--ink-soft)}.reference-box{background:var(--surface);border:1px solid var(--border)}.reference-box span,.status-box span,.account-detail span{display:block;font:600 10px "IBM Plex Mono",monospace;letter-spacing:.07em;color:var(--ink-soft);margin-bottom:5px}.reference-box strong{font:700 19px "IBM Plex Mono",monospace}.status-box{background:var(--warning);color:var(--warning-ink)}.status-box span{color:var(--warning-ink)}.account-detail strong{font-size:13px;line-height:1.4}.request-history{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-md) 0;display:flex;align-items:center;justify-content:space-between}.request-history strong,.request-history small{display:block;margin-top:4px}.request-history small{font-size:11px;color:var(--warning-ink)}.modal-layer{position:fixed;inset:0;z-index:10;background:#11141299;display:flex;align-items:flex-end}.modal{background:var(--surface);width:100%;padding:var(--space-xl) var(--space-md) calc(var(--space-xl) + env(safe-area-inset-bottom));position:relative}.modal h2{font-size:28px;margin:8px 0}.modal p{font-size:13px;color:var(--ink-soft);line-height:1.45;margin:0 0 var(--space-lg)}.modal-close{position:absolute;right:var(--space-md);top:var(--space-md);border:0;background:none;padding:8px}.shop-options{border-top:1px solid var(--border)}.shop-option{width:100%;padding:var(--space-md) 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:space-between;text-align:left}.shop-option strong,.shop-option small{display:block}.shop-option small{font-size:11px;color:var(--ink-soft);margin-top:3px}.shop-option.selected{font-weight:700;color:var(--brand-primary)}.modal-actions{display:grid;gap:var(--space-sm)}.login-page{width:min(100%,520px);min-height:100dvh;margin:auto;background:var(--ink);color:var(--surface);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column}.login-mark{font:700 23px Georgia,serif}.login-copy{margin-top:auto}.login-copy h1{font-size:45px;line-height:.94;letter-spacing:-.05em;margin:0}.login-copy p{font-size:14px;line-height:1.5;color:#d4dbd3;margin:var(--space-lg) 0}.login-points{display:grid;gap:var(--space-sm);font-size:12px;color:#d4dbd3;margin:var(--space-lg) 0}.login-points div{display:flex;align-items:center;gap:var(--space-xs)}.login-page .primary-button{background:var(--brand-primary);color:var(--brand-on-primary)}.login-note{font-size:10px;line-height:1.45;color:#aab5ac;margin:var(--space-md) 0 0}@media(min-width:600px){.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border)}.page{padding:32px 28px}.hero-block{margin:0 -28px 32px;padding:32px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image{height:190px}.modal{max-width:600px;margin:auto}.modal-layer{align-items:center;padding:24px}}@media(prefers-reduced-motion:no-preference){.modal{animation:rise .2s ease-out}@keyframes rise{from{transform:translateY(24px);opacity:.3}to{transform:translateY(0);opacity:1}}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
:root{--quick-control-size:44px}.quick-add-button{width:100%;min-height:44px;margin-top:12px;padding:0 10px;border:1px solid var(--brand-primary);background:var(--brand-soft);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700}.quick-add-button:hover{background:var(--brand-primary);color:var(--brand-on-primary)}.listing-row{grid-template-columns:48px minmax(0,1fr) auto}.listing-row .quick-add-button{grid-column:2 / -1;width:max-content;min-width:148px;margin:0 0 12px auto}.quick-order-modal{max-width:560px}.quick-order-modal h2{max-width:calc(100% - 40px);font-size:clamp(20px,5vw,26px);line-height:1.15;overflow-wrap:anywhere}.quick-order-meta{font:500 11px/1.45 "IBM Plex Mono",monospace;color:var(--ink-soft);overflow-wrap:anywhere}.quick-order-hint{margin-bottom:12px!important}.quick-variant-list{border-top:1px solid var(--border);margin:0 0 16px}.quick-variant-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:10px 0;border-bottom:1px solid var(--border)}.quick-variant-row strong,.quick-variant-row small{display:block}.quick-variant-row strong{font-size:14px}.quick-variant-row small{font-size:11px;color:var(--ink-soft);margin-top:3px}.quick-stepper{display:flex;align-items:center;gap:6px;flex:0 0 auto}.quick-stepper button{width:var(--quick-control-size);height:var(--quick-control-size);border:1px solid var(--border);background:var(--surface);color:var(--ink);display:grid;place-items:center}.quick-stepper input{width:58px;height:var(--quick-control-size);border:1px solid var(--border);background:var(--surface);color:var(--ink);text-align:center;font:600 14px "IBM Plex Mono",monospace}.quick-stepper input::-webkit-inner-spin-button,.quick-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quick-stepper input[type=number]{appearance:textfield}.quick-order-submit:disabled{background:#d8dde2;color:#4d5660;cursor:not-allowed}.quick-feedback{position:fixed;z-index:7;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 32px),480px);min-height:48px;padding:12px 16px;background:var(--ink);border-left:4px solid var(--brand-primary);color:#fff;display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.35}.quick-feedback .icon{color:#fff}@media(min-width:600px){.listing-row .quick-add-button{grid-column:auto;margin:0;width:auto}.quick-variant-row{min-height:72px}}@media(max-width:420px){.product-card-copy{padding:9px}.quick-add-button{font-size:11px;padding:0 6px}.quick-stepper{gap:4px}.quick-stepper button{width:42px;height:44px}.quick-stepper input{width:48px;height:44px}.quick-order-modal{padding-left:16px;padding-right:16px}}
.branch-section{border-top:1px solid var(--border);padding-top:18px}.branch-list{display:grid;gap:10px}.branch-card{width:100%;padding:15px;border:1px solid var(--border);background:var(--surface);color:var(--ink);text-align:left;display:grid;gap:8px;font-size:13px;line-height:1.4}.branch-card.selected{border-color:var(--brand-primary);box-shadow:inset 3px 0 var(--brand-primary);background:var(--brand-soft)}.branch-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.branch-card strong{font-size:15px}.branch-card small{font-size:11px;color:var(--ink-soft)}.branch-form{margin-top:20px;padding:16px;border:1px solid var(--border);background:var(--surface);display:grid;gap:12px}.branch-form h3{font-size:16px;margin:0 0 2px}.branch-form label{display:grid;gap:6px}.branch-form label span{font-size:12px;font-weight:600}.branch-form input{width:100%;height:44px;border:1px solid var(--border);padding:0 11px;background:var(--surface);color:var(--ink);font-size:13px}.demo-disclaimer{font-size:10px;line-height:1.4;color:var(--ink-soft);margin:0}.branch-card:focus-visible,.branch-form input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(min-width:600px){.branch-list{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.branch-form h3,.branch-form .demo-disclaimer{grid-column:1/-1}.branch-form .primary-button{grid-column:1/-1}}
@media(min-width:900px){.app-shell{width:min(100%,1080px)}.bottom-nav{width:min(100%,1080px)}.page{padding:36px 44px}.hero-block{margin-left:-44px;margin-right:-44px;padding:40px 44px;min-height:260px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.list-save-form{margin:16px 0;padding:15px;border:1px solid var(--border);background:var(--surface);display:grid;gap:10px}.list-save-form label,.list-rename-form label{display:block;font-size:13px;font-weight:700}.list-save-form small{display:block;margin-top:4px;color:var(--ink-soft);font-size:11px;line-height:1.4}.list-save-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.list-save-controls input,.list-rename-form input{min-width:0;height:44px;border:1px solid var(--border);padding:0 10px;background:var(--surface);color:var(--ink);font-size:13px}.list-save-controls .secondary-button{width:auto;min-height:44px;padding:0 12px;font-size:12px}.saved-lists{display:grid;gap:12px}.saved-list-card{min-width:0;padding:15px;border:1px solid var(--border);background:var(--surface);display:grid;gap:13px}.saved-list-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.saved-list-heading .mono{font-size:9px;color:var(--ink-soft)}.saved-list-heading h3{margin:5px 0;font-size:17px;overflow-wrap:anywhere}.saved-list-heading small{font-size:11px;color:var(--ink-soft)}.list-delete{flex:0 0 36px;height:36px;width:36px;border:1px solid var(--border);background:var(--surface)}.saved-list-items{border-top:1px solid var(--border);padding-top:10px;display:grid;gap:7px}.saved-list-items span{font-size:12px;line-height:1.4;color:var(--ink-soft);overflow-wrap:anywhere}.saved-list-card>.primary-button{min-height:44px}.list-rename-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;border-top:1px solid var(--border);padding-top:10px}.list-rename-form label{grid-column:1/-1;font-size:11px;color:var(--ink-soft)}.list-rename-form .text-button{margin:0;padding:8px}.list-empty{margin-top:0;padding:20px 12px}.list-empty h3{font-size:16px}.list-empty p{margin-bottom:0}.saved-lists-section>.demo-disclaimer{margin-top:10px}.list-save-controls input:focus-visible,.list-rename-form input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media(max-width:420px){.list-save-controls{grid-template-columns:1fr}.list-save-controls .secondary-button{width:100%}}@media(min-width:700px){.saved-lists{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}.saved-list-card:only-child{grid-column:1/-1}.saved-list-card>.primary-button{margin-top:auto}}

/* Login gate: visible distinction between real B2B access and demo mode. */
.login-panel{width:min(100% - 32px,680px);margin:clamp(32px,8vh,88px) auto 48px;padding:clamp(24px,5vw,42px);background:#fff;border:1px solid var(--line,#d5dce3);border-radius:20px;box-shadow:0 18px 50px rgba(17,35,52,.08)}
.login-eyebrow{margin:0 0 10px;color:var(--brand,#168dcc);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.login-panel h1{margin:0;font-size:clamp(2rem,6vw,3.1rem);line-height:1.03;letter-spacing:-.045em}
.login-intro{max-width:48ch;margin:14px 0 24px;color:#526273;line-height:1.55}
.login-form{display:grid;gap:14px}
.login-field{display:grid;gap:7px;font-weight:700}
.login-field input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #c7d0d9;border-radius:10px;background:#f7f9fb;font:inherit}
.login-field input:disabled{color:#697887;opacity:1;cursor:not-allowed}
.login-submit,.login-demo{width:100%;min-height:48px;border-radius:10px;font:inherit;font-weight:750}
.login-submit{border:0;background:#dce3e9;color:#526273;cursor:not-allowed}
.login-status{margin:2px 0 0;padding:12px 14px;border:1px solid #e8ce8e;border-radius:10px;background:#fff8e7;color:#634a12;line-height:1.5}
.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#778493;font-size:.86rem}
.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e0e5ea}
.login-demo{border:1px solid #24384c;background:#fff;color:#172b3f;cursor:pointer}
.login-demo:hover{background:#f2f7fa}
.login-disclaimer{margin:10px 0 0;color:#687787;font-size:.82rem;line-height:1.45}
@media(max-width:480px){.login-panel{width:calc(100% - 24px);margin:20px auto 36px;padding:22px 18px;border-radius:16px}.login-panel h1{font-size:2.25rem}}/* B2B entry gate: compact card with the demo separated from real sign-in. */
.login-page{width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:clamp(20px,5vw,44px);display:grid;align-content:center;gap:20px;background:#f4f7f9;color:#172b3f}
.login-mark{font:800 22px system-ui,sans-serif;color:#172b3f}
.login-mark-label{display:inline-block;margin-left:8px;color:#168dcc;font:700 11px system-ui,sans-serif;letter-spacing:.08em}
.login-copy{margin:0;padding:clamp(22px,4vw,34px);border-radius:18px;background:#e7f5fb}
.login-copy .login-eyebrow{margin:0 0 10px;color:#087daf}
.login-copy h1{font-size:clamp(2.4rem,8vw,4rem);line-height:.98;letter-spacing:-.055em;color:#17212b}
.login-copy>p:last-child{max-width:50ch;margin:14px 0 0;color:#475a68;font-size:1rem;line-height:1.55}
.login-form{display:grid;gap:12px;padding:clamp(20px,4vw,30px);border:1px solid #d6dee5;border-radius:16px;background:white}
.login-form h2{margin:0 0 2px;font-size:1.2rem}
.login-form label{display:grid;gap:7px;color:#253a4c;font-weight:700}
.login-form label input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #c7d0d9;border-radius:10px;background:#f7f9fb;font:inherit}
.login-form label input:disabled{color:#697887;opacity:1;cursor:not-allowed}
.login-page .login-submit{width:100%;min-height:48px;border:0;border-radius:10px;background:#dce3e9;color:#526273;font:700 1rem system-ui,sans-serif;cursor:not-allowed}
.login-status{margin:0;padding:12px 14px;border:1px solid #e8ce8e;border-radius:10px;background:#fff8e7;color:#634a12;line-height:1.5}
.login-demo-panel{padding:18px 20px;border:1px solid #d6dee5;border-radius:14px;background:#fff}
.login-demo-panel>.mono{display:block;margin-bottom:10px;color:#637181;font-size:.72rem;font-weight:800;letter-spacing:.11em}
.login-page .login-demo{width:100%;min-height:48px;border:1px solid #24384c;border-radius:10px;background:#fff;color:#172b3f;font:700 1rem system-ui,sans-serif;cursor:pointer}
.login-page .login-demo:hover{background:#f2f7fa}
.login-page .login-note{margin:10px 0 0;color:#687787;font-size:.82rem;line-height:1.45}
.login-page .install-button{width:100%;min-height:44px}
@media(max-width:480px){.login-page{padding:16px 12px 28px;gap:14px}.login-copy{padding:22px 18px;border-radius:15px}.login-form{padding:18px 16px}.login-demo-panel{padding:16px}}