/* FPFARHAN V17 — restrained electronics UI */
:root{
  --v17-ink:#0b1220;
  --v17-text:#182235;
  --v17-muted:#65738a;
  --v17-line:#e3e9f1;
  --v17-blue:#1f6fff;
  --v17-blue-dark:#1457d1;
  --v17-cyan:#56d8ee;
  --v17-paper:#ffffff;
  --v17-bg:#f6f8fb;
  --v17-soft:#eef4fb;
  --v17-radius:18px;
  --v17-shadow:0 14px 42px rgba(12,31,55,.07);
  --geist:"Geist Variable","Geist","Segoe UI",Arial,sans-serif;
  --nazanin:"B Nazanin","Nazanin",Tahoma,Arial,sans-serif;
}
html{background:var(--v17-bg)}
body{font-family:var(--nazanin)!important;background:var(--v17-bg)!important;color:var(--v17-text)!important;font-size:17px!important;line-height:1.82!important}
.en,.ltr,.mono,.price,.status,.eyebrow,.kpi,.brand-en,input[type=email],input[type=url],input[name*=part],input[name*=manufacturer],input[name*=ref]{font-family:var(--geist)!important}
.page-shell{animation:none!important}
.scroll-progress{height:2px!important;background:var(--v17-blue)!important}

/* Header: no order CTA, no utility strip */
.utility-bar,.sticky-order-cta,.order-cta,.header-service-trigger{display:none!important}
.v17-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(227,233,241,.9)}
.v17-nav{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.v17-brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:150px}
.v17-brand-en{font-family:var(--geist)!important;font-size:28px;font-weight:700;letter-spacing:-.045em;line-height:1;color:#0a1527}
.v17-brand-sub{font-family:var(--nazanin)!important;color:#8290a4;font-size:12.5px;line-height:1.25;margin-top:5px}
.v17-navlinks{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
.v17-navlinks a{font-family:var(--nazanin)!important;font-size:16px!important;color:#334259!important;padding:9px 12px!important;border-radius:9px!important;background:transparent!important;white-space:nowrap}
.v17-navlinks a:hover{color:var(--v17-blue)!important;background:#f3f7fc!important}
.v17-account{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#536277;font-size:15px}.v17-account a:hover{color:var(--v17-blue)}.v17-account span{color:#bdc6d2}.v17-admin-link{color:var(--v17-blue)!important}
.v17-mobile-toggle{display:none!important}

/* Hero */
.v17-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fbfcfe 0%,#f3f7fb 100%);border-bottom:1px solid var(--v17-line)}
.v17-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 24%,rgba(31,111,255,.11),transparent 21%),radial-gradient(circle at 87% 76%,rgba(86,216,238,.10),transparent 23%);pointer-events:none}
.v17-hero-pattern{position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(30,89,145,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(30,89,145,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 4%,#000 24%,#000 72%,transparent 98%)}
.v17-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.75fr);gap:76px;align-items:center;min-height:620px;padding:74px 0}
.v17-kicker{display:inline-block;color:#2f6fce;font-size:12px;font-weight:600;letter-spacing:.11em;margin-bottom:17px}
.v17-hero-copy h1{font-family:var(--nazanin)!important;font-size:52px!important;line-height:1.35!important;max-width:760px;margin:0 0 18px!important;color:#0c1729!important;font-weight:700!important}
.v17-hero-copy h1 strong{font-weight:700;color:var(--v17-blue)}
.v17-hero-copy>p{max-width:790px;color:#56667d;font-size:19px;line-height:2;margin:0}
.v17-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:27px}
.v17-primary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border-radius:11px;background:var(--v17-ink);color:#fff;font-weight:700;box-shadow:0 10px 25px rgba(11,18,32,.13);transition:.18s}.v17-primary-action:hover{transform:translateY(-1px);background:#111e33}
.v17-text-action{display:inline-flex;align-items:center;gap:8px;color:#35516f;font-weight:700}.v17-text-action:hover{color:var(--v17-blue)}
.v17-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid #dfe6ef;color:#64758b;font-size:14px}.v17-trust span{display:flex;align-items:center;gap:8px}.v17-trust span:before{content:"";width:7px;height:7px;border-radius:50%;background:#34b77b;box-shadow:0 0 0 4px rgba(52,183,123,.08)}

/* Project intake inspired by file-first workflows, no gimmick illustration */
.v17-intake{background:rgba(255,255,255,.93);border:1px solid #dce5ef;border-radius:22px;padding:22px;box-shadow:0 28px 70px rgba(28,51,79,.11);backdrop-filter:blur(10px)}
.v17-intake-head{padding:4px 4px 17px;border-bottom:1px solid #e8edf3}.v17-intake-head>span{font-family:var(--geist)!important;font-size:11px;font-weight:700;letter-spacing:.12em;color:#3276d7}.v17-intake-head h2{font-size:25px!important;margin:7px 0 5px!important;color:#132037}.v17-intake-head p{font-size:14.5px;color:#728198;margin:0}
.v17-intake-row{display:grid;grid-template-columns:50px 1fr 24px;gap:13px;align-items:center;padding:15px 5px;border-bottom:1px solid #edf1f5;transition:.17s}.v17-intake-row:hover{padding-right:10px;background:#fbfdff}.v17-intake-row:last-of-type{border-bottom:0}.v17-intake-row>i{font-style:normal;color:#8da0b7;font-size:20px}.v17-intake-row b{display:block;font-size:16.5px;color:#19263a}.v17-intake-row small{display:block;color:#728198;font-size:13px!important;margin-top:2px}.v17-intake-icon{font-family:var(--geist)!important;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:12px;font-weight:700;border:1px solid}.v17-intake-icon.pcb{background:#eaf2ff;color:#185fd0;border-color:#d1e2ff}.v17-intake-icon.bom{background:#edf9f5;color:#167052;border-color:#d4efe5}.v17-intake-icon.re{background:#f4efff;color:#6c4bb7;border-color:#e5dafa}.v17-intake-note{padding-top:12px;color:#8390a3;font-size:12.5px;text-align:center}

/* compact service bar */
.v17-service-strip{background:#fff;border-bottom:1px solid var(--v17-line)}
.v17-service-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.v17-service-strip-grid>a{display:grid;grid-template-columns:34px 1fr 20px;gap:12px;align-items:center;padding:22px 22px;border-left:1px solid #e8edf3;transition:.17s}.v17-service-strip-grid>a:last-child{border-left:0}.v17-service-strip-grid>a:hover{background:#f8fbff}.v17-service-strip-grid>a>span{font-family:var(--geist)!important;color:#a7b2c1;font-size:11px}.v17-service-strip-grid b{display:block;font-size:16px;color:#18263a}.v17-service-strip-grid small{font-family:var(--geist)!important;color:#7f8ea3;font-size:10.5px!important}.v17-service-strip-grid i{font-style:normal;color:#8ea0b6}

/* section language */
.v17-section-head{max-width:820px;margin-bottom:30px}.v17-section-head.split{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.v17-section-head>span,.v17-section-head>div>span{font-family:var(--geist)!important;font-size:11px;font-weight:700;letter-spacing:.1em;color:#2f73d4}.v17-section-head h2{font-size:32px!important;line-height:1.45!important;margin:6px 0 5px!important;color:#132038}.v17-section-head p{color:#67778e;margin:0;max-width:780px}
.v17-platform{background:#fff!important;border-bottom:1px solid var(--v17-line)}
.v17-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v17-cap-grid article{padding:24px;background:#fff;border:1px solid #e2e9f1;border-radius:17px;min-height:230px;box-shadow:0 8px 28px rgba(18,39,64,.045);transition:.18s}.v17-cap-grid article:hover{transform:translateY(-3px);border-color:#cbdaf0;box-shadow:var(--v17-shadow)}.v17-cap-grid article>span{font-family:var(--geist)!important;font-size:10.5px;color:#2971dd;letter-spacing:.1em}.v17-cap-grid h3{font-size:21px!important;margin:13px 0 7px!important}.v17-cap-grid p{color:#65748b;font-size:15px;line-height:1.9;margin:0}.v17-cap-grid small{font-family:var(--geist)!important;display:block;margin-top:17px;color:#8b98aa;font-size:10px!important}

/* technical dark band */
.v17-dark-band{background:#0b1627;color:#fff;position:relative;overflow:hidden}.v17-dark-band:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(78,160,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(78,160,220,.05) 1px,transparent 1px);background-size:46px 46px;pointer-events:none}.v17-dark-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding:70px 0}.v17-dark-copy>span{font-family:var(--geist)!important;color:#69d7ef;font-size:11px;letter-spacing:.1em}.v17-dark-copy h2{font-size:32px!important;line-height:1.55!important;margin:8px 0 10px!important}.v17-dark-copy p{color:#aebed0;line-height:1.95}.v17-dark-copy a{display:inline-block;margin-top:8px;color:#7fdff2;font-weight:700}.v17-spec-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v17-spec-panel>div{padding:17px 18px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.v17-spec-panel span{display:block;font-family:var(--geist)!important;color:#72dff5;font-size:10px;letter-spacing:.1em}.v17-spec-panel b{display:block;font-family:var(--geist)!important;font-size:14px;margin-top:5px;color:#eef5fa}

/* Marketplace / knowledge */
.v17-market-preview{background:#f5f8fc!important}.v17-market-grid{grid-template-columns:repeat(3,1fr)!important}.v17-market-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:5px;background:linear-gradient(145deg,#eaf0f7,#f7fafc);color:#607087}.v17-market-placeholder span{font-family:var(--geist)!important;font-weight:700;font-size:22px}.v17-market-placeholder small{font-family:var(--geist)!important;font-size:10px!important;letter-spacing:.08em}.v17-knowledge{background:#fff!important}.knowledge-clean-card{border-radius:17px!important;box-shadow:0 8px 24px rgba(16,38,65,.04)!important;border:1px solid #e3e9f1!important}.knowledge-clean-card:hover{transform:translateY(-2px)}

/* final CTA without floating button */
.v17-final{background:#eef4fb;border-top:1px solid #dfe7f0}.v17-final-grid{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:42px 0}.v17-final-grid>div>span{font-family:var(--geist)!important;font-size:10px;letter-spacing:.1em;color:#2f72d2}.v17-final h2{font-size:28px!important;margin:5px 0 3px!important}.v17-final p{margin:0;color:#6d7d92}.v17-final-links{display:flex;gap:9px;flex-wrap:wrap}.v17-final-links a{padding:10px 15px;border-radius:10px;background:#fff;border:1px solid #d8e2ee;color:#304866;font-weight:700}.v17-final-links a:first-child{background:#14233a;color:#fff;border-color:#14233a}

/* Brand / English typography guarantee */
.v17-brand-en,.v17-footer-wordmark>span{font-family:var(--geist)!important;font-synthesis:none!important;font-feature-settings:"kern" 1,"liga" 1}
.v17-footer-wordmark{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.v17-footer-wordmark>span{font-size:24px;font-weight:700;letter-spacing:-.04em;color:#fff}.v17-footer-wordmark>small{font-family:var(--nazanin)!important;color:#96a9be;font-size:14px!important}
.v17-footer{padding-bottom:28px!important}

/* Order pages: preserve functions, modernize rhythm */
.page-hero-tech{background:linear-gradient(180deg,#0c1728,#10253d)!important}.page-hero-tech:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,175,220,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(83,175,220,.05) 1px,transparent 1px);background-size:46px 46px;pointer-events:none}.page-hero-tech>.container{position:relative}.order-topnav a{font-family:var(--nazanin)!important}.tech-hero-card{box-shadow:none!important;background:rgba(255,255,255,.055)!important}.form-card,.quote-card{box-shadow:0 8px 28px rgba(15,34,57,.045)!important}.supplier-titlebar{background:#10263e!important}.rfq-section-nav{box-shadow:0 7px 20px rgba(13,31,53,.045)!important}.help:hover:after,.help:focus:after,.help.show:after{font-family:var(--nazanin)!important}

@media(max-width:1050px){
  .v17-nav{grid-template-columns:auto 1fr auto;gap:18px}.v17-navlinks a{padding:8px 8px!important;font-size:15px!important}
  .v17-hero-grid{grid-template-columns:1fr .78fr;gap:40px}.v17-hero-copy h1{font-size:44px!important}.v17-cap-grid{grid-template-columns:repeat(2,1fr)}.v17-market-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:820px){
  .v17-nav{grid-template-columns:auto auto 1fr}.v17-brand{min-width:auto}.v17-account{justify-self:end}.v17-mobile-toggle{display:block!important;margin-right:auto}.v17-navlinks{display:none!important}.v17-navlinks.open{display:flex!important;position:absolute!important;top:68px;right:3%;left:3%;flex-direction:column!important;align-items:stretch!important;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px!important;box-shadow:var(--v17-shadow)}.v17-navlinks.open a{text-align:right}.v17-brand-sub{display:none}.v17-brand-en{font-size:25px}
  .v17-hero-grid{grid-template-columns:1fr;min-height:auto;padding:52px 0}.v17-hero-copy h1{font-size:39px!important}.v17-intake{max-width:640px}.v17-service-strip-grid{grid-template-columns:repeat(2,1fr)}.v17-service-strip-grid>a:nth-child(2){border-left:0}.v17-service-strip-grid>a:nth-child(-n+2){border-bottom:1px solid #e8edf3}.v17-dark-grid{grid-template-columns:1fr;gap:28px}.v17-market-grid{grid-template-columns:1fr!important}.v17-section-head.split{align-items:flex-start;flex-direction:column}.v17-final-grid{grid-template-columns:1fr}.v17-final-links{justify-content:flex-start}
}
@media(max-width:540px){
  .v17-account span,.v17-account a:first-child{display:none}.v17-account a:last-child{display:inline}.v17-hero-copy h1{font-size:34px!important}.v17-hero-copy>p{font-size:17px}.v17-hero-actions{align-items:flex-start;flex-direction:column}.v17-primary-action{width:100%}.v17-trust{display:grid;gap:9px}.v17-service-strip-grid{grid-template-columns:1fr}.v17-service-strip-grid>a{border-left:0!important;border-bottom:1px solid #e8edf3!important}.v17-service-strip-grid>a:last-child{border-bottom:0!important}.v17-cap-grid{grid-template-columns:1fr}.v17-spec-panel{grid-template-columns:1fr}.v17-section-head h2{font-size:27px!important}.v17-final-links{display:grid}.v17-final-links a{text-align:center}
}
