:root{--blue: #dfe8fb;--orange: #ff320f;--orange-dark: #c6270f;--peach: #ffbd7f;--ink: #11121c;--muted: #596174;--line: rgba(17, 18, 28, .12);--paper: #fff8f1;--white: #ffffff;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(180deg,var(--blue) 0%,#f6f8ff 42%,#fff3e5 100%)}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.nav{position:fixed;z-index:40;top:18px;left:50%;display:grid;width:min(1240px,calc(100% - 32px));grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:18px;padding:10px 12px;border:1px solid rgba(255,255,255,.46);border-radius:8px;background:#ffffffc7;box-shadow:0 16px 48px #11121c14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.brand,.nav-links,.hero-actions,.metric-strip,.contact-section{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:6px;color:var(--white);background:var(--orange);font-size:15px;font-weight:900}.nav-links{justify-content:center;gap:6px;color:#303544;font-size:14px;white-space:nowrap}.nav-links>a,.nav-item>a{display:inline-flex;min-height:38px;align-items:center;gap:6px;border-radius:6px;padding:9px 12px;background:linear-gradient(135deg,#ffffff94,#ffffff2e);border:1px solid rgba(255,255,255,.32)}.nav-links>a:hover,.nav-item:hover>a,.nav-item:focus-within>a{color:#fff;background:linear-gradient(135deg,var(--orange),#ff6b32);border-color:#ffffff42}.nav-links>a.active,.nav-item.active>a{color:#fff;background:linear-gradient(135deg,var(--orange),#ff6b32);border-color:#ffffff42}.nav-cta,.primary-btn,.ghost-btn,.ghost-dark-btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:6px;padding:12px 18px;font-weight:800}.nav-cta,.primary-btn{color:#fff;background:var(--orange)}.ghost-btn{border:1px solid rgba(255,255,255,.54);color:#fff;background:#ffffff29}.ghost-dark-btn{border:1px solid rgba(17,18,28,.16);color:var(--ink);background:#ffffff9e}.nav-item{position:relative;padding:10px 0}.submenu{position:absolute;top:calc(100% - 1px);left:50%;z-index:50;display:grid;min-width:260px;max-height:min(70svh,460px);overflow-y:auto;gap:2px;padding:10px;border:1px solid rgba(17,18,28,.1);border-radius:8px;background:#fffffff5;box-shadow:0 26px 62px #11121c29;opacity:0;pointer-events:none;transform:translate(-50%,8px)}.submenu a{padding:10px 12px;border-radius:6px;color:#313644;font-size:13px}.submenu a:hover{color:#fff;background:var(--orange)}.nav-item:hover .submenu,.nav-item:focus-within .submenu{opacity:1;pointer-events:auto;transform:translate(-50%)}.hero{position:relative;height:100svh;min-height:680px;overflow:hidden;background:#0e1018}.banner-slide{position:absolute;inset:0;cursor:pointer;opacity:0}.banner-slide.is-active{opacity:1}.banner-slide img{display:block;width:100%;height:100%;object-fit:cover}.banner-shade{position:absolute;inset:0;background:radial-gradient(circle at 20% 76%,#ff320f33,#ff320f00 34%),linear-gradient(90deg,#07080edb,#07080e8a 46%,#07080e1a),linear-gradient(180deg,#07080e29,#07080e66)}.hero-copy{position:absolute;z-index:4;left:max(42px,calc((100vw - 1240px)/2));bottom:96px;width:min(780px,calc(100% - 48px))}.eyebrow{margin:0 0 16px;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.gradient-title{margin-bottom:22px;color:#fff;background:linear-gradient(92deg,#fff3e8 0%,#ffbd7f 32%,var(--orange) 66%,#c6270f 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,4.8vw,68px);line-height:1.04;letter-spacing:0;-webkit-text-fill-color:transparent}.hero .gradient-title{background:linear-gradient(92deg,#fff7ef,#ffca93 25%,#ff320f 58%,#fff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 12px 30px rgba(0,0,0,.62))}.hero-lede{max-width:650px;color:#ffffffd1;font-size:clamp(18px,2vw,23px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.banner-controls{position:absolute;z-index:5;right:max(28px,calc((100vw - 1240px)/2));bottom:106px;display:grid;gap:10px}.banner-dot{width:42px;height:7px;border:0;border-radius:999px;background:#ffffff6b;cursor:pointer}.banner-dot.is-active{width:64px;background:var(--orange)}.metric-strip,.section,.contact-section{width:min(1240px,calc(100% - 36px));margin-right:auto;margin-left:auto}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:32px;border:1px solid var(--line);border-radius:8px;background:#11121c1a}.metric-strip div{min-height:126px;padding:24px;background:#ffffffa8}.metric-strip strong{display:block;margin-bottom:8px;color:var(--orange-dark);font-size:clamp(24px,3vw,42px);line-height:1.05}.metric-strip span{color:var(--muted)}.section{padding:104px 0}.home-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:48px;align-items:end;padding-top:128px}.home-intro h2,.home-final-cta h2{max-width:900px;margin:0;font-size:clamp(30px,4vw,56px);line-height:1.08}.home-intro>p,.home-final-cta>p{color:var(--muted);font-size:18px;line-height:1.75}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,450px);gap:42px;align-items:end;margin-bottom:36px}.section-heading h2,.contact-section h2,.subpage-hero h1{max-width:850px;margin-bottom:0;color:var(--ink);font-size:clamp(28px,3.6vw,48px);line-height:1.1}.section-heading>p,.contact-section p,.subpage-hero p{margin-bottom:0;color:var(--muted);font-size:17px;line-height:1.72}.home-section,.industry-section{width:min(1240px,calc(100% - 36px));margin:0 auto}.product-grid,.scenario-grid,.factory-grid,.resource-grid,.detail-grid,.gallery-grid,.challenge-grid,.platform-grid,.industry-grid,.root-metrics{display:grid;gap:16px}.challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.challenge-grid article,.platform-grid article,.industry-grid article{border:1px solid var(--line);border-radius:8px;background:#ffffffb3;box-shadow:0 18px 48px #11121c0f}.challenge-grid article{min-height:300px;padding:28px}.challenge-grid span{display:grid;width:50px;height:50px;place-items:center;margin-bottom:34px;border-radius:6px;color:#fff;background:var(--orange);font-weight:900}.challenge-grid h3,.platform-grid h3,.industry-grid h3,.story-stack h3{margin-bottom:14px;font-size:clamp(21px,2.2vw,28px);line-height:1.14}.challenge-grid p,.platform-grid p,.industry-grid p,.story-stack p{color:var(--muted);line-height:1.68}.home-product-showcase{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:112px 0}.platform-grid{grid-template-columns:1.1fr .95fr .95fr}.platform-grid article{display:grid;min-height:430px;align-content:space-between;padding:30px;color:#fff;overflow:hidden}.platform-grid article:before{content:"";display:block;width:100%;height:150px;margin-bottom:28px;border-radius:6px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 54%),repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 12px)}.platform-grid .card-kicker,.platform-grid p{color:#ffffffc7}.platform-grid a{justify-self:start;color:#fff;font-weight:900}.platform-led{background:linear-gradient(140deg,#ff320feb,#11121cf5),var(--ink)}.platform-rental{background:linear-gradient(140deg,#ffbd7fe6,#c6270feb),var(--orange-dark)}.platform-lcd{background:linear-gradient(140deg,#11121cf0,#3b568ce0),var(--ink)}.method-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(360px,1fr);gap:56px;width:min(1240px,calc(100% - 36px));margin:0 auto}.method-copy{position:sticky;top:130px;align-self:start}.method-copy h2{margin-bottom:22px;font-size:clamp(30px,3.8vw,52px);line-height:1.08}.method-copy p:last-child{color:var(--muted);font-size:18px;line-height:1.74}.method-rail{display:grid;gap:14px}.method-rail article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;min-height:180px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#ffffffb3;box-shadow:0 18px 48px #11121c0f}.method-rail span{display:grid;width:54px;height:54px;place-items:center;border-radius:6px;color:#fff;background:var(--orange);font-weight:900}.method-rail h3{margin-bottom:10px;font-size:25px}.method-rail p{margin:0;color:var(--muted);line-height:1.65}.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.industry-grid article{min-height:230px;padding:26px}.story-section{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1fr);gap:34px;width:min(1240px,calc(100% - 36px));margin:0 auto;padding:112px 0}.story-section>div:first-child{display:grid;align-content:center}.story-section h2{margin-bottom:22px;font-size:clamp(30px,3.8vw,54px);line-height:1.08}.story-section>div:first-child>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:18px;line-height:1.74}.story-stack{display:grid;gap:16px}.story-stack article{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffffbd;box-shadow:0 18px 48px #11121c0f}.story-stack img{display:block;width:100%;aspect-ratio:4 / 3;border-radius:6px;object-fit:cover}.home-final-cta{width:min(1240px,calc(100% - 36px));margin:0 auto 76px;padding:64px;border:1px solid rgba(255,50,15,.22);border-radius:8px;background:linear-gradient(120deg,rgba(255,50,15,.12),transparent 42%),linear-gradient(240deg,rgba(255,189,127,.28),transparent 36%),#ffffffb8}.home-final-cta .primary-btn{margin-top:20px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card,.scenario-grid article,.factory-grid article,.resource-grid article,.detail-grid article,.quality-row{border:1px solid var(--line);border-radius:8px;background:#ffffffad;box-shadow:0 18px 48px #11121c0f}.product-card{display:flex;min-height:420px;flex-direction:column;padding:20px}.screen-swatch{overflow:hidden;height:132px;margin-bottom:18px;border:1px solid rgba(255,50,15,.2);border-radius:6px;background-color:var(--blue)}.screen-swatch img{display:block;width:100%;height:100%;object-fit:cover}.screen-swatch.ti-product{background:#11121c}.screen-swatch.micro{background:radial-gradient(circle at 24% 24%,rgba(255,50,15,.9),transparent 12%),radial-gradient(circle at 70% 66%,rgba(255,189,127,.9),transparent 12%),repeating-linear-gradient(90deg,rgba(17,18,28,.08) 0 1px,transparent 1px 10px),var(--blue)}.screen-swatch.outdoor,.screen-swatch.rental{background:linear-gradient(135deg,rgba(255,50,15,.86),transparent 46%),linear-gradient(35deg,rgba(255,189,127,.88),transparent 52%),var(--blue)}.screen-swatch.signage,.screen-swatch.touch,.screen-swatch.lcd-wall{background:linear-gradient(90deg,transparent 49%,rgba(255,50,15,.25) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,50,15,.18) 50%,transparent 51%),linear-gradient(135deg,rgba(255,189,127,.52),transparent 48%),var(--blue)}.card-kicker{margin-bottom:10px;color:var(--orange-dark);font-size:12px;font-weight:900;text-transform:uppercase}.product-card h3,.scenario-grid h3,.factory-grid h3,.resource-grid h3,.detail-grid h2{margin-bottom:12px;font-size:23px;line-height:1.18}.product-card p:not(.card-kicker),.scenario-grid p,.factory-grid p,.resource-grid p,.detail-grid p,.detail-grid li,.quality-row p{color:var(--muted);line-height:1.65}.product-card dl{display:grid;gap:9px;margin:auto 0 18px;padding-top:14px;border-top:1px solid var(--line)}.product-card dt{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.product-card dd{margin:2px 0 0}.product-card a{color:var(--orange);font-weight:900}.factory-grid,.scenario-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.factory-grid article,.scenario-grid article,.resource-grid article{min-height:260px;padding:26px;cursor:pointer}.factory-grid span,.scenario-grid span{display:grid;width:46px;height:46px;place-items:center;margin-bottom:24px;border-radius:6px;color:#fff;background:var(--orange);font-weight:900}.quality-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quality-table{display:grid;gap:12px}.quality-row{display:grid;grid-template-columns:70px minmax(180px,.42fr) minmax(0,1fr);gap:20px;align-items:center;padding:22px}.quality-row span{display:grid;width:44px;height:44px;place-items:center;border-radius:6px;color:#fff;background:var(--orange);font-weight:900}.quality-row strong{font-size:20px}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-section{justify-content:space-between;gap:28px;margin-bottom:54px;padding:52px;border:1px solid rgba(255,50,15,.22);border-radius:8px;background:linear-gradient(120deg,rgba(255,50,15,.12),transparent 38%),linear-gradient(240deg,rgba(255,189,127,.35),transparent 34%),var(--paper)}.contact-section>div{max-width:780px}.contact-root{display:grid;grid-template-columns:minmax(0,.82fr) minmax(360px,1fr);gap:18px;width:100%;margin-top:56px}.contact-panel,.inquiry-form,.root-band,.root-metrics div,.series-section{border:1px solid var(--line);border-radius:8px;background:#ffffffb8;box-shadow:0 18px 48px #11121c0f}.contact-panel{display:grid;align-content:space-between;min-height:560px;padding:42px;background:linear-gradient(140deg,rgba(255,50,15,.12),transparent 42%),#ffffffb8}.contact-panel h2{max-width:660px;margin-bottom:20px;font-size:clamp(28px,3.6vw,46px);line-height:1.1}.contact-proof{display:grid;gap:10px;margin-top:34px}.contact-proof span{padding:12px 14px;border-left:3px solid var(--orange);background:#fff8f1c7;color:var(--ink);font-weight:800}.inquiry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px}.inquiry-form label{display:grid;gap:8px}.inquiry-form span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid rgba(17,18,28,.16);border-radius:6px;padding:13px 14px;color:var(--ink);background:#ffffffdb;font:inherit}.inquiry-form textarea{resize:vertical}.form-wide,.inquiry-form button,.form-status{grid-column:1 / -1}.form-status{margin:0;padding:12px 14px;border-radius:6px;color:var(--orange-dark);background:#ffbd7f3d;font-weight:800}.form-error{color:#8b1d12;background:#ff320f1f}.root-main,.subpage-main{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:150px 0 76px}.page-hero,.subpage-hero{display:grid;min-height:44svh;align-content:center;gap:24px}.page-hero{min-height:50svh;border-bottom:1px solid var(--line)}.page-hero .gradient-title{max-width:980px}.page-hero p,.subpage-hero p{max-width:760px}.root-section{width:100%;padding-top:56px}.root-contact{width:100%;margin-top:42px}.root-depth{display:grid;gap:16px;padding-top:64px}.root-band{display:grid;grid-template-columns:minmax(0,.92fr) minmax(280px,.72fr);gap:36px;align-items:center;padding:34px}.root-band h2{max-width:720px;margin:0;font-size:clamp(24px,3vw,38px);line-height:1.12}.root-band>p{margin:0;color:var(--muted);font-size:17px;line-height:1.74}.root-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.root-metrics div{min-height:130px;padding:24px}.root-metrics strong{display:block;margin-bottom:10px;color:var(--orange-dark);font-size:clamp(22px,3vw,34px);line-height:1}.root-metrics span{color:var(--muted)}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);margin-top:28px}.series-section{margin:18px 0 24px;padding:30px}.detail-visual{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr);gap:18px;align-items:stretch;margin:18px 0 24px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;box-shadow:0 18px 48px #11121c0f}.detail-visual img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.detail-visual>div{display:grid;align-content:center;padding:34px}.detail-visual h2{margin-bottom:14px;font-size:clamp(24px,3vw,38px);line-height:1.12}.detail-grid article{padding:30px}.detail-grid ul{display:grid;gap:12px;margin:0;padding-left:20px}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.spec-section,.case-gallery{padding-top:64px}.spec-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#ffffffc7;box-shadow:0 18px 48px #11121c0f}.spec-table{width:100%;min-width:980px;border-collapse:collapse;font-size:13px}.spec-table th,.spec-table td{padding:12px 14px;border-bottom:1px solid rgba(17,18,28,.1);text-align:left;vertical-align:top}.spec-table th{position:sticky;top:0;color:#fff;background:var(--orange);font-weight:900}.spec-table td:first-child{color:var(--ink);font-weight:900}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-grid img{display:block;width:100%;aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:8px;object-fit:cover;background:var(--blue);box-shadow:0 18px 48px #11121c0f}@media(max-width:1120px){.nav{grid-template-columns:1fr auto;grid-template-rows:auto auto}.nav-links{grid-column:1 / -1;justify-content:flex-start;overflow-x:auto}.product-grid,.home-intro,.challenge-grid,.platform-grid,.method-section,.industry-grid,.story-section,.factory-grid,.scenario-grid,.resource-grid,.detail-grid,.detail-visual,.contact-root,.root-band,.metric-strip,.root-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.method-copy{position:static}.platform-grid article{min-height:360px}}@media(max-width:760px){.nav{position:sticky;top:10px;left:auto;width:calc(100% - 20px);margin:10px auto 0;transform:none}.hero{min-height:680px}.hero-copy{left:20px;bottom:86px;width:calc(100% - 40px)}.gradient-title{font-size:clamp(32px,10vw,48px)}.banner-controls{right:20px;bottom:38px;display:flex}.section-heading,.product-grid,.home-intro,.challenge-grid,.platform-grid,.method-section,.industry-grid,.story-section,.story-stack article,.factory-grid,.scenario-grid,.resource-grid,.detail-grid,.detail-visual,.gallery-grid,.contact-root,.inquiry-form,.root-band,.root-metrics,.quality-row,.metric-strip{grid-template-columns:1fr}.section,.home-intro,.home-product-showcase,.story-section{padding:72px 0}.home-final-cta{padding:30px}.method-rail article{grid-template-columns:1fr}.contact-section{align-items:stretch;flex-direction:column;padding:30px}.contact-panel,.inquiry-form,.root-band,.series-section{padding:24px}.contact-panel{min-height:auto}}

/* Dybantsa visual contrast hotfix */
body {
  background:
    linear-gradient(135deg, rgba(223, 232, 251, 0.98) 0%, rgba(246, 248, 255, 0.96) 34%, rgba(255, 226, 197, 0.92) 72%, rgba(255, 189, 127, 0.72) 100%),
    linear-gradient(180deg, #dfe8fb 0%, #fff3e5 100%) !important;
  background-attachment: fixed;
}

.gradient-title {
  background: linear-gradient(92deg, #a72210 0%, #ff320f 38%, #d83012 68%, #5c1810 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: 0 10px 28px rgba(17, 18, 28, 0.16);
}

.hero .gradient-title {
  background: linear-gradient(92deg, #ffffff 0%, #ffe3c4 22%, #ff7a3d 52%, #ff320f 78%, #fff7ef 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.78)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5));
}

.banner-shade {
  background:
    radial-gradient(circle at 20% 76%, rgba(255, 50, 15, 0.24) 0%, rgba(255, 50, 15, 0) 34%),
    linear-gradient(90deg, rgba(7, 8, 14, 0.9) 0%, rgba(7, 8, 14, 0.62) 48%, rgba(7, 8, 14, 0.18) 100%),
    linear-gradient(180deg, rgba(7, 8, 14, 0.24) 0%, rgba(7, 8, 14, 0.48) 100%) !important;
}

.page-hero,
.subpage-hero {
  position: relative;
}

.page-hero::before,
.subpage-hero::before {
  content: "";
  position: absolute;
  inset: 16% auto 12% -8%;
  z-index: -1;
  width: min(760px, 96vw);
  border-radius: 8px;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.64), rgba(255, 189, 127, 0.2), rgba(223, 232, 251, 0));
  box-shadow: 0 26px 80px rgba(17, 18, 28, 0.08);
}

/* Dybantsa Apple-inspired refinement */
:root {
  --ease-apple: cubic-bezier(0.22, 1, 0.36, 1);
  --soft-shadow: 0 18px 54px rgba(18, 24, 38, 0.08);
  --hover-shadow: 0 28px 72px rgba(18, 24, 38, 0.13);
  font-family: "SF Pro Display", "SF Pro Text", "PingFang SC", "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

*,
*::before,
*::after {
  transition: color 260ms var(--ease-apple), background-color 260ms var(--ease-apple), border-color 260ms var(--ease-apple), box-shadow 320ms var(--ease-apple), opacity 320ms var(--ease-apple), transform 320ms var(--ease-apple);
}

body {
  font-family: "SF Pro Text", "PingFang SC", "San Francisco", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400;
  letter-spacing: 0.01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.gradient-title,
.home-intro h2,
.home-final-cta h2,
.section-heading h2,
.contact-section h2,
.subpage-hero h1,
.method-copy h2,
.story-section h2,
.contact-panel h2,
.root-band h2,
.detail-visual h2 {
  font-weight: 460 !important;
  letter-spacing: 0.012em !important;
}

p,
li,
.hero-lede,
.section-heading > p,
.contact-section p,
.subpage-hero p {
  line-height: 1.82 !important;
}

.eyebrow,
.card-kicker,
.inquiry-form span,
.product-card dt {
  font-weight: 650 !important;
  letter-spacing: 0.12em !important;
}

.nav-links,
.brand,
.nav-cta,
.primary-btn,
.ghost-btn,
.ghost-dark-btn {
  font-weight: 560 !important;
}

.challenge-grid article,
.platform-grid article,
.industry-grid article,
.method-rail article,
.story-stack article,
.product-card,
.scenario-grid article,
.factory-grid article,
.resource-grid article,
.detail-grid article,
.quality-row,
.contact-panel,
.inquiry-form,
.root-band,
.root-metrics div,
.series-section,
.home-final-cta,
.contact-section {
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow: var(--soft-shadow) !important;
  backdrop-filter: blur(18px);
}

.challenge-grid article:hover,
.platform-grid article:hover,
.industry-grid article:hover,
.method-rail article:hover,
.story-stack article:hover,
.product-card:hover,
.scenario-grid article:hover,
.factory-grid article:hover,
.resource-grid article:hover,
.detail-grid article:hover,
.root-band:hover,
.root-metrics div:hover,
.series-section:hover {
  transform: translateY(-4px);
  box-shadow: var(--hover-shadow) !important;
}

.nav-links > a:hover,
.nav-item:hover > a,
.nav-item:focus-within > a {
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(255, 50, 15, 0.2);
}

.inquiry-form input:focus,
.inquiry-form select:focus,
.inquiry-form textarea:focus {
  outline: none;
  border-color: rgba(255, 50, 15, 0.44);
  box-shadow: 0 0 0 4px rgba(255, 50, 15, 0.08);
}

.section,
.metric-strip,
.home-product-showcase,
.story-section,
.home-final-cta,
.root-section,
.root-depth,
.detail-grid,
.detail-visual,
.spec-section,
.case-gallery,
.contact-root {
  animation: dybantsaReveal 760ms var(--ease-apple) both;
  animation-timeline: view();
  animation-range: entry 0% cover 22%;
}

@keyframes dybantsaReveal {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
  }
}

/* Dybantsa matte glass, spacious layout refinement */
:root {
  --radius-xl: 22px;
  --radius-lg: 18px;
  --hairline: rgba(18, 24, 38, 0.075);
  --glass-soft: rgba(255, 255, 255, 0.46);
  --glass-clear: rgba(255, 255, 255, 0.62);
  --matte-shadow: 0 18px 60px rgba(18, 24, 38, 0.075);
  --matte-shadow-hover: 0 30px 86px rgba(18, 24, 38, 0.11);
}

body {
  background:
    radial-gradient(circle at 18% 8%, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0) 28%),
    radial-gradient(circle at 88% 18%, rgba(255, 189, 127, 0.28), rgba(255, 189, 127, 0) 30%),
    linear-gradient(135deg, rgba(226, 235, 252, 0.98) 0%, rgba(249, 251, 255, 0.96) 42%, rgba(255, 238, 222, 0.88) 100%) !important;
}

.nav,
.submenu,
.metric-strip,
.challenge-grid article,
.platform-grid article,
.industry-grid article,
.method-rail article,
.story-stack article,
.product-card,
.scenario-grid article,
.factory-grid article,
.resource-grid article,
.detail-grid article,
.quality-row,
.contact-panel,
.inquiry-form,
.root-band,
.root-metrics div,
.series-section,
.detail-visual,
.spec-table-wrap,
.home-final-cta,
.contact-section {
  border-radius: var(--radius-xl) !important;
  border-color: var(--hairline) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.38)) !important;
  box-shadow: var(--matte-shadow) !important;
  backdrop-filter: blur(24px) saturate(120%);
}

.nav {
  top: 22px;
  padding: 12px 14px;
}

.nav-links > a,
.nav-item > a,
.nav-cta,
.primary-btn,
.ghost-btn,
.ghost-dark-btn,
.language-switch,
.submenu a,
.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea,
.screen-swatch,
.story-stack img,
.gallery-grid img {
  border-radius: var(--radius-lg) !important;
}

.section,
.home-product-showcase,
.story-section {
  padding-top: 136px !important;
  padding-bottom: 136px !important;
}

.root-main,
.subpage-main {
  width: min(1180px, calc(100% - 72px)) !important;
  padding-top: 178px !important;
}

.metric-strip,
.section,
.contact-section,
.home-section,
.industry-section,
.home-product-showcase,
.method-section,
.story-section,
.home-final-cta {
  width: min(1180px, calc(100% - 72px)) !important;
}

.section-heading {
  gap: 72px !important;
  margin-bottom: 56px !important;
}

.challenge-grid,
.platform-grid,
.industry-grid,
.product-grid,
.scenario-grid,
.factory-grid,
.resource-grid,
.detail-grid,
.gallery-grid,
.root-metrics {
  gap: 24px !important;
}

.challenge-grid article,
.platform-grid article,
.industry-grid article,
.method-rail article,
.story-stack article,
.product-card,
.scenario-grid article,
.factory-grid article,
.resource-grid article,
.detail-grid article,
.contact-panel,
.inquiry-form,
.root-band,
.series-section {
  padding: 34px !important;
}

.platform-grid article,
.product-card,
.scenario-grid article,
.factory-grid article,
.resource-grid article {
  min-height: 360px;
}

.challenge-grid article:hover,
.platform-grid article:hover,
.industry-grid article:hover,
.method-rail article:hover,
.story-stack article:hover,
.product-card:hover,
.scenario-grid article:hover,
.factory-grid article:hover,
.resource-grid article:hover,
.detail-grid article:hover,
.root-band:hover,
.root-metrics div:hover,
.series-section:hover {
  transform: translateY(-3px);
  box-shadow: var(--matte-shadow-hover) !important;
}

.metric-strip {
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.metric-strip div {
  border: 1px solid var(--hairline);
  border-radius: var(--radius-xl);
  background: var(--glass-clear) !important;
}

.root-band {
  grid-template-columns: minmax(0, 0.82fr) minmax(300px, 0.72fr) !important;
  gap: 64px !important;
}

p,
li {
  color: rgba(89, 97, 116, 0.88) !important;
}

.product-card dl,
.spec-table th,
.spec-table td,
.page-hero,
.quality-row {
  border-color: var(--hairline) !important;
}

@media (max-width: 760px) {
  .section,
  .home-product-showcase,
  .story-section {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }

  .root-main,
  .subpage-main,
  .metric-strip,
  .section,
  .contact-section,
  .home-section,
  .industry-section,
  .home-product-showcase,
  .method-section,
  .story-section,
  .home-final-cta {
    width: min(100% - 28px, 1180px) !important;
  }

  .challenge-grid article,
  .platform-grid article,
  .industry-grid article,
  .method-rail article,
  .story-stack article,
  .product-card,
  .scenario-grid article,
  .factory-grid article,
  .resource-grid article,
  .detail-grid article,
  .contact-panel,
  .inquiry-form,
  .root-band,
  .series-section {
    padding: 24px !important;
  }
}

/* Dybantsa long-scroll narrative layout refinement */
.metric-strip,
.section,
.contact-section,
.home-section,
.industry-section,
.home-product-showcase,
.method-section,
.story-section,
.home-final-cta {
  width: min(1080px, calc(100% - 96px)) !important;
}

.hero {
  min-height: 100svh !important;
}

.hero-copy {
  width: min(700px, calc(100% - 64px)) !important;
}

.section,
.home-product-showcase,
.story-section {
  min-height: 82svh !important;
  display: grid !important;
  align-content: center !important;
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}

.home-intro,
.method-section,
.story-section {
  min-height: 88svh !important;
}

.home-final-cta {
  min-height: 72svh !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  text-align: center !important;
  margin-bottom: 112px !important;
}

.home-final-cta > p {
  max-width: 720px !important;
}

.section-heading {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 24px !important;
  max-width: 880px !important;
  margin-right: auto !important;
  margin-bottom: 64px !important;
  margin-left: auto !important;
  text-align: center !important;
}

.section-heading h2,
.section-heading > p {
  margin-right: auto !important;
  margin-left: auto !important;
}

.home-intro {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  text-align: center !important;
}

.home-intro-copy,
.home-intro > p {
  max-width: 860px !important;
}

.challenge-grid,
.industry-grid,
.product-grid,
.resource-grid,
.gallery-grid,
.platform-grid,
.scenario-grid,
.factory-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px !important;
}

.method-section {
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1fr) !important;
  gap: 88px !important;
}

.story-section {
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr) !important;
  gap: 72px !important;
}

.root-main,
.subpage-main {
  width: min(1040px, calc(100% - 96px)) !important;
}

.page-hero,
.subpage-hero {
  min-height: 78svh !important;
  justify-items: center !important;
  text-align: center !important;
}

.page-hero .gradient-title,
.page-hero p,
.subpage-hero p {
  margin-right: auto !important;
  margin-left: auto !important;
}

.root-section,
.root-depth,
.spec-section,
.case-gallery {
  padding-top: 112px !important;
}

.root-band {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  gap: 28px !important;
  text-align: center !important;
}

.root-band > p {
  max-width: 760px !important;
}

.contact-root,
.detail-grid,
.detail-visual {
  gap: 32px !important;
}

@media (max-width: 760px) {
  .metric-strip,
  .section,
  .contact-section,
  .home-section,
  .industry-section,
  .home-product-showcase,
  .method-section,
  .story-section,
  .home-final-cta,
  .root-main,
  .subpage-main {
    width: min(100% - 28px, 1080px) !important;
  }

  .section,
  .home-product-showcase,
  .story-section,
  .home-intro,
  .method-section {
    min-height: auto !important;
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }

  .challenge-grid,
  .industry-grid,
  .product-grid,
  .resource-grid,
  .gallery-grid,
  .platform-grid,
  .scenario-grid,
  .factory-grid {
    grid-template-columns: 1fr !important;
  }
}