html.rohm-category-lp{--rohm:#e60012;--theme:#1478ed;--theme-soft:#eaf3ff;--navy:#03152d;--navy2:#061d3d;--hero-glow:rgba(38,141,246,.18);--ink:#111827;--muted:#667085;--line:#dbe2eb;--footer:#222222;--max:1200px;--page-bg:url('../backgrounds/auto/reliability.jpg')}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:#fff;border-top:3px solid var(--rohm)}button,input,select{font:inherit}img,svg{display:block}a{color:inherit}button{cursor:pointer}
html.rohm-category-lp[data-theme="reliability"]{--theme:#2469e8;--theme-soft:#eaf2ff;--navy:#02142a;--navy2:#061b3a;--hero-glow:rgba(38,141,246,.18)}
html.rohm-category-lp[data-theme="thermal"]{--theme:#e4572e;--theme-soft:#fdece7;--navy:#24130d;--navy2:#38180f;--hero-glow:rgba(228,87,46,.18)}
html.rohm-category-lp[data-theme="emc"]{--theme:#7457e8;--theme-soft:#f1edff;--navy:#16112b;--navy2:#221748;--hero-glow:rgba(116,87,232,.18)}
html.rohm-category-lp[data-theme="efficiency"]{--theme:#159a6f;--theme-soft:#e8f7f1;--navy:#092219;--navy2:#0d3325;--hero-glow:rgba(21,154,111,.18)}
html.rohm-category-lp[data-theme="highvoltage"]{--theme:#d99a16;--theme-soft:#fff5d9;--navy:#2b1d05;--navy2:#3f2a08;--hero-glow:rgba(217,154,22,.18)}
html.rohm-category-lp[data-theme="stability"]{--theme:#3b7e88;--theme-soft:#eaf5f6;--navy:#0f2326;--navy2:#16363a;--hero-glow:rgba(59,126,136,.18)}
html.rohm-category-lp[data-theme="compact"]{--theme:#1d9ba6;--theme-soft:#e8f7f9;--navy:#092126;--navy2:#0f3137;--hero-glow:rgba(29,155,166,.18)}
html.rohm-category-lp[data-theme="motor"]{--theme:#ff7a00;--theme-soft:#fff1e3;--navy:#2a1404;--navy2:#3b1c07;--hero-glow:rgba(255,122,0,.17)}
.site-header{height:100px;background:#fff;border-bottom:1px solid #e7ebf0}.header-inner{width:min(var(--max),calc(100% - 36px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand-logo{width:145px;height:70px;object-fit:contain}.brand-note{font-size:14px;color:#5f6b7a;border-left:1px solid #cfd6df;padding-left:18px;white-space:nowrap}.header-cta{border:0;border-radius:7px;background:linear-gradient(180deg,#ef0013,#d50010);color:#fff;font-size:14px;font-weight:800;padding:13px 22px;box-shadow:0 8px 18px rgba(230,0,18,.20)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#03152d;color:#fff}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,13,29,.93) 0%,rgba(1,13,29,.82) 30%,rgba(1,13,29,.38) 52%,rgba(1,13,29,.18) 70%,rgba(1,13,29,.38) 100%),radial-gradient(circle at 58% 48%,var(--hero-glow),transparent 36%);pointer-events:none}.hero-illustration{position:absolute;z-index:-2;inset:0;background-image:none;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:1}.hero-inner{width:min(var(--max),calc(100% - 36px));margin:auto;min-height:545px;padding:28px 0 24px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:72px;align-items:center}.hero-copy{min-width:0}.pill{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--theme) 88%, black),color-mix(in srgb,var(--theme) 82%, white));font-size:14px;font-weight:800;box-shadow:0 8px 20px color-mix(in srgb,var(--theme) 24%, transparent)}.hero h1{margin:20px 0 14px;font-size:44px;line-height:1.21;letter-spacing:-.035em;font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,.18)}.hero-rule{width:42px;height:4px;border-radius:3px;background:color-mix(in srgb,var(--theme) 90%, white);margin-bottom:16px}.hero-lead{margin:0 0 24px;max-width:540px;color:#d9e3ef;font-size:15px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:580px}.feature{min-width:0;padding:0 12px;border-left:1px solid rgba(255,255,255,.24)}.feature:first-child{border-left:0;padding-left:0}.icon-box{width:39px;height:39px;margin-bottom:8px;border:2px solid color-mix(in srgb,var(--theme) 70%, white);border-radius:11px;display:grid;place-items:center;color:color-mix(in srgb,var(--theme) 78%, white)}.icon-box svg{width:24px;height:24px;stroke:currentColor}.feature strong{display:block;font-size:13px;line-height:1.4;margin-bottom:3px}.feature span{display:block;font-size:11.5px;line-height:1.55;color:#c4cfdb}
.form-card{align-self:center;background:#fff;color:var(--ink);border-radius:14px;padding:20px 20px 16px;box-shadow:0 26px 60px rgba(0,0,0,.30)}.form-heading{display:flex;align-items:center;gap:10px;margin:0 0 5px;font-size:20px;font-weight:900}.form-heading .round-icon{width:35px;height:35px;border-radius:50%;background:color-mix(in srgb,var(--theme) 70%, black);color:#fff;display:grid;place-items:center;flex:0 0 auto}.form-heading svg{width:19px;height:19px;stroke:currentColor}.form-sub{margin:0 0 13px;font-size:12px;line-height:1.65;color:#687587}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}.form-card input,.form-card select{width:100%;height:42px;border:1px solid #d6dde6;border-radius:6px;background:#fff;color:#253244;padding:0 12px;outline:none}.form-card input::placeholder{color:#8a94a3}.form-card input:focus,.form-card select:focus{border-color:var(--theme);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme) 10%, transparent)}.policy{display:flex;gap:7px;align-items:flex-start;margin:13px 0;font-size:12px;color:#596677}.policy input{width:16px;height:16px;min-width:16px;flex:0 0 16px;padding:0;margin:1px 0 0;box-shadow:none;accent-color:var(--rohm)}.policy a{color:var(--theme);text-decoration:none}.form-download,.dual-btn{width:100%;border:0;border-radius:6px;padding:14px 12px;background:linear-gradient(180deg,#ef0013,#db0010);color:#fff;font-size:15px;font-weight:900;box-shadow:0 11px 26px rgba(230,0,18,.24)}.download-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secure-note{text-align:center;font-size:11px;color:#8a95a4;margin:10px 0 0}
.learn{background:#fff;padding:14px 0 16px}.learn-inner{width:min(var(--max),calc(100% - 36px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr) 1.42fr;gap:14px}.learn-title{grid-column:1/-1;text-align:center;margin:0;font-size:22px;font-weight:900;color:#101828}.learn-title::before,.learn-title::after{content:"";display:inline-block;vertical-align:middle;width:34px;height:2px;background:var(--theme);margin:0 18px}.learn-card,.side-card{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 4px 13px rgba(16,24,40,.035)}.learn-card{min-height:116px;padding:15px;display:grid;grid-template-columns:66px 1fr;gap:14px;align-items:center}.num{font-size:34px;line-height:1;font-weight:900;color:var(--theme)}.circle-icon{width:44px;height:44px;border-radius:50%;background:var(--theme-soft);color:var(--theme);display:grid;place-items:center;margin-top:8px}.circle-icon svg{width:25px;height:25px;stroke:currentColor}.learn-card h3,.side-card h3{margin:0 0 6px;font-size:15px}.learn-card p,.side-card p{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}.side-stack{display:grid;gap:10px}.side-card{padding:14px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.side-card .circle-icon{margin:0}
.site-footer{height:70px;background:var(--footer);color:#cbd0d7}.footer-inner{width:min(var(--max),calc(100% - 36px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.footer-links{display:flex;gap:20px;font-size:12px}.footer-links a{color:#cbd0d7;text-decoration:none}.footer-logo{width:200px;max-height:50px;object-fit:contain}
.index-wrap{width:min(var(--max),calc(100% - 36px));margin:0 auto;padding:24px 0 48px}.intro{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 8px 24px rgba(16,24,40,.05);margin-top:22px}.intro h1{margin:10px 0 10px;font-size:32px}.intro p{color:#5f6b7a;line-height:1.7}.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.list-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 4px 14px rgba(16,24,40,.04)}.list-meta{font-size:12px;color:#6b7280;margin-bottom:6px}.list-card strong{display:block;font-size:16px;line-height:1.5;margin-bottom:6px}.list-card span{font-size:13px;color:#5f6b7a;line-height:1.6}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr;gap:28px}.form-card{max-width:700px;width:100%;margin:auto}.hero-illustration{inset:0;opacity:1}.learn-inner{grid-template-columns:repeat(3,1fr)}.side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:auto}.header-inner{padding:8px 14px}.brand-logo{width:125px;height:auto}.brand-note{display:none}.header-cta{font-size:13px;padding:11px 13px}.hero-inner{display:block;padding:28px 0}.hero h1{font-size:34px}.hero-illustration{inset:0;opacity:.82;background-position:62% center}.feature-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}.feature:nth-child(3){border-left:0;padding-left:0}.form-card{margin-top:8px}.learn-inner{display:block}.learn-card,.side-card{margin-bottom:10px}.side-stack{display:block}.site-footer{height:auto}.footer-inner{display:block;padding:18px 0}.footer-links{margin-bottom:16px;flex-wrap:wrap}.list-grid{grid-template-columns:1fr}}
body.rohm-category-page{min-width:0;line-height:normal;padding:0;background:#fff}body.rohm-category-page.admin-bar{padding-top:0}.rohm-category-page .hero h1{color:#fff}.rohm-category-page input{min-width:0}.rohm-category-page .site-header,.rohm-category-page .site-footer{position:relative;width:100%;float:none}.rohm-category-page a:focus-visible,.rohm-category-page button:focus-visible{outline:3px solid var(--theme);outline-offset:3px}
/* Existing desktop background offset retained. */
/* PCF”wŒi‰æ‘œ‚ð‚µ¬‚³‚‚µA¶Šñ‚è‚É”z’u */
@media (min-width: 1051px) {
.rohm-category-page .hero-illustration {
left: 0;
right: 0;
background-size: 100% auto;
background-position: left center;
background-repeat: no-repeat;
}
}
/* Marketo compact layout. All form overrides are kept in this section. */
@media (min-width: 1051px) {
.rohm-category-page .hero-inner:has(#marketo-download) {
grid-template-columns: minmax(0, 1fr) 440px;
gap: 40px;
}
}
#marketo-download { min-width: 0; }
#marketo-download .mktoForm,
#marketo-download .mktoForm * { box-sizing: border-box; }
#marketo-download .mktoForm {
width: 100% !important;
max-width: 100%;
margin: 0;
padding: 0 !important;
font-family: inherit;
font-size: 13px;
line-height: 1.5;
}
#marketo-download .mktoForm .mktoFormRow { clear: both; }
#marketo-download .mktoForm .mktoFormCol {
float: none !important;
width: 100% !important;
min-width: 0;
margin-bottom: 9px !important;
}
#marketo-download .mktoForm .mktoFieldWrap {
float: none !important;
width: 100% !important;
min-width: 0;
display: grid;
grid-template-columns: 108px minmax(0, 1fr);
align-items: start;
column-gap: 10px;
}
#marketo-download .mktoForm .mktoOffset,
#marketo-download .mktoForm .mktoGutter { display: none !important; }
#marketo-download .mktoForm .mktoFieldWrap > .mktoClear { display: none; }
#marketo-download .mktoForm .mktoLabel {
float: none !important;
display: block;
width: auto !important;
margin: 0 !important;
padding: 8px 0 0 !important;
font-size: 12px;
line-height: 1.5;
overflow-wrap: anywhere;
}
#marketo-download .mktoForm .mktoAsterix {
float: none !important;
display: inline;
margin-right: 4px;
color: #e60012;
}
#marketo-download .mktoForm input[type="text"],
#marketo-download .mktoForm input[type="email"],
#marketo-download .mktoForm input[type="tel"],
#marketo-download .mktoForm input[type="number"],
#marketo-download .mktoForm input[type="url"],
#marketo-download .mktoForm select,
#marketo-download .mktoForm textarea {
float: none !important;
width: 100% !important;
max-width: 100%;
min-width: 0;
height: auto !important;
min-height: 36px;
padding: 7px 9px !important;
border: 1px solid #d6dde6;
border-radius: 6px;
background: #fff;
color: #253244;
font-family: inherit;
font-size: 12px;
line-height: 1.5;
}
#marketo-download .mktoForm textarea { min-height: 80px; resize: vertical; }
#marketo-download .mktoForm input[type="checkbox"],
#marketo-download .mktoForm input[type="radio"] {
appearance: auto !important;
-webkit-appearance: auto !important;
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
min-height: 16px !important;
max-width: 16px !important;
padding: 0 !important;
border: revert !important;
border-radius: revert !important;
background: revert !important;
box-shadow: none !important;
accent-color: #e60012;
}
#marketo-download .mktoForm .mktoCheckboxList,
#marketo-download .mktoForm .mktoRadioList {
float: none !important;
width: 100% !important;
min-width: 0;
padding: 7px 0 0 !important;
display: grid;
grid-template-columns: 16px minmax(0, 1fr) 16px minmax(0, 1fr);
align-items: start;
gap: 7px 6px;
}
#marketo-download .mktoForm .mktoCheckboxList > input,
#marketo-download .mktoForm .mktoRadioList > input {
float: none !important;
clear: none;
margin: 2px 0 0 !important;
}
#marketo-download .mktoForm .mktoCheckboxList > label,
#marketo-download .mktoForm .mktoRadioList > label {
display: block !important;
float: none !important;
width: auto !important;
min-width: 0;
min-height: 20px;
margin: 0 !important;
padding: 0 !important;
text-align: left;
font-size: 12px;
line-height: 1.6;
overflow-wrap: anywhere;
}
/* A one-option consent field keeps its full label and checkbox on one row. */
#marketo-download .mktoForm .mktoFieldWrap:has(> .mktoCheckboxList > input[type="checkbox"]:only-of-type) {
grid-template-columns: minmax(0, 1fr) 20px;
}
#marketo-download .mktoForm .mktoCheckboxList:has(> input:only-of-type),
#marketo-download .mktoForm .mktoRadioList:has(> input:only-of-type) {
grid-template-columns: 16px minmax(0, 1fr);
}
/* If a single choice has its own text, allow it the normal field width. */
#marketo-download .mktoForm .mktoFieldWrap:has(> .mktoCheckboxList > input:only-of-type):has(.mktoCheckboxList > label:not(:empty)) {
grid-template-columns: 108px minmax(0, 1fr);
}
#marketo-download .mktoForm .mktoHtmlText {
width: 100% !important;
max-width: 100%;
font-size: 12px;
line-height: 1.6;
overflow-wrap: anywhere;
}
#marketo-download .mktoForm .mktoHtmlText p { margin: 0 0 6px; }
#marketo-download .mktoForm .mktoButtonRow { display: block; width: 100%; }
#marketo-download .mktoForm .mktoButtonWrap { display: block; margin-left: 0 !important; }
#marketo-download .mktoForm button.mktoButton {
width: 100% !important;
min-height: 42px;
padding: 10px !important;
border: 0 !important;
border-radius: 6px !important;
background: #e60012 !important;
color: #fff !important;
font: inherit;
font-weight: 700;
cursor: pointer;
}
#marketo-download .mktoForm :is(input, select, textarea, button):focus-visible {
outline: 2px solid var(--theme);
outline-offset: 2px;
}
/* Narrow phones: readable full-width fields, two-column choices. */
@media (max-width: 480px) {
#marketo-download .mktoForm .mktoFieldWrap,
#marketo-download .mktoForm .mktoFieldWrap:has(> .mktoCheckboxList > input:only-of-type):has(.mktoCheckboxList > label:not(:empty)) {
display: block;
}
#marketo-download .mktoForm .mktoLabel {
padding: 0 !important;
margin-bottom: 4px !important;
}
#marketo-download .mktoForm input[type="text"],
#marketo-download .mktoForm input[type="email"],
#marketo-download .mktoForm input[type="tel"],
#marketo-download .mktoForm input[type="number"],
#marketo-download .mktoForm input[type="url"],
#marketo-download .mktoForm select,
#marketo-download .mktoForm textarea { font-size: 16px; }
}