/* tokens */
:root{
  --brand-800:#1647ad;--brand-700:#1d55c8;--brand-600:#2463eb;--brand-500:#3978f6;
  --brand-100:#dce8ff;--brand-50:#f2f6ff;--ink:#111827;--text:#344054;--muted:#667085;
  --line:#e4e7ec;--line-strong:#d0d5dd;--surface:#fff;--surface-soft:#f8fafc;--page:#f5f7fa;
  --success:#107a4f;--success-bg:#eaf7f1;--warning:#9a5b08;--warning-bg:#fff5df;
  --danger:#c4323d;--danger-bg:#fff0f1;--info:#1d55c8;--info-bg:#edf4ff;--neutral:#596579;
  --radius-sm:6px;--radius:8px;--shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --shadow:0 12px 28px rgba(16,24,40,.07);--header-height:70px;--container:1220px
}

/* reset and base */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}
a{color:var(--brand-700);text-decoration:none}
button,input,select{font:inherit;letter-spacing:0}
button,a{touch-action:manipulation}
button{color:inherit}
svg{display:block;flex:none}
h1,h2,h3,p{overflow-wrap:anywhere}
.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:3px solid rgba(57,120,246,.25);outline-offset:2px}
.test-banner{position:relative;z-index:50;background:#fff7d8;color:#744f00;padding:5px 16px;text-align:center;font-size:12px;font-weight:750;border-bottom:1px solid #f2dfa1}

/* navigation */
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav-shell,.footer-shell,.page-shell{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.nav-shell{height:var(--header-height);display:flex;align-items:center;gap:46px}
.brand-logo{display:block;width:36px;height:36px;object-fit:contain}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:20px;font-weight:800;white-space:nowrap}
.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #1c56d1;border-radius:8px;background:var(--brand-600);box-shadow:0 6px 16px rgba(36,99,235,.22)}
.brand-mark>span{display:block;width:15px;height:15px;border:2px solid #fff;border-radius:50%;box-shadow:7px -7px 0 -4px #bcd2ff}
.brand-mark.small{width:31px;height:31px}.brand-mark.small>span{width:13px;height:13px}
.desktop-nav{display:flex;align-self:stretch;align-items:center;gap:8px;flex:1}
.desktop-nav a{position:relative;display:flex;align-items:center;height:100%;padding:0 14px;color:var(--text);font-size:14px;font-weight:650}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--brand-700)}
.desktop-nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--brand-600)}
.nav-account{display:flex;align-items:center;gap:10px}
.nav-login{padding:9px 11px;color:var(--text);font-size:14px;font-weight:650}
.account-menu{position:relative}
.account-trigger{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 9px 4px 5px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px;font-weight:650;cursor:pointer}
.avatar{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--brand-50);color:var(--brand-700);font-weight:800}
.avatar.large{width:54px;height:54px;font-size:21px}
.account-popover{position:absolute;right:0;top:calc(100% + 10px);display:none;width:210px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}
.account-popover.open{display:grid}
.account-popover a,.account-popover button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:14px;text-align:left;cursor:pointer}
.account-popover a:hover,.account-popover button:hover{background:var(--surface-soft);color:var(--brand-700)}
.account-popover form{padding-top:5px;margin-top:4px;border-top:1px solid var(--line)}
.menu-button{display:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}
.mobile-nav{display:none;padding:10px 18px 18px;border-top:1px solid var(--line);background:#fff}
.mobile-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-nav a{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 12px;border-radius:8px;color:var(--text);font-size:14px;font-weight:650}
.mobile-nav a:hover{background:var(--surface-soft)}
.mobile-nav .mobile-primary{justify-content:space-between;background:var(--brand-600);color:#fff}

/* layout and typography */
.page-shell{min-height:calc(100vh - 170px);padding:48px 0 76px}
.eyebrow,.section-label{display:block;color:var(--brand-700);font-size:12px;font-weight:800;text-transform:uppercase}
.page-heading{margin-bottom:30px}.page-heading h1{margin:5px 0 7px;font-size:38px;line-height:1.22;font-weight:760}.page-heading p{max-width:760px;margin:0;color:var(--muted)}
.page-heading.compact{max-width:760px}.page-heading.with-action{display:flex;align-items:end;justify-content:space-between;gap:24px}
.section-block{margin-top:58px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.section-heading h2{margin:3px 0 2px;font-size:28px;line-height:1.25}.section-heading p{margin:0;color:var(--muted)}
.text-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;white-space:nowrap}
.breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:23px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--brand-700)}

/* buttons and forms */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 18px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.button:hover{transform:translateY(-1px)}.button:active{transform:none}.button:disabled{opacity:.58;cursor:not-allowed;transform:none}
.button.primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff;box-shadow:0 5px 12px rgba(36,99,235,.16)}.button.primary:hover{background:var(--brand-700);border-color:var(--brand-700)}
.button.secondary{background:#fff;border-color:var(--line-strong);color:var(--ink)}.button.secondary:hover{border-color:#a9b5c6;background:#fbfcfe}
.button.ghost{background:transparent;border-color:var(--line);color:var(--text)}
.button.large{min-height:50px;padding:11px 22px}.button.small{min-height:38px;padding:7px 14px}.button.full{width:100%}
label{display:block;color:var(--text);font-size:13px;font-weight:700}
input,select{width:100%;height:46px;margin-top:7px;padding:0 12px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease}
input::placeholder{color:#98a2b3}input:hover,select:hover{border-color:#aeb8c7}input:focus,select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(57,120,246,.12)}
label small{display:block;margin-top:6px;color:var(--muted);font-weight:400}
.form-stack{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.verification-field{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px;align-items:end}.verification-field .button{height:46px;margin-top:7px}.verification-status{display:block;min-height:18px;margin-top:6px}.verification-status.success{color:var(--success)}.verification-status.error{color:var(--danger)}
.consent-fieldset{display:grid;gap:11px;margin:2px 0 0;padding:17px;border:1px solid var(--line);border-radius:8px}.consent-fieldset legend{padding:0 7px;color:var(--ink);font-size:13px;font-weight:750}.terms-check{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:13px;line-height:1.55;cursor:pointer}.terms-check input{width:17px;height:17px;flex:none;margin:2px 0 0;padding:0}.terms-check span{display:block}.terms-check a{font-weight:700}.terms-check small{margin:2px 0 0;color:var(--muted)}.optional-consent{margin-top:3px;padding-top:11px;border-top:1px solid var(--line)}.compact-alert{margin-bottom:3px;padding:10px 12px}.compact-alert p{margin:0}
.field-with-icon,.password-field{position:relative;display:block}.field-with-icon>svg{position:absolute;left:13px;bottom:14px;color:var(--muted)}.field-with-icon input{padding-left:39px}
.password-field button{position:absolute;right:1px;bottom:1px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}.password-field input{padding-right:48px}

/* home */
.shop-hero{position:relative;overflow:hidden;min-height:352px;padding:64px;border:1px solid #d8e2f2;border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}
.shop-hero:before,.shop-hero:after{content:"";position:absolute;border:1px solid #dbe7f8;border-radius:50%;pointer-events:none}
.shop-hero:before{width:410px;height:410px;right:-125px;top:-80px}.shop-hero:after{width:250px;height:250px;right:-48px;top:0;border-color:#edf2f9}
.hero-copy{position:relative;z-index:1;max-width:760px}.shop-hero h1{margin:9px 0 13px;font-size:48px;line-height:1.15;font-weight:780}.shop-hero p{margin:0 0 26px;color:var(--muted);font-size:18px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-capabilities{position:relative;z-index:1;display:flex;gap:24px;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);color:var(--text);font-size:13px;font-weight:650}.hero-capabilities div{display:flex;align-items:center;gap:8px}.hero-capabilities svg{color:var(--brand-600)}
.product-grid{display:grid;gap:16px}.product-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:26px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.product-card:hover{border-color:#bdcce2;box-shadow:var(--shadow);transform:translateY(-2px)}
.product-symbol{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid var(--brand-100);border-radius:8px;background:var(--brand-50);color:var(--brand-700)}.product-symbol.small{width:40px;height:40px}
.product-card-top{display:flex;align-items:center;gap:12px}.product-kicker{color:var(--brand-700);font-size:12px;font-weight:800}.product-card h2{margin:5px 0 4px;font-size:23px;line-height:1.35}.product-card h2 a{color:var(--ink)}.muted{color:var(--muted)}.product-card p{margin:0}
.feature-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.feature-row span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface-soft);color:var(--text);font-size:12px}
.product-card-action{display:flex;min-width:180px;flex-direction:column;align-items:flex-end;padding-left:20px;border-left:1px solid var(--line)}.price-label{color:var(--muted);font-size:12px}.price{display:flex;align-items:baseline;gap:5px;margin:2px 0 15px}.price strong{font-size:28px;line-height:1.2}.price span{color:var(--muted);font-size:12px}.price.pending{display:block}.price.pending strong,.price.pending span{display:block}.price.pending strong{font-size:20px}
.catalog-preview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:30px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.catalog-preview-page{margin-top:4px}.preview-symbol{display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--brand-100);border-radius:8px;background:var(--brand-50);color:var(--brand-700)}.preview-copy h2{margin:4px 0 5px;font-size:24px}.preview-copy p{max-width:650px;margin:0;color:var(--muted)}.preview-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.search-field{position:relative;display:block;max-width:520px}.search-field>svg{position:absolute;left:14px;bottom:14px;color:var(--muted);z-index:1}.search-field input{padding-left:42px}.search-field.compact{max-width:none}
.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.region-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:15px;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease}.region-tile:hover{border-color:#adc2e4;box-shadow:var(--shadow-sm)}.region-tile>span:nth-child(2){min-width:0;flex:1}.region-tile strong,.region-tile small{display:block}.region-tile small{color:var(--muted)}.region-code,.choice-code{display:grid;place-items:center;min-width:42px;height:36px;padding:0 8px;border:1px solid var(--brand-100);border-radius:6px;background:var(--brand-50);color:var(--brand-700);font-size:13px;font-weight:800}.region-tile>svg{color:var(--brand-600)}
.support-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:58px;padding:22px 24px;background:#f1f5fb;border:1px solid #d9e2ef;border-radius:8px}.support-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#fff;color:var(--brand-700)}.support-strip p{margin:2px 0 0;color:var(--muted);font-size:14px}

/* filters and configurator */
.filter-bar{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin-bottom:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.filter-title{display:flex;align-items:center;gap:11px;align-self:center}.filter-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:7px;background:var(--brand-50);color:var(--brand-700)}.filter-title strong,.filter-title small{display:block}.filter-title small{color:var(--muted);font-size:12px}
.product-page-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.product-page-heading h1{margin:5px 0 5px;font-size:36px;line-height:1.22}.product-page-heading p{margin:0;color:var(--muted)}.product-trust{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.product-trust span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font-size:12px}
.config-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:start}.configurator-panel,.config-summary,.checkout-product,.checkout-summary,.data-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}
.configurator-panel{padding:28px}.configurator-heading,.config-title,.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.configurator-heading{padding-bottom:22px;border-bottom:1px solid var(--line)}.configurator-heading h2,.config-title h2,.panel-heading h2{margin:3px 0 0;font-size:21px;line-height:1.3}.panel-heading{margin-bottom:20px}.panel-heading>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}
.config-step{padding:25px 0;border-bottom:1px solid var(--line)}.config-step:last-child{border-bottom:0;padding-bottom:0}.step-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.step-number{display:grid;place-items:center;width:34px;height:30px;border-radius:6px;background:var(--brand-50);color:var(--brand-700);font-size:12px;font-weight:800}.step-heading h3{margin:1px 0 1px;font-size:17px}.step-heading p{margin:0;color:var(--muted);font-size:13px}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.choice-card{position:relative;display:flex;align-items:center;gap:11px;min-height:64px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.choice-card:hover{border-color:#9db8e6}.choice-card.selected{border-color:var(--brand-600);background:var(--brand-50);box-shadow:0 0 0 1px var(--brand-600)}.choice-card:disabled{opacity:.48;cursor:not-allowed}.choice-card strong,.choice-card small{display:block}.choice-card small{color:var(--muted);font-size:11px}.choice-check{position:absolute;right:9px;top:9px;display:none;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand-600);color:#fff}.choice-card.selected .choice-check{display:grid}
.fallback-select{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.fallback-select select{margin:0}.split-step{display:grid;grid-template-columns:1fr 1fr;gap:30px}.split-step>div+div{padding-left:30px;border-left:1px solid var(--line)}
.segment-control{display:flex;gap:8px;flex-wrap:wrap}.segment-control button{min-height:44px;padding:9px 16px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;font-weight:700;cursor:pointer}.segment-control button:hover{border-color:#9db8e6}.segment-control button.selected{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-700);box-shadow:0 0 0 1px var(--brand-600)}
.quantity-stepper{display:grid;grid-template-columns:44px 72px 44px;width:max-content;overflow:hidden;border:1px solid var(--line-strong);border-radius:7px}.quantity-stepper button{display:grid;place-items:center;height:44px;border:0;background:#fff;cursor:pointer}.quantity-stepper button:hover{background:var(--surface-soft)}.quantity-stepper output{display:grid;place-items:center;border-inline:1px solid var(--line);font-weight:800}
.config-summary{position:sticky;top:94px;padding:24px}.summary-head{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}.summary-head h2{margin:3px 0 0;font-size:17px}.summary-list{margin:18px 0}.summary-list>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;text-align:right;font-weight:650}.availability-line{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:7px;background:var(--success-bg);color:var(--success);font-size:13px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.summary-price{margin:19px 0 17px;padding-top:18px;border-top:1px solid var(--line)}.summary-price>span{color:var(--muted);font-size:12px}.summary-price>div{display:flex;align-items:baseline;gap:6px}.summary-price strong{font-size:32px;line-height:1.25}.summary-price small{color:var(--muted)}.summary-note{margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.mobile-purchase-bar{display:none}

/* badges and states */
.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;min-height:24px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.neutral,.badge.subtle{background:#eef1f5;color:var(--neutral)}.badge.info{background:var(--info-bg);color:var(--info)}.badge.success{background:var(--success-bg);color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.danger{background:var(--danger-bg);color:var(--danger)}
.state-panel{padding:52px 28px;background:#fff;border:1px solid var(--line);border-radius:8px;text-align:center;box-shadow:var(--shadow-sm)}.state-panel h1,.state-panel h2{margin:10px 0 6px}.state-panel p{max-width:620px;margin:0 auto 20px;color:var(--muted)}.state-icon,.error-code{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:8px;background:var(--brand-50);color:var(--brand-700);font-size:18px;font-weight:800}.error-state .state-icon{background:var(--danger-bg);color:var(--danger)}
.skeleton{display:grid;gap:12px}.skeleton span{display:block;height:16px;border-radius:4px;background:linear-gradient(90deg,#edf1f5 25%,#f8fafc 50%,#edf1f5 75%);background-size:200% 100%;animation:skeleton 1.4s infinite}.skeleton span:last-child{width:66%}@keyframes skeleton{to{background-position:-200% 0}}
.alert{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;margin-bottom:20px;border:1px solid transparent;border-radius:8px;font-size:13px}.alert p{margin:1px 0 0}.alert.danger{background:var(--danger-bg);border-color:#f1c8cd;color:#9f2631}.alert.warning{background:var(--warning-bg);border-color:#ead59f;color:#7b4b09}.alert.info{background:var(--info-bg);border-color:var(--brand-100);color:var(--brand-700)}

/* checkout, orders, resources */
.checkout-layout,.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:22px;align-items:start}.checkout-product,.checkout-summary,.data-panel{padding:25px}.checkout-item-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.checkout-product h2{margin:2px 0;font-size:23px}.checkout-summary{position:sticky;top:94px}.summary-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:18px;font-weight:760}.secure-label{display:flex;align-items:center;gap:5px;color:var(--success);font-size:11px}.checkout-summary dl,.resource-card dl{margin:0}.checkout-summary dl>div{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.checkout-summary dt,.detail-list dt{color:var(--muted)}.checkout-summary dd,.detail-list dd{margin:0;text-align:right}.summary-total{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:16px 0;padding:16px 0;border-block:1px solid var(--line)}.summary-total strong{font-size:28px;color:var(--ink)}.checkout-consent{display:grid;gap:11px;margin:18px 0;padding:15px;border:1px solid var(--line);border-radius:8px}.checkout-consent legend{padding:0 5px;font-size:14px;font-weight:740;color:var(--ink)}.consent-option{display:flex;align-items:flex-start;gap:9px;color:var(--muted);font-size:12px;line-height:1.65}.consent-option input{flex:none;margin:4px 0 0;accent-color:var(--brand)}.consent-option a{color:var(--brand);text-decoration:none}.consent-option a:hover{text-decoration:underline}.order-agreements{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.order-agreements strong{display:block;color:var(--ink);margin-bottom:7px}.order-agreements ul{margin:0;padding-left:17px;display:grid;gap:5px}.safe-note{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin-top:12px;color:var(--muted);font-size:11px;text-align:center}.safe-note svg{margin-top:2px}
.notice-box{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:15px;background:var(--brand-50);border:1px solid var(--brand-100);border-radius:8px}.notice-box>span,.notice-box>svg{color:var(--brand-700)}.notice-box p{margin:2px 0 0;color:var(--muted);font-size:13px}
.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border-bottom:0}
.data-panel{box-shadow:none}.orders-table-wrap{padding:0;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line)}.data-table th{background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:700}.data-table td{color:var(--text);font-size:13px}.data-table tbody tr{transition:background-color .14s ease}.data-table tbody tr:hover{background:#fbfcfe}.data-table tbody tr:last-child td{border-bottom:0}.data-table td small,.table-product{display:block}.data-table td small{color:var(--muted)}.table-product{color:var(--ink);font-weight:700}.row-action{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;color:var(--muted)}.row-action:hover{background:var(--brand-50);color:var(--brand-700)}.mobile-card-list{display:none}
.order-hero,.resource-hero,.account-hero{display:flex;align-items:center;gap:15px;margin-bottom:22px}.order-hero-icon,.resource-hero-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--brand-100);border-radius:8px;background:var(--brand-50);color:var(--brand-700)}.order-hero-copy,.resource-hero>div:nth-child(2){min-width:0;flex:1}.order-hero h1,.resource-hero h1,.account-hero h1{margin:2px 0;font-size:30px;line-height:1.25}.order-meta{display:flex;gap:14px;color:var(--muted);font-size:12px}.order-meta span{display:flex;align-items:center;gap:5px}.payment-notice{margin-bottom:22px}.progress-panel{min-height:430px}
.timeline{list-style:none;margin:0;padding:4px 0}.timeline li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:14px;min-height:78px}.timeline li>span{display:grid;place-items:center;width:20px;height:20px;margin-top:2px;border:2px solid #c9d0db;border-radius:50%;background:#fff;color:#fff}.timeline li:not(:last-child):after{content:"";position:absolute;left:9px;top:25px;width:2px;height:50px;background:#e2e6ec}.timeline li.done>span{border-color:var(--success);background:var(--success)}.timeline li.done:not(:last-child):after{background:#b8dfcd}.timeline li.current>span{border-color:var(--brand-600);box-shadow:0 0 0 4px var(--brand-100)}.timeline strong,.timeline small{display:block}.timeline small{margin-top:2px;color:var(--muted)}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.resource-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.resource-region{display:flex;align-items:center;gap:9px}.resource-region small{color:var(--muted)}.resource-card h2{margin:17px 0 3px;font-size:20px}.resource-subtitle{margin:0;color:var(--muted);font-size:13px}.resource-expiry{display:flex;align-items:center;gap:10px;margin:20px 0;padding:13px;border:1px solid var(--line);border-radius:7px;background:var(--surface-soft)}.resource-expiry>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#fff;color:var(--brand-700)}.resource-expiry small,.resource-expiry strong{display:block}.resource-expiry small{color:var(--muted);font-size:11px}.card-actions,.stack-actions{display:flex;gap:10px}.resource-card .card-actions .button{flex:1}
.connection-panel{min-height:350px}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.copy-field{display:flex;align-items:center;min-height:46px;margin-top:7px;overflow:hidden;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-soft)}.copy-field code{min-width:0;flex:1;padding:10px 12px;overflow:hidden;text-overflow:ellipsis}.copy-field button{display:flex;align-self:stretch;align-items:center;gap:5px;padding:0 10px;border:0;border-left:1px solid var(--line);background:#fff;color:var(--brand-700);font-size:12px;cursor:pointer}.locked-state{padding:48px 16px;text-align:center}.lock-icon{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:8px;background:var(--brand-50);color:var(--brand-700)}.locked-state h3{margin:15px 0 5px}.locked-state p{max-width:480px;margin:auto;color:var(--muted)}.stack-actions{display:grid;margin-top:20px}.stock-request-form{max-width:760px}.stock-request-form>.form-row+.form-row{margin-top:14px}.stock-request-form>.button{margin-top:18px}

/* account and auth */
.account-hero{padding:20px 0 8px}.account-hero p{margin:1px 0 0;color:var(--muted)}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.account-tile{position:relative;display:flex;min-height:152px;flex-direction:column;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);box-shadow:var(--shadow-sm)}.account-tile:hover{border-color:#b8c9e3}.tile-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:13px;border-radius:7px;background:var(--brand-50);color:var(--brand-700)}.account-tile strong{font-size:18px}.account-tile small{color:var(--muted)}.account-tile i{position:absolute;right:18px;top:24px;color:var(--muted);font-style:normal}.account-info{max-width:760px}
.auth-shell{display:grid;min-height:calc(100vh - 140px);place-items:center;padding:52px 20px 78px;background:#f4f7fb}.auth-card{width:min(450px,100%);padding:32px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.auth-card.wide{width:min(590px,100%)}.auth-heading{margin-bottom:25px;text-align:center}.auth-symbol{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 13px;border:1px solid var(--brand-100);border-radius:8px;background:var(--brand-50);color:var(--brand-700)}.auth-heading h1{margin:4px 0 3px;font-size:28px}.auth-heading p,.auth-footer{margin:0;color:var(--muted)}.auth-footer{margin:19px 0 0;text-align:center}.auth-security{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:19px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.auth-security svg{color:var(--success)}

/* errors, loading, footer */
.error-page{max-width:680px;margin:65px auto}.error-page small{display:block;margin:-8px 0 18px;color:var(--muted)}.error-page .hero-actions{justify-content:center}.toast-region{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:8px}.toast{padding:11px 15px;border-radius:8px;background:var(--ink);color:#fff;box-shadow:var(--shadow);font-size:13px}
.site-footer{background:#fff;border-top:1px solid var(--line)}.footer-shell{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand strong,.footer-brand p{display:block;margin:0}.footer-brand p{color:var(--muted);font-size:12px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--muted);font-size:13px}.footer-links a:hover{color:var(--brand-700)}

/* responsive */
@media(max-width:1024px){
  .nav-shell{gap:28px}.desktop-nav{gap:2px}.desktop-nav a{padding-inline:10px}.desktop-nav a.active:after{left:10px;right:10px}
  .filter-bar{grid-template-columns:1fr 1fr}.filter-title{grid-column:1/-1}.config-layout{grid-template-columns:minmax(0,1fr) 340px}.region-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  :root{--header-height:62px}.nav-shell,.footer-shell,.page-shell{width:min(100% - 28px,var(--container))}.nav-shell{gap:14px}.brand{min-height:44px;flex:1}.desktop-nav,.desktop-only,.account-menu{display:none!important}.menu-button{display:grid}
  .page-shell{padding:30px 0 96px}.mobile-nav.open{display:grid}.shop-hero{min-height:0;padding:34px 24px}.shop-hero:before{right:-285px;top:-40px}.shop-hero:after{right:-175px}.shop-hero h1{font-size:38px}.shop-hero p{font-size:16px}.hero-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:32px}.hero-actions .button{flex:1}
  .section-block{margin-top:44px}.section-heading{align-items:flex-start}.section-heading h2{font-size:24px}.section-heading p{font-size:14px}.section-heading .text-link{min-height:44px}.catalog-preview,.product-card{grid-template-columns:auto minmax(0,1fr)}.product-card h2 a{display:flex;min-height:44px;align-items:center}.product-card-action,.preview-actions{grid-column:1/-1;align-items:stretch;padding:17px 0 0;border-left:0;border-top:1px solid var(--line)}.product-card-action .price{margin-bottom:13px}.preview-actions{justify-content:flex-start}.region-grid{grid-template-columns:1fr}.support-strip{grid-template-columns:auto 1fr}.support-strip .button{grid-column:1/-1;width:100%}
  .page-heading h1{font-size:31px}.page-heading.with-action,.product-page-heading{align-items:flex-start;flex-direction:column}.page-heading.with-action>.button{width:100%}.product-page-heading h1{font-size:31px}.product-trust{justify-content:flex-start}
  .filter-bar{grid-template-columns:1fr}.filter-title{grid-column:auto}.config-layout{display:block}.configurator-panel{padding:20px}.config-summary{position:static;margin-top:16px;padding:20px}.split-step{grid-template-columns:1fr;gap:24px}.split-step>div+div{padding:24px 0 0;border-top:1px solid var(--line);border-left:0}.choice-grid{grid-template-columns:1fr}.summary-price{margin-bottom:75px}.mobile-purchase-bar{position:fixed;left:0;right:0;bottom:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(16,24,40,.08)}.mobile-purchase-bar small,.mobile-purchase-bar strong{display:block}.mobile-purchase-bar small{color:var(--muted);font-size:11px}.mobile-purchase-bar strong{font-size:20px}.mobile-purchase-bar .button{min-width:145px}
  .checkout-layout,.detail-grid{grid-template-columns:1fr}.checkout-summary{position:static}.orders-table-wrap{display:none}.mobile-card-list{display:grid;gap:12px}.mobile-data-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px}.mobile-data-card h2{margin:13px 0 8px;font-size:18px}.mobile-data-card dl{margin:0 0 14px}.mobile-data-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.mobile-data-card dt{color:var(--muted)}.mobile-data-card dd{margin:0;text-align:right}.resource-grid,.account-grid,.credential-grid{grid-template-columns:1fr}.resource-hero,.order-hero{align-items:flex-start;flex-wrap:wrap}.resource-hero>.badge,.order-hero>.badge{margin-left:63px}.order-meta{flex-direction:column;gap:2px}.progress-panel{min-height:0}.copy-field button span{display:none}.resource-card .card-actions{display:grid;grid-template-columns:1fr 1fr}
  .auth-shell{padding:28px 14px 74px}.auth-card{padding:25px 20px}.auth-card .form-row{grid-template-columns:1fr}.auth-footer a{display:inline-flex;min-height:44px;align-items:center}.breadcrumb a{display:inline-flex;min-height:44px;align-items:center}.footer-shell{align-items:flex-start;flex-direction:column;gap:18px}.footer-links{flex-wrap:wrap}.footer-links a{display:flex;min-height:44px;align-items:center}.error-page{margin:25px auto}
}
@media(max-width:430px){
  .brand-name{font-size:19px}.mobile-nav.open{grid-template-columns:1fr}.shop-hero h1{font-size:34px}.hero-actions{display:grid}.hero-capabilities{grid-template-columns:1fr}.section-heading{display:block}.section-heading .text-link{margin-top:10px}.catalog-preview,.product-card{grid-template-columns:1fr}.product-symbol{width:44px;height:44px}.product-card-action{min-width:0}.region-tile{padding:13px}.page-heading h1,.product-page-heading h1{font-size:28px}.configurator-heading{align-items:flex-start}.config-step{padding-block:22px}.choice-grid{grid-template-columns:1fr}.summary-head h2{font-size:16px}.summary-price strong{font-size:28px}.checkout-product,.checkout-summary,.data-panel{padding:20px}.form-row{grid-template-columns:1fr}.resource-card .card-actions{grid-template-columns:1fr}.mobile-purchase-bar .button{min-width:132px}.order-hero h1,.resource-hero h1,.account-hero h1{font-size:25px}.resource-hero>.badge,.order-hero>.badge{margin-left:0}.account-hero{align-items:flex-start}.account-hero .avatar{flex:none}.footer-links{gap:18px}
}
@media(max-width:390px){.verification-field{grid-template-columns:minmax(0,1fr) 116px}.verification-field .button{padding-inline:10px}}
@media(max-width:390px){
  .shop-hero h1{font-size:32px}.shop-hero{padding:30px 20px}.product-card,.catalog-preview{padding:20px}.mobile-purchase-bar strong{font-size:18px}.mobile-purchase-bar .button{min-width:126px}.auth-card{padding-inline:18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.button:hover,.product-card:hover{transform:none}}

/* Phase 2B: reference-driven storefront and configurator */
.reference-home{padding-top:0}
.infrastructure-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:72px;align-items:end;min-height:310px;padding:58px 0 48px;border-bottom:1px solid var(--line-strong)}
.infrastructure-hero-copy{max-width:720px}.infrastructure-hero h1{margin:8px 0 12px;font-size:48px;line-height:1.1;font-weight:780}.infrastructure-hero p{max-width:650px;margin:0;color:var(--muted);font-size:17px}.infrastructure-hero .hero-actions{align-items:center;margin-top:25px}.text-action{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;color:var(--text);font-size:14px;font-weight:700}.text-action:hover{color:var(--brand-700)}
.hero-specs{margin:0;border-top:1px solid var(--line-strong)}.hero-specs>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.hero-specs dt{color:var(--muted);font-size:12px}.hero-specs dd{margin:0;color:var(--ink);font-size:13px;font-weight:700;text-align:right}
.catalog-section{padding-top:46px;scroll-margin-top:90px}.catalog-heading,.region-catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.catalog-heading h2,.region-catalog-heading h2{margin:3px 0 2px;font-size:27px;line-height:1.25}.catalog-heading p,.region-catalog-heading p{margin:0;color:var(--muted);font-size:14px}
.infrastructure-product-list{border-top:1px solid var(--line-strong)}.infrastructure-product-row{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(320px,1fr) 190px;gap:34px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line-strong)}.product-identity{min-width:0}.product-type{display:block;margin-bottom:4px;color:var(--brand-700);font-size:11px;font-weight:800;text-transform:uppercase}.product-identity h3{margin:0;font-size:22px;line-height:1.3}.product-identity h3 a{color:var(--ink)}.product-identity h3 a:hover{color:var(--brand-700)}.product-identity p{margin:4px 0 0;color:var(--muted);font-size:13px}
.product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.product-facts div{min-width:0}.product-facts dt{margin-bottom:3px;color:var(--muted);font-size:11px}.product-facts dd{margin:0;font-size:13px;font-weight:700}.technical-value{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.product-purchase{padding-left:24px;border-left:1px solid var(--line)}.product-purchase>span{display:block;color:var(--muted);font-size:11px}.row-price{display:flex;align-items:baseline;gap:5px;margin:1px 0 10px;font-variant-numeric:tabular-nums}.row-price strong{font-size:27px;line-height:1.25}.row-price small{color:var(--muted)}.row-price.pending{display:block}.row-price.pending strong,.row-price.pending small{display:block}.row-price.pending strong{font-size:18px}.product-purchase .button{width:100%}
.compact-state{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-block:1px solid var(--line-strong)}.compact-state strong,.compact-state p{display:block;margin:0}.compact-state p{margin-top:3px;color:var(--muted);font-size:13px}.compact-state.error-state{color:var(--ink)}
.region-catalog{margin-top:62px;padding-top:42px;border-top:1px solid var(--line)}.region-catalog-heading .search-field{width:min(420px,100%)}.region-directory{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line-strong)}.region-directory-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;min-height:60px;padding:9px 14px 9px 0;border-bottom:1px solid var(--line);color:var(--ink)}.region-directory-row:nth-child(odd){border-right:1px solid var(--line);padding-right:22px}.region-directory-row:nth-child(even){padding-left:22px}.region-directory-row:hover{background:#f9fbfe}.region-directory-row>strong{font-size:14px}.region-directory-row>span:last-child{color:var(--brand-700);font-size:12px;font-weight:700}.region-directory .region-code{border:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}
.home-support-line{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:62px;padding-top:22px;border-top:1px solid var(--line-strong)}.home-support-line p{margin:2px 0 0;color:var(--muted);font-size:13px}

.reference-config{padding-top:32px}.config-page-heading{max-width:780px;margin-bottom:32px}.config-page-heading h1{margin:5px 0 7px;font-size:38px;line-height:1.18}.config-page-heading p{margin:0;color:var(--muted)}.reference-config-layout{grid-template-columns:minmax(0,1fr) 360px;gap:42px}.configuration-workspace{border-top:1px solid var(--line-strong)}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.workspace-heading span{color:var(--muted);font-size:12px}.workspace-heading strong{font-size:13px}.reference-config .config-step{padding:28px 0;border-bottom:1px solid var(--line-strong)}.reference-config .config-step:last-child{padding-bottom:28px;border-bottom:1px solid var(--line-strong)}.reference-config .step-heading{margin-bottom:14px}.reference-config .step-number{width:40px;height:28px;border:0;border-radius:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}.reference-config .step-heading h2{margin:0;font-size:18px;line-height:1.35}.reference-config .step-heading p{margin-top:2px}.reference-config .search-field{max-width:none}.reference-config .search-field input{margin-top:0}
.dense-choice-list{display:grid;gap:0;margin-top:12px;border-top:1px solid var(--line-strong)}.dense-choice-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:58px;padding:8px 12px 8px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.dense-choice-row:hover{background:#f9fbfe}.dense-choice-row.selected{background:#f5f8ff;box-shadow:inset 3px 0 0 var(--brand-600)}.dense-choice-row .choice-code{border:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}.choice-copy strong,.choice-copy small{display:block}.choice-copy small{color:var(--muted);font-size:11px}.choice-state{color:var(--muted);font-size:12px;font-weight:700}.dense-choice-row.selected .choice-state{color:var(--brand-700)}
.compact-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.compact-config-grid>div+div{padding-left:34px;border-left:1px solid var(--line)}.reference-config .segment-control button.selected{box-shadow:none}.reference-config .quantity-stepper,.reference-config .segment-control button{font-variant-numeric:tabular-nums}
.reference-config .config-summary{border-radius:7px;box-shadow:0 10px 24px rgba(16,24,40,.055)}.reference-config .summary-head{padding-bottom:17px}.reference-config .summary-head h2{font-size:17px}.reference-config .summary-price strong,.reference-config .mobile-purchase-bar strong{font-variant-numeric:tabular-nums}

@media(max-width:1024px){
  .infrastructure-hero{grid-template-columns:minmax(0,1fr) 300px;gap:42px}.infrastructure-product-row{grid-template-columns:minmax(260px,1.1fr) minmax(260px,.9fr) 175px;gap:22px}.reference-config-layout{grid-template-columns:minmax(0,1fr) 330px;gap:28px}
}
@media(max-width:760px){
  .reference-home{padding:0 0 80px}.infrastructure-hero{display:block;min-height:0;padding:28px 0 24px}.infrastructure-hero h1{font-size:35px}.infrastructure-hero p{font-size:15px}.infrastructure-hero .hero-actions{display:flex;margin-top:20px}.infrastructure-hero .hero-actions .button{flex:none}.hero-specs{margin-top:27px}.hero-specs>div{grid-template-columns:88px 1fr}.catalog-section{padding-top:38px}.catalog-heading,.region-catalog-heading{display:block}.catalog-heading h2,.region-catalog-heading h2{font-size:24px}.catalog-heading .text-link{margin-top:8px}.infrastructure-product-row{display:block;padding:21px 0}.product-identity h3{font-size:20px}.product-facts{margin:17px 0}.product-purchase{display:grid;grid-template-columns:1fr auto;align-items:end;padding:15px 0 0;border-top:1px solid var(--line);border-left:0}.product-purchase>span{grid-column:1}.row-price{grid-column:1;margin:0}.product-purchase .button{grid-column:2;grid-row:1/3;width:auto;min-width:132px}.compact-state{align-items:flex-start;flex-direction:column}.region-catalog{margin-top:46px;padding-top:34px}.region-catalog-heading .search-field{margin-top:16px}.region-directory{grid-template-columns:1fr}.region-directory-row,.region-directory-row:nth-child(odd),.region-directory-row:nth-child(even){padding:8px 0;border-right:0}.home-support-line{align-items:flex-start;flex-direction:column;margin-top:46px}
  .reference-config{padding:22px 0 96px}.reference-config .breadcrumb{margin-bottom:14px}.config-page-heading{margin-bottom:26px}.config-page-heading h1{font-size:30px}.config-page-heading p{font-size:14px}.reference-config-layout{display:block}.workspace-heading{padding:12px 0}.reference-config .config-step{padding:24px 0}.reference-config .step-number{width:34px}.reference-config .step-heading h2{font-size:17px}.compact-config-grid{grid-template-columns:1fr;gap:24px}.compact-config-grid>div+div{padding:24px 0 0;border-top:1px solid var(--line);border-left:0}.dense-choice-row{grid-template-columns:54px minmax(0,1fr) auto;min-height:58px}.reference-config .config-summary{position:static;margin-top:30px;padding:24px 0 0;border:0;border-top:1px solid var(--line-strong);border-radius:0;background:transparent;box-shadow:none}.reference-config .summary-price{margin-bottom:76px}.reference-config .mobile-purchase-bar{box-shadow:0 -5px 18px rgba(16,24,40,.07)}
}
@media(max-width:390px){
  .infrastructure-hero h1{font-size:32px}.infrastructure-hero .hero-actions{align-items:stretch;flex-direction:column;gap:5px}.infrastructure-hero .hero-actions .button,.text-action{width:100%}.text-action{justify-content:center}.product-facts{gap:8px}.product-facts dd{font-size:12px}.region-directory-row{grid-template-columns:48px 1fr auto}.config-page-heading h1{font-size:28px}.reference-config .step-heading{gap:7px}.dense-choice-row{grid-template-columns:48px minmax(0,1fr) auto;padding-right:6px}
}

/* Phase 2C: user-reference visual baseline */
.reference-home{padding-top:24px}
.infrastructure-hero{display:flex;align-items:center;min-height:390px;padding:54px;border:1px solid #17365d;border-radius:8px;background-color:#041a35;background-image:url("cloud-network-hero-v2.png");background-position:center;background-size:cover;color:#fff;box-shadow:0 14px 34px rgba(5,22,44,.14)}
.infrastructure-hero-copy{max-width:610px}.hero-kicker{margin-bottom:14px;color:#83b7ff;font-size:12px;font-weight:800;text-transform:uppercase}.infrastructure-hero h1{margin:0 0 15px;color:#fff;font-size:48px;line-height:1.14}.infrastructure-hero p{max-width:560px;color:#c7d6e8;font-size:17px}.infrastructure-hero .text-action{color:#e6eef8}.infrastructure-hero .text-action:hover{color:#fff}
.commerce-assurance{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}.commerce-assurance>div{padding:18px 24px}.commerce-assurance>div+div{border-left:1px solid var(--line)}.commerce-assurance strong,.commerce-assurance span{display:block}.commerce-assurance strong{font-size:14px}.commerce-assurance span{margin-top:2px;color:var(--muted);font-size:12px}
.catalog-section{margin-top:30px;padding:30px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}.catalog-heading{margin-bottom:22px}.infrastructure-product-list{border-top:0}.infrastructure-product-row{padding:22px;border:1px solid var(--line);border-radius:7px;background:#fbfcfe}.infrastructure-product-row+.infrastructure-product-row{margin-top:12px}.product-type{text-transform:none}.product-purchase{padding-left:22px}
.region-catalog{margin-top:24px;padding:28px 30px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}.region-directory{gap:8px;margin-top:18px;border-top:0}.region-directory-row,.region-directory-row:nth-child(odd),.region-directory-row:nth-child(even){min-height:54px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:#fbfcfe}.region-directory-row:hover{border-color:#aec4e7;background:#f5f8ff}.home-support-line{margin-top:24px;padding:22px 24px;border:1px solid var(--line);border-radius:8px;background:#fff}

.config-progress{display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 24px;padding:0 12px}.config-progress a{position:relative;display:flex;align-items:center;gap:9px;min-width:0;color:var(--muted);font-size:12px;font-weight:700}.config-progress a:not(:last-child):after{content:"";position:absolute;left:34px;right:10px;top:14px;height:1px;background:var(--line-strong)}.config-progress a>span{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid var(--line-strong);border-radius:50%;background:var(--page);font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:10px}.config-progress a>strong{position:relative;z-index:1;padding-right:9px;background:var(--page);white-space:nowrap}.config-progress a.active{color:var(--brand-700)}.config-progress a.active>span{border-color:var(--brand-600);background:var(--brand-600);color:#fff}
.reference-config-layout{gap:28px}.configuration-workspace{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm)}.workspace-heading{padding:16px 22px;background:#f8fafc}.reference-config .config-step,.reference-config .config-step:last-child{padding:0;border-bottom:1px solid var(--line)}.reference-config .config-step:last-child{border-bottom:0}.accordion-toggle{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:18px 22px;border:0;background:#fff;text-align:left;cursor:pointer}.accordion-toggle:hover{background:#fbfcfe}.reference-config .accordion-toggle .step-number{width:30px;height:30px;border:1px solid var(--brand-100);border-radius:50%;background:var(--brand-50)}.step-title strong,.step-title small{display:block}.step-title strong{font-size:16px}.step-title small{margin-top:2px;color:var(--muted);font-size:12px;font-weight:400}.accordion-state{display:none;color:var(--brand-700);font-size:12px;font-weight:700}.step-content{padding:0 22px 22px}.order-step-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.order-step-grid>div+div{padding-left:32px;border-left:1px solid var(--line)}.field-label{display:block;margin-bottom:9px;color:var(--muted);font-size:12px;font-weight:700}.reference-config .dense-choice-list{overflow:hidden;border:1px solid var(--line-strong);border-radius:6px}.reference-config .dense-choice-row{padding-inline:8px}.reference-config .dense-choice-row:last-child{border-bottom:0}.reference-config .config-summary{border:1px solid var(--line);background:#fff;box-shadow:0 12px 28px rgba(16,24,40,.07)}
.config-progress:has(a:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}.compact-notice{margin-bottom:22px}.button.disabled,.button[aria-disabled="true"]{pointer-events:none;opacity:.58}.availability-line.neutral{background:#f1f5f9;color:#475569}.country-choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0!important}.reference-config .country-choice{grid-template-columns:minmax(0,1fr) auto;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:6px}.selection-empty{padding:20px;color:var(--muted);text-align:center}.commercial-state-card{display:grid;gap:0}.commercial-state-card>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.commercial-state-card>div span{color:var(--muted);font-size:12px}.commercial-state-card>div strong{text-align:right}.commercial-state-card label,.commercial-state-card p{margin-top:14px}

@media(max-width:760px){
  .reference-home{padding-top:14px}.infrastructure-hero{min-height:330px;padding:28px 20px;background-position:58% center}.infrastructure-hero h1{font-size:32px}.infrastructure-hero p{max-width:310px;color:#d2ddec;font-size:14px}.infrastructure-hero .hero-actions{display:grid;gap:7px}.infrastructure-hero .hero-actions .button,.infrastructure-hero .text-action{width:100%}.commerce-assurance{grid-template-columns:repeat(3,1fr);margin-top:8px}.commerce-assurance>div{padding:13px 8px;text-align:center}.commerce-assurance>div+div{border-left:1px solid var(--line)}.commerce-assurance strong{font-size:12px}.commerce-assurance span{display:none}.catalog-section{margin-top:16px;padding:20px}.catalog-heading{margin-bottom:17px}.infrastructure-product-row{padding:17px}.region-catalog{margin-top:16px;padding:20px}.region-catalog-heading .search-field{margin-top:14px}.home-support-line{margin-top:16px;padding:18px}
  .reference-config{padding-top:20px}.config-page-heading{margin-bottom:18px}.config-progress{gap:0;margin-bottom:18px;padding:0}.config-progress a{display:grid;justify-items:center;gap:4px;text-align:center}.config-progress a:not(:last-child):after{left:calc(50% + 15px);right:calc(-50% + 15px);top:14px}.config-progress a>span{width:28px;height:28px;background:var(--page)}.config-progress a>strong{padding:0;background:transparent;font-size:10px;white-space:normal}.configuration-workspace{border-radius:7px}.workspace-heading{display:none}.accordion-toggle{grid-template-columns:34px minmax(0,1fr) auto;padding:15px 14px}.step-title strong{font-size:15px}.step-title small{display:none}.accordion-state{display:block}.step-content{display:none;padding:0 14px 16px}.accordion-step.is-open .step-content{display:block}.accordion-step.is-open .accordion-toggle{background:#f8fafc}.order-step-grid{grid-template-columns:1fr;gap:20px}.order-step-grid>div+div{padding:20px 0 0;border-top:1px solid var(--line);border-left:0}.reference-config .config-summary{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:var(--shadow-sm)}.reference-config .summary-price{margin-bottom:74px}.country-choice-list{grid-template-columns:1fr 1fr}.reference-config .country-choice{grid-template-columns:minmax(0,1fr) auto}.mobile-purchase-bar{min-height:68px}.mobile-purchase-bar strong{max-width:170px;line-height:1.15}body:has(.mobile-purchase-bar) .site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){
  .infrastructure-hero{min-height:322px;padding:25px 18px}.infrastructure-hero h1{font-size:30px}.catalog-section,.region-catalog{padding:18px}.product-purchase .button{min-width:120px}.config-progress a>strong{font-size:9px}.accordion-toggle{padding-inline:12px}.step-content{padding-inline:12px}.dense-choice-row{grid-template-columns:46px minmax(0,1fr) auto}.country-choice-list{grid-template-columns:1fr}.mobile-purchase-bar{gap:8px}.mobile-purchase-bar .button{min-width:118px}.mobile-purchase-bar strong{max-width:145px;font-size:16px}
}

/* Commercial acceptance: keep tablet cards inside the viewport and avoid
   using page-level overflow clipping to hide a broken layout. */
@media(max-width:900px) and (min-width:761px){
  .infrastructure-product-row{grid-template-columns:minmax(0,1fr) minmax(0,190px);gap:20px}
  .infrastructure-product-row .product-facts{grid-column:1/-1;grid-row:2}
  .infrastructure-product-row .product-purchase{grid-column:2;grid-row:1/3;align-self:center}
}
@media(max-width:760px){
  .infrastructure-product-row,.product-identity,.product-facts,.product-purchase{min-width:0}
  .product-purchase{grid-template-columns:minmax(0,1fr) minmax(0,auto);padding-left:0;width:100%}
  .product-purchase .button{min-width:0;max-width:100%;white-space:normal}
}
@media(max-width:390px){
  .product-purchase .button{min-width:0;padding-inline:12px}
  .mobile-purchase-bar .button{min-width:0;padding-inline:12px}
}