:root{--primary:#ff6b35;--primary-dark:#e85a24;--primary-light:#ff8c5a;--accent:#ffb347;--accent-2:#ffd56b;--bg:#0f0f1a;--bg-2:#1a1a2e;--bg-3:#16213e;--surface:rgba(26,26,46,.72);--surface-solid:#1e1e32;--surface-hover:rgba(255,107,53,.12);--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.16);--text:#f5f5fa;--text-2:#a8a8c0;--text-3:#6e6e8a;--shadow-sm:0 2px 8px rgba(0,0,0,.24);--shadow-md:0 8px 28px rgba(0,0,0,.36);--shadow-lg:0 18px 48px rgba(0,0,0,.48);--shadow-glow:0 8px 32px rgba(255,107,53,.28);--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--blur:18px;--ease:cubic-bezier(.22,.61,.36,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--maxw:1200px;--header-h:68px;--grad-hero:linear-gradient(135deg,#ff6b35 0%,#ff8c5a 28%,#ffb347 58%,#ffd56b 100%);--grad-brand:linear-gradient(120deg,#ff6b35,#ffb347 55%,#ffd56b);--grad-surface:linear-gradient(160deg,rgba(255,107,53,.14),rgba(255,179,71,.06) 55%,transparent);--grad-card:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.015));--grad-dark:linear-gradient(180deg,#0f0f1a 0%,#16213e 100%)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;font-size:16px;font-weight:400;letter-spacing:.01em;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,107,53,.16),transparent 60%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(255,179,71,.08),transparent 60%);background-attachment:fixed;min-height:100vh}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 20%,transparent 75%)}
::selection{background:rgba(255,107,53,.35);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg-2)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:8px;border:2px solid var(--bg-2)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light),var(--accent-2))}
a{color:var(--primary-light);text-decoration:none;transition:color .3s var(--ease),opacity .3s var(--ease);position:relative}
a:hover{color:var(--accent-2)}
a:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}
img,svg,video{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{line-height:1.35;font-weight:700;letter-spacing:-.01em;color:var(--text);scroll-margin-top:calc(var(--header-h) + 16px)}
h1{font-size:clamp(1.9rem,4.4vw,3.2rem);font-weight:800;letter-spacing:-.02em}
h2{font-size:clamp(1.5rem,3vw,2.2rem);position:relative;padding-bottom:.6em;margin-bottom:1.2em;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary)}
h2::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:4px;border-radius:4px;background:var(--grad-brand);box-shadow:0 0 18px rgba(255,107,53,.5)}
h3{font-size:clamp(1.15rem,2vw,1.5rem);margin-bottom:.7em;color:var(--text)}
h4{font-size:clamp(1.02rem,1.6vw,1.2rem);margin-bottom:.6em;color:var(--accent-2);font-weight:600}
p{margin-bottom:1.1em;color:var(--text-2)}
p:last-child{margin-bottom:0}
strong,b{color:var(--text);font-weight:600}
time{display:inline-block;font-size:.82rem;color:var(--text-3);letter-spacing:.03em;padding:.2em .7em;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--border);margin-bottom:.8em}
header{position:sticky;top:0;z-index:100;background:rgba(15,15,26,.72);backdrop-filter:blur(var(--blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 4px 30px rgba(0,0,0,.3);transition:background .4s var(--ease),box-shadow .4s var(--ease)}
header::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,53,.5) 30%,rgba(255,213,107,.6) 50%,rgba(255,107,53,.5) 70%,transparent);opacity:.7}
header nav{max-width:var(--maxw);margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
header nav > a{font-size:1.28rem;font-weight:800;letter-spacing:.02em;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--primary);white-space:nowrap;flex-shrink:0;position:relative;padding-left:1.7em;transition:transform .3s var(--ease-bounce)}
header nav > a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1.15em;height:1.15em;border-radius:32% 68% 62% 38%/42% 38% 62% 58%;background:var(--grad-brand);box-shadow:0 0 20px rgba(255,107,53,.55),inset 0 -3px 6px rgba(0,0,0,.18);animation:logoFloat 4s ease-in-out infinite}
header nav > a::after{content:"";position:absolute;left:.28em;top:calc(50% - .42em);width:.34em;height:.34em;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(.5px)}
header nav > a:hover{transform:scale(1.04)}
@keyframes logoFloat{0%,100%{transform:translateY(-50%) rotate(0)}50%{transform:translateY(-58%) rotate(8deg)}}
header nav ul{display:flex;align-items:center;gap:.15rem;flex-wrap:wrap;justify-content:flex-end}
header nav ul li a{display:block;padding:.5rem .85rem;font-size:.9rem;font-weight:500;color:var(--text-2);border-radius:var(--radius-sm);position:relative;transition:color .3s var(--ease),background .3s var(--ease),transform .3s var(--ease)}
header nav ul li a::before{content:"";position:absolute;left:50%;bottom:.28rem;width:0;height:2px;border-radius:2px;background:var(--grad-brand);transform:translateX(-50%);transition:width .35s var(--ease)}
header nav ul li a:hover{color:var(--text);background:var(--surface-hover);transform:translateY(-1px)}
header nav ul li a:hover::before{width:60%}
main{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem 4rem;position:relative;z-index:1}
main > section{padding:3.2rem 0;border-bottom:1px solid var(--border);animation:fadeUp .8s var(--ease) both}
main > section:last-child{border-bottom:none}
main > section:nth-child(1){animation-delay:.05s}
main > section:nth-child(2){animation-delay:.1s}
main > section:nth-child(3){animation-delay:.15s}
main > section:nth-child(4){animation-delay:.2s}
main > section:nth-child(5){animation-delay:.25s}
main > section:nth-child(6){animation-delay:.3s}
main > section:nth-child(7){animation-delay:.35s}
main > section:nth-child(8){animation-delay:.4s}
main > section:nth-child(9){animation-delay:.45s}
main > section:nth-child(10){animation-delay:.5s}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
#hero{position:relative;padding:5rem 2.5rem;margin-top:2rem;border-radius:var(--radius-xl);background:var(--grad-hero);background-size:200% 200%;animation:heroGrad 14s ease infinite,fadeUp .8s var(--ease) both;overflow:hidden;box-shadow:var(--shadow-lg),var(--shadow-glow);border:none;isolation:isolate}
@keyframes heroGrad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
#hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.28),transparent 45%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.18),transparent 40%);pointer-events:none;z-index:-1}
#hero::after{content:"";position:absolute;top:-60%;right:-10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 68%);filter:blur(20px);animation:orbFloat 9s ease-in-out infinite;pointer-events:none;z-index:-1}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,30px) scale(1.12)}}
#hero h1{color:#fff;-webkit-text-fill-color:#fff;margin-bottom:1rem;text-shadow:0 4px 24px rgba(0,0,0,.28);max-width:900px}
#hero p{color:rgba(255,255,255,.94);font-size:clamp(1rem,1.6vw,1.14rem);max-width:820px;text-shadow:0 2px 12px rgba(0,0,0,.2);margin-bottom:1rem}
#hero p a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.6);transition:text-decoration-color .3s var(--ease),opacity .3s var(--ease)}
#hero p a:hover{text-decoration-color:#fff;opacity:.92}
#hero time{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.4);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:500}
#brand,#products,#advantages,#solutions,#applications,#cases,#testimonials,#news,#articles,#faq,#howto,#contact,#sitemap,#links,#about-site{position:relative}
#brand h3,#products h3,#advantages h3,#solutions h3,#applications h3,#cases h3,#testimonials h3,#howto h3,#contact h3,#about-site h3{margin-top:1.8rem;padding-left:1.1rem;position:relative}
#brand h3::before,#products h3::before,#advantages h3::before,#solutions h3::before,#applications h3::before,#cases h3::before,#testimonials h3::before,#howto h3::before,#contact h3::before,#about-site h3::before{content:"";position:absolute;left:0;top:.28em;bottom:.28em;width:4px;border-radius:4px;background:var(--grad-brand);box-shadow:0 0 12px rgba(255,107,53,.45)}
#products h4,#howto h4{position:relative;padding-left:1.4rem;margin-top:1.4rem}
#products h4::before,#howto h4::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.65rem;height:.65rem;border-radius:50%;background:var(--grad-brand);box-shadow:0 0 14px rgba(255,179,71,.6)}
#products p,#advantages p,#solutions p,#applications p,#cases p,#testimonials p,#howto p,#about-site p{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem 1.4rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease);position:relative;overflow:hidden}
#products p::before,#advantages p::before,#solutions p::before,#applications p::before,#cases p::before,#testimonials p::before,#howto p::before,#about-site p::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-brand);opacity:0;transition:opacity .4s var(--ease)}
#products p:hover,#advantages p:hover,#solutions p:hover,#applications p:hover,#cases p:hover,#testimonials p:hover,#howto p:hover,#about-site p:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md);background:linear-gradient(150deg,rgba(255,107,53,.1),rgba(255,255,255,.02))}
#products p:hover::before,#advantages p:hover::before,#solutions p:hover::before,#applications p:hover::before,#cases p:hover::before,#testimonials p:hover::before,#howto p:hover::before,#about-site p:hover::before{opacity:1}
#advantages{position:relative}
#advantages > p,#solutions > p,#applications > p{max-width:820px}
#advantages h3{display:flex;align-items:center;gap:.6rem}
#advantages h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,107,53,.3),transparent);border-radius:1px}
#cases p{background:linear-gradient(150deg,rgba(255,107,53,.1),rgba(255,255,255,.02));font-style:normal}
#cases p::after{content:"";position:absolute;top:-10px;right:20px;font-size:3rem;color:rgba(255,107,53,.14);font-family:Georgia,serif;line-height:1;pointer-events:none}
#testimonials p{background:linear-gradient(150deg,rgba(255,179,71,.1),rgba(255,255,255,.02));border-left:3px solid var(--accent);padding-left:1.6rem}
#testimonials p::before{display:none}
#testimonials p::after{content:"”";position:absolute;top:-.2em;right:.5em;font-size:4rem;color:rgba(255,179,71,.2);font-family:Georgia,serif;line-height:1;pointer-events:none}
#news article,#articles article{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.7rem;margin-bottom:1.2rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease),background .45s var(--ease);position:relative;overflow:hidden}
#news article::before,#articles article::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-brand);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
#news article:hover,#articles article:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:var(--shadow-md),var(--shadow-glow);background:linear-gradient(150deg,rgba(255,107,53,.1),rgba(255,255,255,.02))}
#news article:hover::before,#articles article:hover::before{transform:scaleX(1)}
#news article h3,#articles article h3{margin-bottom:.5rem;transition:color .3s var(--ease)}
#news article:hover h3,#articles article:hover h3{color:var(--accent-2)}
#news article p,#articles article p{background:none;border:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;margin-bottom:.6rem;font-size:.95rem;line-height:1.75}
#news article p:hover,#articles article p:hover{transform:none;box-shadow:none;background:none;border:none}
#articles article a{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;color:var(--primary-light);padding:.35rem .9rem;border-radius:999px;background:rgba(255,107,53,.12);border:1px solid rgba(255,107,53,.25);transition:all .35s var(--ease)}
#articles article a::after{content:"→";transition:transform .35s var(--ease);display:inline-block}
#articles article a:hover{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow);transform:translateY(-2px)}
#articles article a:hover::after{transform:translateX(4px)}
#faq details{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.9rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;transition:border-color .4s var(--ease),box-shadow .4s var(--ease),transform .4s var(--ease),background .4s var(--ease)}
#faq details[open]{border-color:rgba(255,107,53,.35);box-shadow:var(--shadow-md);background:linear-gradient(150deg,rgba(255,107,53,.08),rgba(255,255,255,.02))}
#faq details:hover{border-color:var(--border-strong);transform:translateY(-2px)}
#faq summary{list-style:none;cursor:pointer;padding:1.1rem 3.2rem 1.1rem 1.4rem;font-weight:600;font-size:1rem;color:var(--text);position:relative;transition:color .3s var(--ease),background .3s var(--ease);user-select:none;display:flex;align-items:center;gap:.7rem}
#faq summary::-webkit-details-marker{display:none}
#faq summary::before{content:"";flex-shrink:0;width:.55rem;height:.55rem;border-radius:50%;background:var(--grad-brand);box-shadow:0 0 12px rgba(255,107,53,.5);transition:transform .4s var(--ease-bounce)}
#faq summary::after{content:"";position:absolute;right:1.4rem;top:50%;width:.62rem;height:.62rem;border-right:2.5px solid var(--primary-light);border-bottom:2.5px solid var(--primary-light);transform:translateY(-70%) rotate(45deg);transition:transform .4s var(--ease-bounce),border-color .3s var(--ease)}
#faq details[open] summary{color:var(--accent-2);background:rgba(255,107,53,.06)}
#faq details[open] summary::before{transform:scale(1.3)}
#faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg);border-color:var(--accent-2)}
#faq summary:hover{color:var(--accent-2);background:rgba(255,107,53,.05)}
#faq details p{padding:0 1.4rem 1.3rem 3.2rem;margin:0;background:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:.95rem;line-height:1.8;animation:faqReveal .45s var(--ease) both}
#faq details p:hover{transform:none;box-shadow:none;background:none;border:none}
@keyframes faqReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
#howto ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem;margin:1rem 0 1.5rem}
#howto ul li{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem 1rem 2.8rem;position:relative;font-size:.94rem;color:var(--text-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease)}
#howto ul li::before{content:"";position:absolute;left:1.1rem;top:1.35rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--grad-brand);box-shadow:0 0 12px rgba(255,107,53,.5);transition:transform .4s var(--ease-bounce)}
#howto ul li:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-md);background:linear-gradient(150deg,rgba(255,107,53,.08),rgba(255,255,255,.02))}
#howto ul li:hover::before{transform:scale(1.4)}
#howto h4{margin-top:1.8rem}
#contact p{background:none;border:none;padding:.35rem 0 .35rem 1.6rem;margin-bottom:.3rem;backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;font-size:.96rem}
#contact p::before{content:"";position:absolute;left:0;top:.85em;width:.55rem;height:.55rem;border-radius:50%;background:var(--grad-brand);box-shadow:0 0 10px rgba(255,107,53,.45)}
#contact p:hover{transform:none;box-shadow:none;border:none;background:none;color:var(--text)}
#contact p:hover::before{transform:scale(1.3)}
#contact p a{font-weight:600}
#contact h3{margin-top:1.6rem}
#sitemap ul,#links ul{display:flex;flex-wrap:wrap;gap:.6rem}
#sitemap ul li a,#links ul li a{display:inline-block;padding:.5rem 1.1rem;font-size:.88rem;font-weight:500;color:var(--text-2);background:var(--grad-card);border:1px solid var(--border);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .35s var(--ease)}
#sitemap ul li a:hover,#links ul li a:hover{color:#fff;background:var(--grad-brand);border-color:transparent;box-shadow:var(--shadow-glow);transform:translateY(-3px) scale(1.04)}
#about-site p{font-size:.94rem}
#about-site h3{margin-top:1.5rem}
footer{position:relative;background:var(--grad-dark);border-top:1px solid var(--border);padding:3rem 1.5rem 2.2rem;text-align:center;color:var(--text-2);font-size:.88rem;overflow:hidden;z-index:1}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,53,.6) 30%,rgba(255,213,107,.7) 50%,rgba(255,107,53,.6) 70%,transparent)}
footer::after{content:"";position:absolute;bottom:-120px;left:50%;transform:translateX(-50%);width:600px;height:240px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,107,53,.16),transparent 70%);pointer-events:none}
footer p{margin-bottom:.7rem;color:var(--text-2);position:relative;z-index:1;line-height:1.7}
footer p:first-child{color:var(--text);font-weight:600;font-size:.94rem}
footer a{color:var(--primary-light);font-weight:500;transition:color .3s var(--ease),opacity .3s var(--ease)}
footer a:hover{color:var(--accent-2);opacity:.95}
footer p:last-child{color:var(--text-3);font-size:.82rem;margin-top:.5rem}
@media (max-width:1024px){:root{--maxw:100%}
header nav{padding:.75rem 1.2rem}
header nav ul{gap:.05rem}
header nav ul li a{padding:.45rem .6rem;font-size:.85rem}
main{padding:0 1.2rem 3rem}
#hero{padding:4rem 2rem;margin-top:1.5rem}
#howto ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media (max-width:768px){:root{--header-h:60px;--radius-xl:24px;--radius-lg:20px}
body{font-size:15px}
header nav{flex-direction:column;gap:.6rem;padding:.7rem 1rem}
header nav > a{font-size:1.15rem;padding-left:1.55em}
header nav ul{width:100%;justify-content:center;gap:.1rem}
header nav ul li a{padding:.4rem .58rem;font-size:.8rem}
main{padding:0 1rem 2.5rem}
main > section{padding:2.4rem 0}
#hero{padding:3rem 1.5rem;margin-top:1.2rem;border-radius:var(--radius-lg)}
#hero h1{font-size:clamp(1.55rem,6vw,2rem)}
#hero p{font-size:.95rem}
#hero::after{width:320px;height:320px}
h2{font-size:clamp(1.35rem,5vw,1.7rem);margin-bottom:1em}
h2::after{width:56px;height:3px}
#products p,#advantages p,#solutions p,#applications p,#cases p,#testimonials p,#howto p,#about-site p{padding:1rem 1.1rem;border-radius:var(--radius-sm)}
#news article,#articles article{padding:1.2rem 1.2rem;border-radius:var(--radius-sm)}
#faq summary{padding:1rem 2.8rem 1rem 1.1rem;font-size:.94rem}
#faq details p{padding:0 1.1rem 1.1rem 2.6rem;font-size:.9rem}
#howto ul{grid-template-columns:1fr;gap:.7rem}
#howto ul li{padding:.9rem 1rem .9rem 2.5rem;font-size:.9rem}
#howto ul li::before{left:1rem;top:1.2rem}
#sitemap ul li a,#links ul li a{padding:.45rem .9rem;font-size:.82rem}
footer{padding:2.4rem 1rem 1.8rem;font-size:.82rem}
footer p:first-child{font-size:.88rem}
}
@media (max-width:480px){body{font-size:14.5px}
main{padding:0 .85rem 2rem}
main > section{padding:2rem 0}
#hero{padding:2.4rem 1.2rem;border-radius:var(--radius)}
#hero h1{font-size:1.45rem}
#hero p{font-size:.9rem}
header nav ul li a{padding:.35rem .45rem;font-size:.76rem}
#faq summary{padding:.9rem 2.5rem .9rem 1rem;font-size:.9rem}
#faq details p{padding:0 1rem 1rem 2.3rem}
#news article,#articles article{padding:1rem}
#sitemap ul,#links ul{gap:.45rem}
#sitemap ul li a,#links ul li a{padding:.4rem .75rem;font-size:.78rem}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
#hero{animation:none}
}
@media print{header,footer,#hero::after,body::before{display:none}
body{background:#fff;color:#000}
main{max-width:100%;padding:0}
h2{-webkit-text-fill-color:#000;color:#000}
#products p,#advantages p,#solutions p,#applications p,#cases p,#testimonials p,#howto p,#about-site p,#news article,#articles article,#faq details{border:1px solid #ccc;background:#fff;box-shadow:none;backdrop-filter:none}
}