:root{--container:min(1440px,calc(100% - 48px));--wide-container:min(1560px,calc(100% - 64px));--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--paper:#f5f5f7;--white:#ffffff;--accent:#0e6f5c;--green:#0e6f5c;--blue:#0066cc;--amber:#0e6f5c;--nav-bg:rgba(255,255,255,0.82);--nav-hover:rgba(0,0,0,0.05);--shadow:rgba(0,0,0,0.12);--soft-blue:#e8f2ff;--soft-gray:#fbfbfd} *{box-sizing:border-box} body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6} a{color:inherit} .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .site-header,.site-footer,.hero,.section-grid,.band,.page-hero,.content-body{width:var(--container);margin-inline:auto} .site-header{position:sticky;top:12px;z-index:50;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:8px 12px;border:1px solid rgba(210,210,215,0.72);border-radius:14px;background:var(--nav-bg);box-shadow:0 12px 34px rgba(0,0,0,0.06);backdrop-filter:saturate(180%) blur(18px)} .brand{display:inline-flex;align-items:center;flex:0 0 auto;gap:9px;min-height:40px;padding:0 8px;border-radius:10px;color:var(--ink);font-size:16px;font-weight:700;text-decoration:none;letter-spacing:0} .brand:hover{background:var(--nav-hover)} .brand-logo{display:block;width:32px;height:32px;border-radius:0;object-fit:contain;background:transparent;box-shadow:none} .site-nav{display:flex;align-items:center;justify-content:center;flex:1 1 auto;gap:4px;color:var(--muted);font-size:14px;font-weight:500} .site-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border-radius:10px;text-decoration:none} .site-nav a:hover{color:var(--ink);background:var(--nav-hover)} .site-nav a::selection,.brand::selection{background:rgba(14,111,92,0.18)} .breadcrumbs{width:min(1180px,calc(100% - 48px));margin:18px auto 0;color:rgba(72,72,77,0.86);font-size:13px;line-height:1.3} .breadcrumbs--compact{width:min(1080px,calc(100% - 48px))} .breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;padding:0;list-style:none} .breadcrumbs li{display:inline-flex;align-items:center;gap:7px;min-width:0} .breadcrumbs li:not(:last-child)::after{content:"/";color:rgba(110,110,115,0.56)} .breadcrumbs a{color:inherit;text-decoration:none} .breadcrumbs a:hover{color:var(--accent)} .breadcrumbs span{color:rgba(29,29,31,0.74)} .nav-item{position:relative} .nav-item>a{gap:5px} .has-submenu>a::after{content:"";width:5px;height:5px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;opacity:0.62;transform:rotate(45deg)} .submenu{position:absolute;top:100%;left:0;z-index:20;min-width:198px;max-width:220px;padding:15px 7px 7px;border:1px solid rgba(210,210,215,0.72);border-radius:12px;background:rgba(255,255,255,0.96);background-clip:padding-box;box-shadow:0 18px 48px var(--shadow);opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity 140ms ease,transform 140ms ease} .submenu a{display:block;min-height:auto;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:14px;line-height:1.25} .submenu a:hover{color:var(--accent);background:rgba(14,111,92,0.08)} .has-submenu:hover .submenu,.has-submenu:focus-within .submenu{opacity:1;pointer-events:auto;transform:translateY(0)} .language-switcher{display:flex;align-items:center;flex:0 0 auto} .language-switcher select{min-height:40px;max-width:150px;padding:0 32px 0 12px;border:1px solid rgba(210,210,215,0.8);border-radius:10px;color:var(--ink);background:#ffffff;font:inherit;font-size:13px;font-weight:500;cursor:pointer;outline:none} .language-switcher select:hover,.language-switcher select:focus{border-color:rgba(14,111,92,0.45);box-shadow:0 0 0 4px rgba(14,111,92,0.09)} .hero{position:relative;display:block;width:var(--container);min-height:clamp(560px,62vh,700px);margin-top:24px;overflow:hidden;border:1px solid rgba(210,210,215,0.7);border-radius:24px;background:#111;box-shadow:0 22px 60px rgba(0,0,0,0.1)} .eyebrow{margin:0 0 12px;color:var(--accent);font-size:13px;font-weight:800;text-transform:uppercase} h1,h2{margin:0;line-height:1.12;letter-spacing:0} h1{max-width:760px;font-size:clamp(38px,4vw,62px)} h2{font-size:clamp(26px,3vw,36px)} p{color:var(--muted)} .hero-lede{max-width:680px;font-size:20px} .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px} .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:999px;font-weight:700;text-decoration:none} .button.primary{color:var(--white);background:var(--accent);border-color:var(--accent);box-shadow:0 12px 28px rgba(14,111,92,0.22)} .button.secondary{background:var(--white)} .hero-carousel{position:absolute;inset:0;overflow:hidden} .section-media{overflow:hidden;border:1px solid rgba(210,210,215,0.7);border-radius:24px;background:var(--white);box-shadow:0 24px 70px rgba(0,0,0,0.08)} .section-media img{display:block;width:100%;height:auto} .hero-slide{position:absolute;inset:0;margin:0;opacity:0;animation:heroCarousel 18s infinite} .hero-slide img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02)} .hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,14,0.62) 0%,rgba(8,12,14,0.38) 36%,rgba(8,12,14,0.06) 72%),linear-gradient(0deg,rgba(8,12,14,0.28) 0%,rgba(8,12,14,0) 46%)} .hero-slide figcaption{position:absolute;z-index:2;right:28px;bottom:28px;display:inline-flex;width:fit-content;max-width:min(520px,calc(100% - 56px));padding:0;border:0;border-radius:0;color:#ffffff;background:transparent;text-shadow:0 2px 14px rgba(0,0,0,0.52);backdrop-filter:none;font-size:13px;font-weight:500;line-height:1.25} .slide-two{animation-delay:6s} .slide-three{animation-delay:12s} @keyframes heroCarousel{0%,26%{opacity:1} 32%,92%{opacity:0} 100%{opacity:1}} .hero-copy{position:relative;z-index:3;width:min(620px,calc(100% - 64px));padding:clamp(54px,7vw,92px) 0 0 clamp(28px,4.4vw,68px);color:#ffffff} .hero-copy::before{content:"";display:block;width:78px;height:5px;margin-bottom:24px;border-radius:999px;background:var(--accent);box-shadow:0 0 32px rgba(14,111,92,0.65)} .hero-copy .eyebrow{color:rgba(255,255,255,0.86)} .hero-copy h1{max-width:620px;color:#ffffff;font-size:clamp(34px,3.35vw,54px);line-height:1.08;text-wrap:balance} .hero-copy .hero-lede{color:rgba(255,255,255,0.82)} .hero-copy .button.secondary{color:#ffffff;border-color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.12);backdrop-filter:blur(12px)} .hero-dots{position:absolute;z-index:4;left:clamp(28px,4.4vw,68px);bottom:30px;display:flex;gap:9px} .hero-dots span{display:block;width:34px;height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,0.28)} .hero-dots span::before{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:var(--accent);transform-origin:left;animation:heroDot 18s infinite linear} .hero-dots span:nth-child(2)::before{animation-delay:6s} .hero-dots span:nth-child(3)::before{animation-delay:12s} @keyframes heroDot{0%{transform:scaleX(0)} 26%{transform:scaleX(1)} 27%,100%{transform:scaleX(0)}} @media (prefers-reduced-motion:reduce){.hero-slide{animation:none} .hero-slide img,.hero-dots span::before{animation:none} .slide-one{opacity:1}} .hero-panel{display:grid;gap:14px;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 18px 50px rgba(18,33,31,0.08)} .hero-panel div{padding:16px;border-left:4px solid var(--blue);background:#f2f6f6} .hero-panel strong,.hero-panel span{display:block} .hero-panel span{color:var(--muted);font-size:15px} .split-section,.home-section,.why-section{width:var(--container);margin-inline:auto;padding:72px 0} .split-section{display:grid;grid-template-columns:minmax(320px,0.95fr) minmax(0,1.05fr);gap:54px;align-items:center;border-top:1px solid rgba(210,210,215,0.72)} .section-copy p{max-width:620px;font-size:18px} .text-link{display:inline-flex;align-items:center;margin-top:12px;color:var(--accent);font-weight:700;text-decoration:none} .text-link:hover{text-decoration:underline} .section-heading{max-width:760px;margin-bottom:28px} .section-heading p:not(.eyebrow){font-size:18px} .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .product-card,.blog-card,.reason-grid article{border:1px solid rgba(210,210,215,0.72);border-radius:18px;background:rgba(255,255,255,0.78);box-shadow:0 16px 48px rgba(0,0,0,0.05)} .product-card{display:grid;gap:13px;min-height:278px;padding:14px 14px 18px;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease} .product-card:hover,.blog-card:hover{border-color:rgba(14,111,92,0.35);box-shadow:0 22px 62px rgba(0,0,0,0.08);transform:translateY(-2px)} .product-card strong,.blog-card strong,.reason-grid strong{color:var(--ink);font-size:18px;line-height:1.25} .product-card span:not(.product-visual),.blog-card p,.reason-grid p{color:var(--muted);font-size:15px;line-height:1.55} .product-visual{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:14px;background:#eef1f3} .product-visual::before,.product-visual::after{display:none} .product-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 180ms ease} .product-card:hover .product-visual img{transform:scale(1.035)} .why-section{width:min(1440px,calc(100% - 48px));margin-top:40px;margin-bottom:40px;padding:76px 44px;border-radius:28px;color:var(--white);background:linear-gradient(135deg,rgba(255,255,255,0.12),rgba(255,255,255,0) 44%),var(--accent);box-shadow:0 28px 80px rgba(14,111,92,0.2)} .why-section .eyebrow,.why-section h2,.why-section .section-heading p{color:var(--white)} .why-section .section-heading{max-width:820px} .reason-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .reason-grid article{padding:22px;border-color:rgba(255,255,255,0.28);background:rgba(255,255,255,0.92);box-shadow:0 18px 54px rgba(0,0,0,0.12)} .blog-grid{display:flex;gap:16px} .blog-carousel{--blog-carousel-distance:0px;overflow:hidden;width:100%;padding:4px 0 12px;mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)} .blog-carousel-track{display:flex;gap:16px;width:max-content;will-change:transform;animation:home-blog-scroll 52s linear infinite} .blog-carousel:hover .blog-carousel-track{animation-play-state:paused} @keyframes home-blog-scroll{from{transform:translateX(0)} to{transform:translateX(calc(-1 * var(--blog-carousel-distance)))}} .blog-card{display:grid;grid-template-rows:auto auto auto minmax(64px,1fr) auto;align-content:stretch;gap:10px;flex:0 0 calc((100% - 48px) / 4);width:auto;min-width:0;min-height:398px;padding:12px 12px 16px;border-radius:14px;color:inherit;background:rgba(255,255,255,0.7);box-shadow:0 8px 24px rgba(0,0,0,0.028);transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease} .blog-carousel .blog-card{flex:0 0 calc((var(--container-width,1440px) - 48px) / 4);width:calc((var(--container-width,1440px) - 48px) / 4)} .blog-image{display:block;height:clamp(130px,8vw,150px);width:100%;min-width:0;max-width:100%;overflow:hidden;border-radius:11px;background:#eef1f3} .blog-image img{display:block;width:100%;height:100%;min-width:0;object-fit:cover;transition:transform 180ms ease} .blog-card:hover .blog-image img{transform:scale(1.035)} .blog-card strong a{color:inherit;text-decoration:none} .blog-card strong a:hover{color:var(--accent)} .blog-date{align-self:start;width:fit-content;padding:4px 8px;border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.09);font-size:12px;font-weight:400;text-transform:uppercase} .blog-category-chip{align-self:end;width:fit-content;min-height:26px;padding:0 9px;border:1px solid rgba(14,111,92,0.18);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-size:12px;font-weight:400;text-decoration:none} .blog-category-chip:hover{border-color:rgba(14,111,92,0.34);background:rgba(14,111,92,0.1)} .blog-tags{display:flex;flex-wrap:wrap;justify-content:center;align-self:end;gap:7px;width:100%;margin-top:2px} .blog-tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid rgba(14,111,92,0.18);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-size:11px;font-weight:400} @media (prefers-reduced-motion:reduce){.blog-carousel-track{width:auto;animation:none} .blog-carousel .blog-card:nth-child(n+5){display:none}} .inquiry-section{width:var(--container);display:grid;grid-template-columns:minmax(280px,0.82fr) minmax(0,1.18fr);gap:34px;margin:28px auto 72px;padding:34px;border:1px solid rgba(210,210,215,0.72);border-radius:22px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.045)} .inquiry-compact{grid-template-columns:minmax(260px,0.75fr) minmax(0,1.25fr);padding:28px} .inquiry-copy h2{max-width:620px;margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.05} .inquiry-copy p{max-width:620px;margin:0;color:var(--muted);font-size:17px} .inquiry-copy ul{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none;color:var(--ink);font-size:15px;font-weight:650} .inquiry-copy li{display:flex;gap:9px;align-items:flex-start} .inquiry-copy li::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--accent)} .inquiry-form{display:grid;gap:16px} .inquiry-form .button{font-size:16px} .inquiry-form .button:disabled{cursor:wait;opacity:0.72} .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .inquiry-form label{display:grid;gap:6px;color:var(--ink);font-size:13px;font-weight:500} .inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(210,210,215,0.88);border-radius:10px;color:var(--ink);background:rgba(255,255,255,0.88);font:inherit;font-size:15px;font-weight:400;outline:none} .inquiry-form input::placeholder,.inquiry-form textarea::placeholder{color:rgba(110,110,115,0.88);font-weight:400} .inquiry-form textarea{min-height:116px;resize:vertical} .inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:rgba(14,111,92,0.48);box-shadow:0 0 0 4px rgba(14,111,92,0.09)} .form-wide{grid-column:1 / -1} .form-hidden{display:none} .form-status{margin:0;color:var(--muted);font-size:14px;font-weight:400;line-height:1.55} .form-status:empty{display:none} .form-status.is-success{color:var(--accent)} html[dir="rtl"] body{text-align:start} html[dir="rtl"] .submenu{right:0;left:auto} html[dir="rtl"] .language-switcher select{padding:0 12px 0 32px} html[dir="rtl"] .hero-copy,html[dir="rtl"] .section-copy,html[dir="rtl"] .section-heading,html[dir="rtl"] .products-hero-copy,html[dir="rtl"] .products-directory-heading,html[dir="rtl"] .solutions-hub,html[dir="rtl"] .faq-page,html[dir="rtl"] .contact-copy,html[dir="rtl"] .inquiry-copy{text-align:start} html[dir="rtl"] .inquiry-copy li,html[dir="rtl"] .footer-contact li{flex-direction:row} .form-status.is-error{color:#b42318} .page-hero.products-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:38px;align-items:center;width:min(1280px,calc(100% - 48px));min-height:268px;margin-top:42px;margin-bottom:50px;padding:34px 34px 34px 42px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 12% 18%,rgba(14,111,92,0.10),rgba(14,111,92,0) 30%),radial-gradient(circle at 88% 70%,rgba(0,102,204,0.08),rgba(0,102,204,0) 32%),linear-gradient(115deg,rgba(14,111,92,0.055),rgba(255,255,255,0.74) 44%,rgba(232,242,255,0.58)),rgba(255,255,255,0.62);box-shadow:0 14px 42px rgba(0,0,0,0.04)} .page-hero.products-hero::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(14,111,92,0.05) 0 1px,transparent 1.4px) 0 0 / 18px 18px,linear-gradient(130deg,transparent 32%,rgba(14,111,92,0.05) 33%,transparent 34%),linear-gradient(150deg,transparent 54%,rgba(0,102,204,0.045) 55%,transparent 56%);filter:blur(0.35px);opacity:0.72;pointer-events:none} .page-hero.products-hero::after{content:"";position:absolute;left:7%;right:36%;top:16%;height:130px;border-top:1px solid rgba(14,111,92,0.08);border-radius:50%;filter:blur(0.2px);pointer-events:none;transform:rotate(-5deg)} .products-hero-copy,.products-hero-visual{position:relative;z-index:1} .page-hero.products-hero h1{max-width:650px;margin:0;font-size:clamp(34px,3.4vw,46px);line-height:1.08} .page-hero.products-hero p{max-width:620px;margin:16px 0 0;color:var(--muted);font-size:16px} .products-hero-visual{height:200px;overflow:hidden;border-radius:18px;background:#eef1f3;box-shadow:0 18px 42px rgba(0,0,0,0.10)} .products-hero-visual img{display:block;width:100%;height:100%;object-fit:cover} .products-directory{width:min(1280px,calc(100% - 48px));margin:0 auto 58px} .products-directory-muted{padding:42px;border-radius:28px;color:var(--white);background:linear-gradient(135deg,rgba(255,255,255,0.13),rgba(255,255,255,0) 44%),var(--accent);box-shadow:0 22px 64px rgba(14,111,92,0.17)} .products-directory-heading{display:block;max-width:940px;margin-bottom:26px;text-align:left} .products-directory-heading h2{max-width:760px;margin:0;font-size:clamp(26px,3vw,36px);line-height:1.12} .products-directory-heading p:not(.eyebrow){max-width:900px;margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.7} .products-directory-muted .products-directory-heading p,.products-directory-muted .products-directory-heading h2{color:var(--white)} .products-directory-muted .products-directory-heading p{opacity:0.86} .products-feature-grid,.products-compact-grid{display:grid;gap:18px} .products-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .products-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .products-feature-card,.products-compact-card,.products-wide-card{overflow:hidden;border:1px solid rgba(210,210,215,0.72);border-radius:18px;background:rgba(255,255,255,0.78);box-shadow:0 14px 42px rgba(0,0,0,0.045);text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease} .products-feature-card:hover,.products-compact-card:hover,.products-wide-card:hover{border-color:rgba(14,111,92,0.36);box-shadow:0 20px 58px rgba(0,0,0,0.075);transform:translateY(-2px)} .products-feature-card{display:grid;grid-template-columns:minmax(220px,0.9fr) minmax(0,1.1fr);min-height:260px} .products-feature-image,.products-wide-image{display:block;overflow:hidden;background:#eef1f3} .products-feature-image img,.products-compact-card img,.products-wide-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 180ms ease} .products-feature-card:hover img,.products-compact-card:hover img,.products-wide-card:hover img{transform:scale(1.035)} .products-feature-body,.products-wide-body{display:grid;align-content:center;gap:12px;padding:28px} .products-feature-body strong,.products-wide-body strong{color:var(--ink);font-size:clamp(26px,3vw,36px);line-height:1.05} .products-feature-body span:not(.eyebrow),.products-wide-body span:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.55} .products-compact-card{display:grid;align-content:start} .products-directory-muted .products-compact-card{border-color:rgba(255,255,255,0.24);background:rgba(255,255,255,0.93);box-shadow:0 18px 46px rgba(0,0,0,0.13)} .products-compact-card img{height:132px} .products-compact-card strong{padding:18px 18px 0;color:var(--ink);font-size:20px;line-height:1.2} .products-compact-card span{padding:9px 18px 20px;color:var(--muted);font-size:15px;line-height:1.5} .products-wide-card{display:grid;grid-template-columns:minmax(320px,0.85fr) minmax(0,1.15fr);min-height:300px} .rockchip-hero,.rockchip-section,.rockchip-os-band,.rockchip-faq{width:min(1280px,calc(100% - 48px));margin-inline:auto} .rockchip-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,0.72fr);gap:48px;align-items:center;margin-top:64px;padding:42px;border-radius:24px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .rockchip-hero h1{max-width:780px;margin:0;font-size:clamp(32px,3.7vw,48px);line-height:1.05} .rockchip-hero-copy>p:not(.eyebrow){max-width:760px;margin:20px 0 0;color:var(--muted);font-size:18px} .rockchip-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px} .rockchip-keywords span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.08);font-size:13px;font-weight:750} .rockchip-hero-media{overflow:hidden;border-radius:18px;background:#eef1f3;box-shadow:0 18px 44px rgba(0,0,0,0.12)} .rockchip-hero-media img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover} .company-hero{align-items:start} .company-hero .rockchip-hero-media{align-self:start} .company-hero .rockchip-hero-media img{height:auto;aspect-ratio:1619 / 972;object-fit:contain} .rockchip-section{margin-top:92px} .rockchip-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,0.7fr);gap:56px;align-items:start} .rockchip-section h2,.rockchip-os-band h2,.rockchip-faq h2{max-width:820px;margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.1} .rockchip-section p,.rockchip-os-band p,.rockchip-faq p{color:var(--muted);font-size:16px;line-height:1.7} .related-inline{margin-top:18px;font-weight:650} .related-inline a{color:var(--accent);text-decoration:none} .related-inline a:hover{text-decoration:underline} .rockchip-intro aside{padding:26px;border-radius:20px;color:var(--white);background:var(--accent);box-shadow:0 20px 54px rgba(14,111,92,0.18)} .rockchip-intro aside strong{display:block;margin-bottom:14px;font-size:20px} .rockchip-intro ul{display:grid;gap:10px;margin:0;padding-left:18px} .rockchip-section-heading{max-width:920px;margin-bottom:34px} .rockchip-soc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .allwinner-soc-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .rockchip-soc-card,.rockchip-os-grid article,.rockchip-process article{border:1px solid rgba(210,210,215,0.72);border-radius:16px;background:rgba(255,255,255,0.76);box-shadow:0 14px 38px rgba(0,0,0,0.04)} .rockchip-soc-card{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;align-content:start;gap:12px 18px;min-height:214px;padding:18px;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease} .rockchip-soc-card:hover{border-color:rgba(14,111,92,0.36);box-shadow:0 20px 54px rgba(0,0,0,0.075);transform:translateY(-2px)} .rockchip-soc-grid img{grid-column:1;grid-row:1;justify-self:start;width:auto;height:90px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,0.08))} .allwinner-soc-card img{width:90px;height:68px;border-radius:10px;object-fit:cover} .rockchip-soc-grid strong,.rockchip-process strong,.rockchip-faq strong{color:var(--ink);font-size:18px;line-height:1.25} .rockchip-soc-card p{grid-column:1 / -1;grid-row:2;margin:0} .rockchip-os-band{margin-top:96px;padding:42px;border-radius:26px;color:var(--white);background:linear-gradient(135deg,rgba(255,255,255,0.13),rgba(255,255,255,0) 42%),var(--accent);box-shadow:0 24px 70px rgba(14,111,92,0.18)} .rockchip-os-band h2,.rockchip-os-band .rockchip-section-heading p{color:var(--white)} .rockchip-os-band .rockchip-section-heading p{opacity:0.86} .rockchip-os-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .rockchip-os-grid article{padding:26px;background:rgba(255,255,255,0.94)} .rockchip-os-grid h3{margin:0 0 10px;color:var(--ink);font-size:24px;line-height:1.15} .rockchip-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .rockchip-process article{display:grid;gap:10px;padding:22px} .rockchip-process span{color:var(--accent);font-size:13px;font-weight:800} .industrial-list,.industrial-spec-list{display:grid;gap:0;max-width:1040px;border-top:1px solid rgba(29,29,31,0.14)} .industrial-list div,.industrial-spec-list div{display:grid;grid-template-columns:minmax(220px,0.42fr) minmax(0,1fr);gap:34px;padding:24px 0;border-bottom:1px solid rgba(29,29,31,0.14)} .industrial-list strong,.industrial-spec-list strong{color:var(--ink);font-size:18px;line-height:1.3} .industrial-list p,.industrial-spec-list p{margin:0} .industrial-spec-list a{color:var(--accent);font-weight:700;text-decoration:none} .industrial-spec-list a:hover{text-decoration:underline} .industrial-band .rockchip-process article{border-color:rgba(255,255,255,0.18);background:rgba(255,255,255,0.95)} .custom-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;border-top:1px solid rgba(255,255,255,0.22)} .custom-capability-list div{padding:24px 0;border-bottom:1px solid rgba(255,255,255,0.22)} .custom-capability-list strong{display:block;margin-bottom:10px;color:var(--white);font-size:18px;line-height:1.3} .custom-capability-list p{margin:0;color:rgba(255,255,255,0.86)} .custom-process{grid-template-columns:repeat(5,minmax(0,1fr))} .smart-panel-series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px} .smart-panel-series article{display:grid;align-content:start;gap:14px;overflow:hidden;min-height:330px;border:1px solid rgba(210,210,215,0.72);border-radius:18px;background:rgba(255,255,255,0.78);box-shadow:0 14px 42px rgba(0,0,0,0.045)} .smart-panel-series img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover} .smart-panel-series strong{display:block;padding:0 20px;color:var(--ink);font-size:18px;line-height:1.3} .smart-panel-series p{margin:0;padding:0 20px 22px} .company-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .company-fact-grid div{padding:24px;border:1px solid rgba(210,210,215,0.72);border-radius:18px;background:rgba(255,255,255,0.78);box-shadow:0 14px 42px rgba(0,0,0,0.045)} .company-fact-grid strong{display:block;color:var(--accent);font-size:30px;line-height:1.1} .company-fact-grid span{display:block;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.5} .company-intro a,.company-list a{color:var(--accent);font-weight:700;text-decoration:none} .company-intro a:hover,.company-list a:hover{text-decoration:underline} .manufacturing-process{display:grid;grid-template-columns:1fr;gap:0;max-width:1080px;margin-top:30px;border-top:1px solid rgba(29,29,31,0.14)} .manufacturing-process article{display:grid;grid-template-columns:72px minmax(220px,0.42fr) minmax(0,1fr);gap:24px;align-items:start;padding:24px 0;border-bottom:1px solid rgba(29,29,31,0.14);background:transparent;box-shadow:none} .manufacturing-process-visuals{display:grid;grid-template-columns:1.15fr 0.85fr 0.85fr;gap:14px;max-width:1080px;margin-top:8px} .manufacturing-process-visuals img{display:block;width:100%;height:210px;border-radius:16px;object-fit:cover;background:#eef1f3;box-shadow:0 14px 42px rgba(0,0,0,0.055)} .manufacturing-process span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.09);font-size:12px;font-weight:850} .manufacturing-process strong{display:block;color:var(--ink);font-size:20px;line-height:1.3} .manufacturing-process p{margin:0;color:var(--muted);font-size:16px;line-height:1.7} .about-hub{width:min(1080px,calc(100% - 48px));margin:88px auto 112px} .about-hub-intro{max-width:760px} .about-hub-intro h1{max-width:720px;margin:0;font-size:clamp(34px,3.6vw,48px);line-height:1.1} .about-hub-intro p:not(.eyebrow){max-width:700px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.75} .about-hub-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:58px;border-top:1px solid rgba(29,29,31,0.14)} .about-hub-links a{display:grid;gap:12px;padding:28px 34px 30px 0;border-bottom:1px solid rgba(29,29,31,0.14);color:inherit;text-decoration:none} .about-hub-links a:nth-child(2n){padding-right:0;padding-left:34px} .about-hub-links span{color:var(--accent);font-size:13px;font-weight:850;text-transform:uppercase} .about-hub-links strong{max-width:460px;color:var(--ink);font-size:24px;line-height:1.22} .about-hub-links p{max-width:500px;margin:0;color:var(--muted);font-size:15px;line-height:1.72} .about-hub-links a:hover strong{color:var(--accent)} .resources-hub{width:min(1080px,calc(100% - 48px));margin:88px auto 112px} .resources-hub-hero{max-width:780px} .resources-hub-hero h1{max-width:760px;margin:0;font-size:clamp(34px,3.6vw,48px);line-height:1.1} .resources-hub-hero p:not(.eyebrow){max-width:740px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.75} .resources-hub-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:58px;border-top:1px solid rgba(29,29,31,0.14)} .resources-hub-links a{display:grid;gap:12px;padding:28px 34px 30px 0;border-bottom:1px solid rgba(29,29,31,0.14);color:inherit;text-decoration:none} .resources-hub-links a:nth-child(2n){padding-right:0;padding-left:34px} .resources-hub-links span{color:var(--accent);font-size:13px;font-weight:850;text-transform:uppercase} .resources-hub-links strong{color:var(--ink);font-size:24px;line-height:1.22} .resources-hub-links p{max-width:500px;margin:0;color:var(--muted);font-size:15px;line-height:1.72} .resources-hub-links a:hover strong{color:var(--accent)} .resources-hub-band{display:grid;grid-template-columns:minmax(0,0.88fr) minmax(360px,1fr);gap:48px;align-items:start;margin-top:74px;padding:34px;border-radius:22px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .resources-hub-band h2{max-width:560px;margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.14} .resources-hub-band p{max-width:560px;color:var(--muted);font-size:16px;line-height:1.72} .resources-hub-band ul{display:grid;gap:12px;margin:0;padding:0;list-style:none} .resources-hub-band li{position:relative;padding-left:24px;color:var(--muted);font-size:15px;line-height:1.65} .resources-hub-band li::before{content:"";position:absolute;top:10px;left:0;width:7px;height:7px;border-radius:999px;background:var(--accent)} .news-page{width:min(1080px,calc(100% - 48px));margin:88px auto 112px} .news-hero{max-width:820px} .news-hero h1{max-width:680px;margin:0;font-size:clamp(30px,3vw,40px);line-height:1.14} .news-hero p:not(.eyebrow){max-width:760px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.75} .news-list{display:grid;gap:0;margin-top:62px;border-top:1px solid rgba(29,29,31,0.14)} .news-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(29,29,31,0.14);color:inherit;text-decoration:none} .news-card img{width:210px;aspect-ratio:4 / 3;border-radius:14px;object-fit:cover;box-shadow:0 14px 34px rgba(0,0,0,0.08)} .news-card-body{display:grid;align-content:center;gap:10px} .news-card time,.news-article-header time{color:var(--accent);font-size:13px;font-weight:400;text-transform:uppercase} .news-card strong{max-width:760px;color:var(--ink);font-size:24px;line-height:1.18} .news-card em{max-width:760px;color:var(--muted);font-size:16px;font-style:normal;line-height:1.65} .news-card:hover strong{color:var(--accent)} .news-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px} .news-tags b{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(14,111,92,0.16);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-size:13px;font-weight:400} .news-empty{padding:28px 0} .news-article{width:min(900px,calc(100% - 48px));margin:88px auto 112px} .news-article-header{max-width:820px} .news-article-header h1{max-width:820px;margin:0;font-size:clamp(34px,3.6vw,48px);line-height:1.1} .news-article-header p:not(.eyebrow){max-width:780px;margin:20px 0 14px;color:var(--muted);font-size:17px;line-height:1.75} .news-article-image{display:block;width:100%;margin-top:42px;aspect-ratio:16 / 9;border-radius:18px;object-fit:cover;box-shadow:0 18px 54px rgba(0,0,0,0.08)} .news-article-body{max-width:780px;margin-top:42px} .news-article-body p{color:var(--muted);font-size:17px;line-height:1.78} .news-article-body img{display:block;width:100%;margin:34px 0;border-radius:18px;object-fit:cover;box-shadow:0 18px 54px rgba(0,0,0,0.08)} .news-article-body a{color:var(--accent);font-weight:700;text-decoration:none} .news-article-body a:hover{text-decoration:underline} .guides-page{width:min(1080px,calc(100% - 48px));margin:88px auto 112px} .guides-hero{max-width:840px} .guides-hero h1{max-width:800px;margin:0;font-size:clamp(34px,3.6vw,48px);line-height:1.1} .guides-hero p:not(.eyebrow){max-width:780px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.75} .guides-intro{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(360px,1fr);gap:52px;align-items:start;margin-top:66px;padding:34px;border-radius:22px;color:var(--white);background:var(--accent);box-shadow:0 22px 62px rgba(14,111,92,0.17)} .guides-intro h2{max-width:540px;margin:0;color:var(--white);font-size:clamp(24px,2.5vw,32px);line-height:1.12} .guides-intro p{max-width:560px;color:rgba(255,255,255,0.86);font-size:16px;line-height:1.72} .guides-intro ul{display:grid;gap:13px;margin:0;padding:0;list-style:none} .guides-intro li{position:relative;padding-left:24px;color:rgba(255,255,255,0.9);font-size:16px;line-height:1.66} .guides-intro li::before{content:"";position:absolute;top:10px;left:0;width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,0.9)} .guides-list{margin-top:96px} .guides-section-heading{max-width:840px} .guides-section-heading h2,.guides-topic-band h2{max-width:760px;margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.12} .guides-section-heading p,.guides-topic-band p{max-width:760px;color:var(--muted);font-size:16px;line-height:1.72} .guides-article-list{display:grid;gap:0;margin-top:32px;border-top:1px solid rgba(29,29,31,0.14)} .guide-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(29,29,31,0.14);color:inherit;text-decoration:none} .guide-row img{width:190px;aspect-ratio:4 / 3;border-radius:14px;object-fit:cover;box-shadow:0 14px 34px rgba(0,0,0,0.08)} .guide-row>span{display:grid;gap:10px} .guide-row time,.guide-article-header time{color:var(--accent);font-size:13px;font-weight:850;text-transform:uppercase} .guide-row strong{max-width:760px;color:var(--ink);font-size:23px;line-height:1.18} .guide-row em{max-width:780px;color:var(--muted);font-size:16px;font-style:normal;line-height:1.65} .guide-row:hover strong{color:var(--accent)} .guide-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px} .guide-tags b{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(14,111,92,0.16);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-size:13px;font-weight:760} .guides-topic-band{display:grid;grid-template-columns:minmax(0,0.82fr) minmax(360px,1fr);gap:48px;align-items:start;margin-top:88px;padding:34px;border-radius:22px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .guides-topic-links{display:flex;flex-wrap:wrap;gap:10px} .guides-topic-links a{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(14,111,92,0.16);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-size:14px;font-weight:760;text-decoration:none} .guides-topic-links a:hover{border-color:rgba(14,111,92,0.32);background:rgba(14,111,92,0.09)} .guide-article{width:min(900px,calc(100% - 48px));margin:88px auto 112px} .guide-article-header{max-width:820px} .guide-article-header h1{max-width:820px;margin:0;font-size:clamp(34px,3.6vw,48px);line-height:1.1} .guide-article-header p:not(.eyebrow){max-width:780px;margin:20px 0 14px;color:var(--muted);font-size:17px;line-height:1.75} .guide-article-header .guide-tags{margin-top:18px} .guide-article-image{display:block;width:100%;margin-top:42px;aspect-ratio:16 / 9;border-radius:18px;object-fit:cover;box-shadow:0 18px 54px rgba(0,0,0,0.08)} .guide-article-body{max-width:780px;margin-top:42px} .guide-article-body h2{margin-top:48px;font-size:clamp(24px,2.5vw,32px)} .guide-article-body p{color:var(--muted);font-size:17px;line-height:1.78} .guide-article-body a{color:var(--accent);font-weight:700;text-decoration:none} .guide-article-body a:hover{text-decoration:underline} .blog-page{width:min(1180px,calc(100% - 48px));margin:88px auto 112px} .blog-hub-hero{max-width:860px} .blog-hub-hero h1{max-width:780px;margin:0;font-size:clamp(34px,3.6vw,48px);line-height:1.1} .blog-hub-hero p:not(.eyebrow){max-width:820px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.75} .blog-topic-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px} .blog-topic-chips a,.blog-hub-tags b{display:inline-flex;align-items:center;min-height:30px;border:1px solid rgba(14,111,92,0.16);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-weight:400;text-decoration:none} .blog-topic-chips a{padding:0 12px;font-size:14px} .blog-topic-chips a:hover{border-color:rgba(14,111,92,0.34);background:rgba(14,111,92,0.1)} .blog-featured{display:grid;grid-template-columns:minmax(360px,0.9fr) minmax(0,1fr);gap:42px;align-items:center;margin-top:64px;padding:28px;border-radius:24px;color:var(--white);background:var(--accent);box-shadow:0 24px 70px rgba(14,111,92,0.18)} .blog-featured img{display:block;width:100%;aspect-ratio:16 / 10;border-radius:18px;object-fit:cover;box-shadow:0 18px 44px rgba(0,0,0,0.18)} .blog-featured h2{max-width:640px;margin:0;color:var(--white);font-size:clamp(26px,3vw,36px);line-height:1.12} .blog-featured h2 a{color:inherit;text-decoration:none} .blog-featured h2 a:hover{text-decoration:underline} .blog-featured p:not(.eyebrow){max-width:620px;color:rgba(255,255,255,0.86);font-size:16px;line-height:1.72} .blog-featured .eyebrow{color:rgba(255,255,255,0.86)} .blog-featured .blog-hub-tags b{border-color:rgba(255,255,255,0.24);color:var(--white);background:rgba(255,255,255,0.12)} .blog-category-directory{margin-top:70px} .blog-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px} .blog-category-grid a{display:grid;align-content:start;gap:10px;min-height:210px;padding:22px;border:1px solid rgba(210,210,215,0.72);border-radius:18px;color:inherit;background:rgba(255,255,255,0.76);box-shadow:0 14px 38px rgba(0,0,0,0.04);text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease} .blog-category-grid a:hover{border-color:rgba(14,111,92,0.34);box-shadow:0 20px 54px rgba(0,0,0,0.075);transform:translateY(-2px)} .blog-category-grid strong{color:var(--ink);font-size:21px;line-height:1.18} .blog-category-grid span{color:var(--muted);font-size:15px;line-height:1.58} .blog-category-grid em{align-self:end;width:fit-content;margin-top:4px;padding:5px 9px;border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.08);font-size:12px;font-style:normal;font-weight:800} .blog-hub-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:62px;align-items:start;margin-top:96px} .blog-hub-heading{max-width:780px} .blog-hub-heading h2,.blog-sidebar h2{max-width:720px;margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.12} .blog-hub-heading p,.blog-sidebar p{color:var(--muted);font-size:16px;line-height:1.72} .blog-post-list{display:grid;gap:0;margin-top:32px;border-top:1px solid rgba(29,29,31,0.14)} .blog-post-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(29,29,31,0.14);color:inherit;text-decoration:none} .blog-post-row img{width:190px;aspect-ratio:4 / 3;border-radius:14px;object-fit:cover;box-shadow:0 14px 34px rgba(0,0,0,0.08)} .blog-post-row>span{display:grid;gap:10px} .blog-post-row time,.blog-article-header time{color:var(--accent);font-size:13px;font-weight:400;text-transform:uppercase} .blog-post-row strong{max-width:720px;color:var(--ink);font-size:23px;line-height:1.18} .blog-post-row em{max-width:760px;color:var(--muted);font-size:16px;font-style:normal;line-height:1.65} .blog-post-row:hover strong{color:var(--accent)} .blog-hub-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px} .blog-hub-tags b{min-height:28px;padding:0 10px;font-size:13px} .blog-sidebar{position:sticky;top:112px;display:grid;gap:10px;padding:26px;border-radius:20px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .blog-sidebar h2{font-size:24px} .blog-sidebar a{display:block;padding:12px 0;border-top:1px solid rgba(29,29,31,0.12);color:var(--ink);font-size:15px;font-weight:400;text-decoration:none} .blog-sidebar a:hover{color:var(--accent)} .blog-pagination{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:28px;padding-top:26px} .blog-pagination div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center} .blog-pagination a,.blog-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 11px;border:1px solid rgba(29,29,31,0.12);border-radius:999px;color:var(--ink);background:rgba(255,255,255,0.72);font-size:14px;font-weight:400;text-decoration:none} .blog-pagination a:hover,.blog-pagination .is-current{border-color:rgba(14,111,92,0.28);color:var(--accent);background:rgba(14,111,92,0.08)} .blog-pagination .is-disabled{color:rgba(29,29,31,0.34);background:transparent} .blog-article{width:min(1180px,calc(100% - 48px));margin:88px auto 72px} .blog-article-header{max-width:900px} .blog-article-header h1{max-width:900px;margin:0;font-size:clamp(30px,3vw,42px);line-height:1.12} .blog-article-header>p{max-width:840px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.72} .blog-article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px} .blog-article-meta time{font-weight:520} .blog-article-meta .blog-category-link{min-height:34px;margin-top:0;padding:0 13px;border-color:rgba(14,111,92,0.32);background:rgba(14,111,92,0.08);font-size:14px;font-weight:520} .blog-article-tags{display:inline-flex;flex-wrap:wrap;gap:7px;align-items:center} .blog-article-tags em{color:var(--muted);font-size:12px;font-style:normal;font-weight:760;text-transform:uppercase} .blog-article-tags b{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid rgba(29,29,31,0.1);border-radius:999px;color:rgba(29,29,31,0.58);background:rgba(29,29,31,0.035);font-size:12px;font-weight:720} .blog-article-image{display:block;width:100%;max-height:360px;margin:0 0 38px;aspect-ratio:16 / 7;border-radius:20px;object-fit:cover;box-shadow:0 18px 54px rgba(0,0,0,0.08)} .blog-article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,320px);gap:78px;align-items:start;margin-top:42px} .blog-article-body{min-width:0} .blog-article-body h2{margin:54px 0 16px;font-size:clamp(25px,2.4vw,32px);line-height:1.18} .blog-article-body h2:first-child{margin-top:0} .blog-article-body h3{margin:36px 0 12px;font-size:clamp(21px,2vw,25px);line-height:1.22} .blog-article-body p,.blog-article-body li{color:var(--muted);font-size:17px;line-height:1.78} .blog-article-body p{margin:0 0 20px} .blog-article-body ul,.blog-article-body ol{display:grid;gap:10px;margin:0 0 24px;padding-left:24px} .blog-article-body a{color:var(--accent);font-weight:500;text-decoration:none} .blog-article-body a:hover{text-decoration:underline} .blog-article-body img{display:block;width:100%;height:auto;margin:34px 0;border-radius:16px;object-fit:cover;box-shadow:0 16px 44px rgba(0,0,0,0.08)} .blog-article-body figure{margin:34px 0} .blog-article-body figure img{margin:0} .blog-article-body figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.55} .blog-article-body blockquote{margin:32px 0;padding:18px 22px;border-left:4px solid var(--accent);border-radius:0 14px 14px 0;background:rgba(14,111,92,0.06)} .blog-article-body blockquote p{margin-bottom:0} .blog-article-body code{padding:0.16em 0.38em;border-radius:6px;color:#16443a;background:rgba(14,111,92,0.08);font-size:0.9em} .blog-article-body pre{overflow-x:auto;margin:32px 0;padding:20px;border-radius:16px;background:#111917;box-shadow:0 18px 44px rgba(0,0,0,0.12)} .blog-article-body pre code{padding:0;color:#eef7f4;background:transparent;font-size:14px;line-height:1.7} .blog-article-body table{display:block;overflow-x:auto;width:100%;margin:34px 0;border-collapse:collapse;font-size:15px} .blog-article-body th,.blog-article-body td{padding:13px 14px;border-bottom:1px solid rgba(29,29,31,0.12);text-align:left;vertical-align:top} .blog-article-body th{color:var(--ink);font-weight:820;background:rgba(14,111,92,0.06)} .blog-faq{margin-top:58px;padding-top:34px;border-top:1px solid rgba(29,29,31,0.12)} .blog-faq h2{margin:0 0 18px;font-size:clamp(24px,2.3vw,30px);line-height:1.18} .blog-faq-list{display:grid;gap:12px} .blog-faq-item{display:grid;gap:8px;padding:18px 20px;border:1px solid rgba(29,29,31,0.12);border-radius:12px;background:#fff} .blog-faq-item h3{margin:0;color:var(--ink);font-size:16px;font-weight:780;line-height:1.35} .blog-faq-item p{margin:0;color:var(--muted);font-size:16px;line-height:1.7} .blog-article-sidebar{position:sticky;top:112px;display:grid;gap:18px} .blog-article-sidebar-card{display:grid;gap:14px;padding:22px;border-radius:20px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .blog-article-sidebar-card h2{margin:0;color:var(--accent);font-size:20px;line-height:1.15} .blog-article-sidebar-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.58} .blog-article-sidebar-card a{color:var(--ink);font-size:14px;font-weight:500;line-height:1.35;text-decoration:none} .blog-article-sidebar-card a:hover{color:var(--accent)} .blog-article-sidebar-card>a{padding-top:12px;border-top:1px solid rgba(29,29,31,0.12)} .blog-article-sidebar #TableOfContents ul{display:grid;gap:4px;margin:0;padding:0;list-style:none} .blog-article-sidebar #TableOfContents ul ul{gap:4px;margin-top:4px;padding-left:14px} .blog-article-sidebar #TableOfContents a{display:block;padding:6px 0;border-top:1px dashed rgba(29,29,31,0.16);color:rgba(29,29,31,0.7);font-size:14px;font-weight:500;line-height:1.25} .blog-article-sidebar #TableOfContents a:hover{color:var(--accent)} .blog-article-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:58px;padding:24px 0 0;border-top:1px solid rgba(29,29,31,0.14)} .blog-article-pager a{display:grid;gap:7px;min-height:auto;padding:0;border:0;border-radius:0;color:var(--ink);background:transparent;text-decoration:none} .blog-article-pager a:hover{box-shadow:none} .blog-article-pager a:nth-child(2){text-align:right;justify-items:end} .blog-article-pager span{color:var(--accent);font-size:11px;font-weight:850;letter-spacing:0.04em;text-transform:uppercase} .blog-article-pager strong{max-width:330px;font-size:17px;line-height:1.3} .blog-article-pager a:hover strong{color:var(--accent)} .blog-category-link{display:inline-flex;align-items:center;width:fit-content;min-height:30px;margin-top:14px;padding:0 11px;border:1px solid rgba(14,111,92,0.16);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-size:13px;font-weight:800;text-decoration:none} .blog-category-link:hover{border-color:rgba(14,111,92,0.34);background:rgba(14,111,92,0.1)} .blog-category-page{width:min(1180px,calc(100% - 48px));margin:88px auto 112px} .blog-category-hero{max-width:920px} .blog-category-hero h1{max-width:820px;margin:0;font-size:clamp(34px,3.6vw,48px);line-height:1.1} .blog-category-hero p:not(.eyebrow){max-width:900px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.75} .blog-category-primer{display:grid;grid-template-columns:minmax(260px,0.52fr) minmax(0,1fr);gap:34px 48px;align-items:start;margin-top:56px;padding:34px 0;border-top:1px solid rgba(29,29,31,0.12);border-bottom:1px solid rgba(29,29,31,0.12)} .blog-category-primer h2{max-width:380px;margin:0;font-size:clamp(26px,2.6vw,34px);line-height:1.12} .blog-category-primer p{max-width:740px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.68} .blog-category-primer-body{display:grid;gap:20px} .blog-category-primer ul{display:grid;gap:14px;margin:0;padding:0;list-style:none} .blog-category-primer li{position:relative;padding-left:24px;color:var(--muted);font-size:16px;line-height:1.62} .blog-category-primer li::before{position:absolute;top:0.7em;left:0;width:7px;height:7px;border-radius:999px;background:var(--accent);content:""} .blog-category-related{max-width:760px;margin-top:2px;padding-top:18px;border-top:1px solid rgba(29,29,31,0.1)} .blog-category-related a{color:var(--accent);font-weight:760;text-decoration:none} .blog-category-related a:hover{text-decoration:underline} .blog-category-featured{display:grid;grid-template-columns:minmax(320px,0.72fr) minmax(0,1fr);gap:38px;align-items:center;margin-top:60px;padding:26px;border-radius:24px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .blog-category-featured img{display:block;width:100%;aspect-ratio:16 / 10;border-radius:18px;object-fit:cover;box-shadow:0 18px 44px rgba(0,0,0,0.09)} .blog-category-featured h2{max-width:680px;margin:0;font-size:clamp(26px,3vw,36px);line-height:1.12} .blog-category-featured h2 a{color:var(--ink);text-decoration:none} .blog-category-featured h2 a:hover{color:var(--accent)} .blog-category-featured p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:16px;line-height:1.72} .blog-category-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:62px;align-items:start;margin-top:86px} .blog-category-sidebar{position:sticky;top:112px;display:grid;gap:10px;padding:26px;border-radius:20px;color:var(--ink);background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .blog-category-sidebar h2{margin:0;color:var(--ink);font-size:24px;line-height:1.12} .blog-category-sidebar p{color:var(--muted);font-size:15px;line-height:1.65} .blog-category-sidebar a{display:block;padding:12px 0;border-top:1px solid rgba(29,29,31,0.12);color:var(--ink);font-size:15px;font-weight:400;text-decoration:none} .blog-category-sidebar a:hover{color:var(--accent)} .blog-category-empty{padding:26px 0;border-bottom:1px solid rgba(29,29,31,0.14)} .blog-category-empty p{max-width:680px;color:var(--muted);font-size:16px;line-height:1.72} .blog-category-nav{display:grid;gap:18px;margin-top:88px;padding-top:32px;border-top:1px solid rgba(29,29,31,0.14)} .blog-category-nav strong{color:var(--ink);font-size:20px;line-height:1.2} .blog-category-nav div{display:flex;flex-wrap:wrap;gap:10px} .blog-category-nav a{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(14,111,92,0.16);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-size:14px;font-weight:760;text-decoration:none} .blog-category-nav a:hover{border-color:rgba(14,111,92,0.34);background:rgba(14,111,92,0.1)} .blog-quote-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:82px;padding:28px 32px;border:1px solid rgba(14,111,92,0.16);border-radius:22px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .blog-quote-cta h2{margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.12} .blog-quote-cta p{max-width:760px;margin:10px 0 0;color:var(--muted);font-size:16px;line-height:1.65} .blog-quote-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;color:var(--white);background:var(--accent);font-size:15px;font-weight:820;text-decoration:none;white-space:nowrap} .blog-quote-cta a:hover{background:#095e4d} .faq-page{width:min(1080px,calc(100% - 48px));margin:88px auto 0} .faq-hero{max-width:820px} .faq-hero h1{max-width:760px;margin:0;font-size:clamp(34px,3.6vw,48px);line-height:1.1} .faq-hero p:not(.eyebrow){max-width:780px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.75} .faq-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px} .faq-nav a{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(14,111,92,0.16);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-size:14px;font-weight:720;text-decoration:none} .faq-nav a:hover{background:rgba(14,111,92,0.1)} .faq-group{margin-top:34px;padding:42px;border-radius:24px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.045)} .faq-group:first-of-type{margin-top:72px} .faq-group-heading{max-width:820px;margin-bottom:32px} .faq-group-heading h2{margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.14} .faq-group-heading p{max-width:720px;margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.72} .faq-list{margin:0;padding:0;border-top:1px solid rgba(29,29,31,0.14)} .faq-item{display:grid;grid-template-columns:minmax(260px,0.42fr) minmax(0,1fr);gap:46px;padding:28px 0;border-bottom:1px solid rgba(29,29,31,0.14)} .faq-item dt{color:var(--ink);font-size:19px;font-weight:820;line-height:1.32} .faq-item dd{margin:0} .faq-item dd p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.76} .faq-related{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .faq-related a{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.08);font-size:13px;font-weight:760;text-decoration:none} .faq-related a:hover{background:rgba(14,111,92,0.13)} .soc-page{width:min(1280px,calc(100% - 48px));margin:56px auto 0} .soc-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,0.95fr);gap:58px;align-items:center;margin-bottom:44px;padding:54px;border-radius:26px;background:radial-gradient(circle at 10% 18%,rgba(14,111,92,0.08),transparent 30%),radial-gradient(circle at 88% 78%,rgba(14,111,92,0.05),transparent 34%),#fdfdfd;box-shadow:0 18px 60px rgba(0,0,0,0.045)} .soc-hero h1{max-width:760px;margin:0;font-size:clamp(36px,4vw,54px);line-height:1.08} .soc-hero p:not(.eyebrow){max-width:700px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.72} .soc-hero-media{overflow:hidden;border-radius:20px;background:#eef1f3;box-shadow:0 22px 56px rgba(0,0,0,0.075)} .soc-hero-media img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover} .soc-gallery{display:grid;grid-template-columns:1.05fr 0.95fr 0.95fr;gap:18px;margin:0 0 78px} .soc-gallery figure{overflow:hidden;margin:0;border:1px solid rgba(210,210,215,0.72);border-radius:18px;background:#fdfdfd} .soc-gallery img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#eef1f3} .soc-gallery figcaption{padding:14px 16px 16px;color:var(--muted);font-size:14px;font-weight:650} .soc-section{margin-top:86px} .soc-section h2{max-width:780px;margin:0;font-size:clamp(28px,3vw,38px);line-height:1.16} .soc-section a{color:var(--accent);font-weight:700;text-decoration:none} .soc-section a:hover{text-decoration:underline} .soc-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,0.5fr);gap:54px;align-items:start} .soc-intro p:not(.eyebrow){max-width:780px;color:var(--muted);font-size:17px;line-height:1.75} .soc-intro aside{padding:28px;border-radius:18px;color:var(--white);background:var(--accent)} .soc-intro aside strong{display:block;margin-bottom:14px;font-size:20px} .soc-intro aside ul,.soc-fit-columns ul,.soc-check-list{display:grid;gap:11px;margin:0;padding-left:20px} .soc-intro aside li{line-height:1.55} .soc-spec-table{display:grid;grid-template-columns:minmax(170px,0.34fr) minmax(0,1fr);max-width:1080px;border-top:1px solid rgba(29,29,31,0.14)} .soc-spec-table div{display:contents} .soc-spec-table strong,.soc-spec-table p{margin:0;padding:18px 0;border-bottom:1px solid rgba(29,29,31,0.14)} .soc-spec-table strong{padding-right:24px;color:var(--ink);font-size:15px} .soc-spec-table p{color:var(--muted);font-size:16px;line-height:1.65} .soc-board-band{padding:44px;border-radius:26px;color:var(--white);background:var(--accent)} .soc-board-band .rockchip-section-heading p,.soc-board-band h2{color:var(--white)} .soc-board-band .rockchip-section-heading p{opacity:0.86} .soc-board-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px} .soc-board-list div{padding:22px 0;border-top:1px solid rgba(255,255,255,0.22)} .soc-board-list strong{display:block;margin-bottom:8px;font-size:18px} .soc-board-list p{margin:0;color:rgba(255,255,255,0.82);font-size:15px;line-height:1.65} .soc-split,.soc-fit-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px} .soc-split>div,.soc-fit-columns>div{padding-top:24px;border-top:1px solid rgba(29,29,31,0.14)} .soc-split p{color:var(--muted);line-height:1.72} .soc-check-list,.soc-fit-columns ul{color:var(--muted);line-height:1.65} .soc-fit{display:grid;grid-template-columns:minmax(300px,0.42fr) minmax(0,1fr);gap:54px;align-items:start} .soc-application-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .soc-application-tags span{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.09);font-size:14px;font-weight:750} .soc-fit-columns strong{display:block;margin-bottom:14px;color:var(--ink);font-size:20px} .soc-document-list{max-width:1080px;border-top:1px solid rgba(29,29,31,0.14)} .soc-document-list div{display:grid;grid-template-columns:minmax(260px,0.48fr) minmax(0,1fr);gap:28px;padding:20px 0;border-bottom:1px solid rgba(29,29,31,0.14)} .soc-document-list strong{color:var(--ink)} .soc-document-list span{color:var(--muted);line-height:1.6} .contact-page{display:grid;grid-template-columns:minmax(320px,0.86fr) minmax(520px,0.94fr);gap:68px;align-items:start;width:min(1120px,calc(100% - 48px));margin:86px auto 112px} .contact-copy h1{max-width:520px;margin:0;font-size:clamp(34px,3.4vw,46px);line-height:1.1} .contact-copy>p:not(.eyebrow){max-width:500px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.75} .contact-info-list{display:grid;gap:0;max-width:460px;margin-top:38px;border-top:1px solid rgba(29,29,31,0.14)} .contact-info-list div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid rgba(29,29,31,0.14)} .contact-info-list span{color:var(--ink);font-weight:800} .contact-info-list a,.contact-info-list strong{color:var(--muted);font-weight:400;text-decoration:none} .contact-info-list a:hover{color:var(--accent)} .contact-note{max-width:460px;margin-top:34px;padding:22px 24px;border:1px solid rgba(14,111,92,0.14);border-radius:16px;color:var(--ink);background:rgba(14,111,92,0.055)} .contact-note strong{display:block;margin-bottom:12px;color:var(--accent);font-size:17px} .contact-note ul{display:grid;gap:10px;margin:0;padding-left:18px;color:var(--muted)} .contact-form-panel .inquiry-section{width:100%;max-width:620px;margin:52px 0 0;justify-self:end;padding:28px} .contact-form-panel .inquiry-form{gap:14px} .contact-form-panel .form-grid{gap:13px 14px} .contact-form-panel .inquiry-form input,.contact-form-panel .inquiry-form select{min-height:42px} .contact-form-panel .inquiry-form textarea{min-height:104px} .contact-form-panel .inquiry-copy{display:none} .contact-form-panel .inquiry-section{grid-template-columns:1fr} .platform-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:980px;border-top:1px solid rgba(29,29,31,0.14)} .platform-link-grid a{display:block;padding:22px 28px 22px 0;border-bottom:1px solid rgba(29,29,31,0.14);background:transparent;box-shadow:none;text-decoration:none;transition:color 160ms ease} .platform-link-grid a:nth-child(2n){padding-right:0;padding-left:28px} .platform-link-grid a:hover{color:var(--accent)} .platform-link-grid strong{display:block;color:var(--ink);font-size:18px;line-height:1.25} .platform-link-grid span{display:block;margin-top:7px;color:var(--muted);font-size:15px;line-height:1.6} .rockchip-faq{margin-top:96px;margin-bottom:44px} .rockchip-faq-list{display:grid;gap:0;max-width:980px;margin:28px 0 0;padding:0;border-top:1px solid rgba(29,29,31,0.14)} .rockchip-faq-item{position:relative;display:block;padding:26px 0 28px 46px;border-bottom:1px solid rgba(29,29,31,0.14);background:transparent;box-shadow:none} .rockchip-faq-item::before{content:"Q";position:absolute;top:28px;left:0;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.09);font-size:12px;font-weight:850} .rockchip-faq-item dt{margin:0;color:var(--ink);font-size:20px;font-weight:800;line-height:1.35} .rockchip-faq-item dd{max-width:820px;margin:10px 0 0;color:var(--muted);font-size:16px;line-height:1.72} .section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:36px 0 64px} .section-grid article{padding-top:20px;border-top:3px solid var(--line)} .band{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:72px;padding:34px;border-radius:8px;color:var(--white);background:var(--blue)} .band p{max-width:760px;color:rgba(255,255,255,0.82)} .band .button.primary{color:var(--ink);background:var(--white);border-color:var(--white)} .page-hero{padding:64px 0 28px} .page-hero h1{font-size:clamp(36px,6vw,58px)} .page-hero p{max-width:780px;font-size:19px} .content-body{max-width:820px;padding:22px 0 72px;font-size:18px} .site-footer{padding:54px 0 58px;border-top:1px solid var(--line);font-size:14px} .footer-main{display:grid;grid-template-columns:minmax(260px,0.85fr) minmax(0,1.15fr);gap:56px} .footer-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--ink);font-size:18px;font-weight:800;text-decoration:none} .footer-brand img{width:34px;height:34px;border-radius:0;object-fit:contain;background:transparent;box-shadow:none} .site-footer p{margin:0} .footer-company p+p{margin-top:6px} .footer-contact{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none;color:var(--muted)} .footer-contact span{display:inline-block;min-width:62px;color:var(--ink);font-weight:700} .footer-contact a,.footer-nav a{color:var(--muted);text-decoration:none} .footer-contact a:hover,.footer-nav a:hover{color:var(--ink)} .footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .footer-nav div{display:grid;align-content:start;gap:8px} .footer-nav strong{margin-bottom:4px;color:var(--ink)} .solution-page,.solutions-hub{width:min(1280px,calc(100% - 48px));margin:62px auto 0} .solution-hero,.solutions-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,0.68fr);gap:54px;align-items:center;padding:42px;border-radius:24px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .solution-hero h1,.solutions-hub-hero h1{max-width:820px;margin:0;font-size:clamp(32px,3.4vw,46px);line-height:1.06} .solution-hero-copy>p:not(.eyebrow),.solutions-hub-hero p{max-width:760px;margin:20px 0 0;color:var(--muted);font-size:17px;line-height:1.72} .solution-hero-media,.solutions-hub-hero img{overflow:hidden;border-radius:18px;background:#eef1f3;box-shadow:0 18px 44px rgba(0,0,0,0.11)} .solution-hero-media img,.solutions-hub-hero img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover} .solution-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px} .solution-tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.08);font-size:13px;font-weight:760} .solution-section,.solutions-hub-section,.solutions-hub-band,.solution-faq{margin-top:96px} .solution-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,0.62fr);gap:62px;align-items:start} .solution-section h2,.solutions-hub-section h2,.solutions-hub-band h2,.solution-faq h2{max-width:820px;margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.12} .solution-section p,.solutions-hub-section p,.solutions-hub-band p,.solution-faq p{color:var(--muted);font-size:16px;line-height:1.74} .solution-intro aside{margin-top:10px;padding:28px;border-radius:20px;color:var(--white);background:var(--accent);box-shadow:0 20px 54px rgba(14,111,92,0.16)} .solution-intro aside strong{display:block;margin-bottom:12px;font-size:19px} .solution-intro aside p{margin:0;color:rgba(255,255,255,0.88)} .solution-section-heading{max-width:940px;margin-bottom:34px} .solution-story{display:grid;gap:72px} .solution-story article{display:grid;grid-template-columns:minmax(340px,0.8fr) minmax(0,1fr);gap:54px;align-items:center} .solution-story article.is-reverse{grid-template-columns:minmax(0,1fr) minmax(340px,0.8fr)} .solution-story article.is-reverse .solution-story-media{order:2} .solution-story h2{max-width:680px} .solution-story p{max-width:740px} .solution-story-media{overflow:hidden;border-radius:20px;background:#eef1f3;box-shadow:0 18px 44px rgba(0,0,0,0.08)} .solution-story-media img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover} .solution-detail-list{display:grid;gap:0;max-width:1120px;border-top:1px solid rgba(29,29,31,0.14)} .solution-detail-list article{display:grid;grid-template-columns:minmax(220px,0.38fr) minmax(0,1fr);gap:44px;padding:38px 0;border-bottom:1px solid rgba(29,29,31,0.14)} .solution-detail-list h3{margin:0;color:var(--ink);font-size:24px;line-height:1.18} .solution-detail-content{display:block} .solution-detail-content p{max-width:780px;margin:0 0 14px} .solution-detail-content p:last-of-type{margin-bottom:0} .solution-detail-content ul{display:grid;gap:10px;max-width:800px;margin:18px 0 0;padding:0;list-style:none} .solution-detail-content li{position:relative;padding-left:24px;color:var(--muted);font-size:16px;line-height:1.68} .solution-detail-content li::before{content:"";position:absolute;top:11px;left:0;width:7px;height:7px;border-radius:999px;background:var(--accent)} .solution-capability-list{display:grid;gap:0;max-width:1080px;border-top:1px solid rgba(29,29,31,0.14)} .solution-capability-list article{display:grid;grid-template-columns:74px minmax(0,1fr);gap:22px;padding:30px 0;border-bottom:1px solid rgba(29,29,31,0.14)} .solution-capability-list span{color:var(--accent);font-size:13px;font-weight:850;letter-spacing:0.04em} .solution-capability-list h3{margin:0 0 8px;color:var(--ink);font-size:22px;line-height:1.22} .solution-capability-list p{max-width:800px;margin:0} .solution-platform-band,.solutions-hub-band{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(340px,1fr);gap:54px;align-items:center;padding:42px;border-radius:24px;color:var(--white);background:var(--accent);box-shadow:0 24px 70px rgba(14,111,92,0.18)} .solution-platform-band h2,.solutions-hub-band h2,.solution-platform-band p,.solutions-hub-band p{color:var(--white)} .solution-platform-band p,.solutions-hub-band p{opacity:0.88} .solution-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .solution-link-grid a,.solutions-hub-band a{color:inherit;font-weight:760;text-decoration:none} .solution-link-grid a{display:flex;align-items:center;min-height:54px;padding:0 18px;border:1px solid rgba(255,255,255,0.2);border-radius:14px;background:rgba(255,255,255,0.1)} .solution-link-grid a:hover,.solutions-hub-band a:hover{text-decoration:underline} .solution-applications div{display:flex;flex-wrap:wrap;gap:10px;max-width:980px;margin-top:24px} .solution-applications span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(14,111,92,0.16);border-radius:999px;color:var(--accent);background:rgba(14,111,92,0.06);font-size:14px;font-weight:720} .solution-evaluation{display:grid;grid-template-columns:minmax(0,0.82fr) minmax(420px,1fr);gap:58px;align-items:start} .solution-evaluation ul{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(29,29,31,0.14)} .solution-evaluation li{position:relative;padding:18px 0 18px 28px;border-bottom:1px solid rgba(29,29,31,0.14);color:var(--ink);font-size:16px;line-height:1.6} .solution-evaluation li::before{content:"";position:absolute;top:28px;left:0;width:8px;height:8px;border-radius:999px;background:var(--accent)} .solution-delivery{padding:42px;border-radius:24px;background:#fdfdfd;box-shadow:0 18px 54px rgba(0,0,0,0.05)} .solution-delivery ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:30px 0 0;padding:0;list-style:none;counter-reset:delivery-step} .solution-delivery li{position:relative;padding-top:42px;color:var(--muted);font-size:15px;line-height:1.62;counter-increment:delivery-step} .solution-delivery li::before{content:counter(delivery-step,decimal-leading-zero);position:absolute;top:0;left:0;color:var(--accent);font-size:18px;font-weight:850} .solutions-hub-list{display:grid;gap:18px;max-width:1120px} .solutions-hub-list a{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(29,29,31,0.12);text-decoration:none} .solutions-hub-list img{width:180px;aspect-ratio:4 / 3;border-radius:14px;object-fit:cover;box-shadow:0 14px 34px rgba(0,0,0,0.08)} .solutions-hub-list strong{display:block;color:var(--ink);font-size:24px;line-height:1.16} .solutions-hub-list em{display:block;max-width:780px;margin-top:8px;color:var(--muted);font-size:16px;font-style:normal;line-height:1.65} .solutions-hub-list a:hover strong{color:var(--accent)} .solutions-hub-band ul{display:grid;gap:13px;margin:0;padding-left:20px;color:rgba(255,255,255,0.9);font-size:16px;line-height:1.62} @media (max-width:1180px){.blog-grid .blog-card{flex-basis:calc((100% - 16px) / 2);width:calc((100% - 16px) / 2)} .blog-carousel .blog-card{flex-basis:calc((var(--container-width,720px) - 16px) / 2);width:calc((var(--container-width,720px) - 16px) / 2)} .blog-grid,.products-compact-grid,.smart-panel-series{grid-template-columns:repeat(2,minmax(0,1fr))} .products-feature-card{grid-template-columns:1fr} .products-feature-image{height:220px}} @media (max-width:760px){.site-footer,.band{align-items:flex-start;flex-direction:column} .site-header{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;gap:8px 10px;padding:8px} .brand{justify-self:start;min-width:0} .site-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;width:100%;gap:2px;overflow-x:auto;scrollbar-width:none} .site-nav::-webkit-scrollbar{display:none} .site-nav a{white-space:nowrap} .language-switcher{grid-column:2;grid-row:1;justify-self:end;width:auto} .language-switcher select{max-width:132px} .submenu{position:static;display:none;width:100%;margin-top:2px;box-shadow:none;opacity:1;pointer-events:auto;transform:none} .has-submenu:focus-within .submenu{display:block} .hero,.products-hero,.rockchip-hero,.rockchip-intro,.contact-page,.about-hub-links,.resources-hub-links,.resources-hub-band,.faq-group-heading,.faq-item,.soc-hero,.soc-gallery,.soc-intro,.soc-board-list,.soc-split,.soc-fit,.soc-fit-columns,.company-fact-grid,.solution-hero,.solutions-hub-hero,.solution-intro,.solution-story article,.solution-platform-band,.solutions-hub-band,.solution-evaluation,.solution-delivery ol,.rockchip-soc-grid,.rockchip-os-grid,.rockchip-process,.platform-link-grid,.custom-capability-list,.industrial-list div,.industrial-spec-list div,.split-section,.section-grid,.product-grid,.reason-grid,.blog-grid,.products-feature-grid,.products-compact-grid,.smart-panel-series,.manufacturing-process-visuals,.manufacturing-process,.products-wide-card,.inquiry-section,.form-grid,.footer-main,.footer-nav{grid-template-columns:1fr} .hero{width:min(100% - 24px,720px);min-height:680px;margin-top:18px;border-radius:22px} .hero-copy{width:calc(100% - 40px);padding:56px 20px 0} .hero-copy::before{margin-bottom:18px} .hero-slide figcaption{left:16px;right:16px;bottom:70px;max-width:calc(100% - 32px);border-radius:0} .hero-dots{left:20px;bottom:28px} .products-hero{width:min(100% - 24px,720px);min-height:auto;margin-top:24px;margin-bottom:34px;padding:28px 20px 20px;border-radius:20px} .products-hero h1{font-size:clamp(32px,9vw,42px)} .products-hero p{font-size:16px} .products-hero-visual{height:auto;aspect-ratio:16 / 9} .rockchip-hero,.rockchip-section,.rockchip-os-band,.rockchip-faq,.solution-page,.solutions-hub{width:min(100% - 24px,720px)} .rockchip-hero{margin-top:24px;padding:28px 20px;border-radius:22px} .rockchip-section{margin-top:58px} .solution-page,.solutions-hub{margin-top:24px} .solution-hero,.solutions-hub-hero{gap:28px;padding:28px 20px;border-radius:22px} .solution-hero h1,.solutions-hub-hero h1{font-size:clamp(32px,9vw,42px)} .solution-section,.solutions-hub-section,.solutions-hub-band,.solution-faq{margin-top:64px} .solution-platform-band,.solutions-hub-band{padding:30px 20px;border-radius:22px} .solution-story{gap:48px} .solution-story article{gap:24px} .solution-story article.is-reverse .solution-story-media{order:0} .solution-detail-list article{grid-template-columns:1fr;gap:16px;padding:30px 0} .solution-capability-list article{grid-template-columns:1fr;gap:8px;padding:24px 0} .solution-link-grid,.solutions-hub-list a{grid-template-columns:1fr} .solutions-hub-list img{width:100%} .solution-delivery{padding:30px 20px;border-radius:22px} .rockchip-intro{gap:28px} .manufacturing-process article{grid-template-columns:1fr;gap:10px} .manufacturing-process-visuals img{height:auto;aspect-ratio:16 / 9} .soc-page,.about-hub{width:min(100% - 32px,720px);margin-top:48px} .soc-hero{padding:28px;gap:28px} .soc-gallery{margin-bottom:54px} .soc-section{margin-top:58px} .soc-board-band{padding:28px} .soc-spec-table,.soc-document-list div{grid-template-columns:1fr} .soc-spec-table strong{padding-bottom:4px;border-bottom:0} .soc-spec-table p{padding-top:0} .rockchip-section-heading{margin-bottom:22px} .rockchip-hero h1{font-size:clamp(32px,9vw,42px)} .rockchip-os-band{margin-top:64px;padding:30px 20px;border-radius:22px} .rockchip-faq{margin-top:64px;margin-bottom:30px} .rockchip-faq-item{padding-left:38px} .platform-link-grid a,.platform-link-grid a:nth-child(2n){padding-right:0;padding-left:0} .about-hub-links a,.about-hub-links a:nth-child(2n){padding-right:0;padding-left:0} .resources-hub{width:min(100% - 32px,720px);margin-top:48px} .resources-hub-links a,.resources-hub-links a:nth-child(2n){padding-right:0;padding-left:0} .resources-hub-band{margin-top:54px;padding:28px 20px;border-radius:22px} .news-page,.news-article{width:min(100% - 32px,720px);margin-top:48px} .news-list{margin-top:42px} .news-card{grid-template-columns:1fr;gap:18px} .news-card img{width:100%;aspect-ratio:16 / 9} .news-article-image{margin-top:30px} .guides-page,.guide-article{width:min(100% - 32px,720px);margin-top:48px} .guides-intro,.guides-topic-band{grid-template-columns:1fr;gap:24px;margin-top:48px;padding:28px 20px;border-radius:22px} .guides-list{margin-top:64px} .guide-row{grid-template-columns:1fr;gap:18px} .guide-row img{width:100%;aspect-ratio:16 / 9} .guide-article-image{margin-top:30px} .blog-page,.blog-article,.blog-category-page{width:min(100% - 32px,720px);margin-top:48px} .blog-featured,.blog-hub-layout,.blog-post-row,.blog-article-layout,.blog-article-pager,.blog-category-primer,.blog-category-featured,.blog-category-layout{grid-template-columns:1fr} .blog-featured{gap:24px;margin-top:46px;padding:24px 20px;border-radius:22px} .blog-hub-layout{gap:54px;margin-top:64px} .blog-category-directory{margin-top:54px} .blog-category-grid{grid-template-columns:1fr} .blog-category-grid a{min-height:auto;padding:20px} .blog-sidebar{position:static} .blog-category-sidebar{position:static;padding:24px 20px;border-radius:22px} .blog-category-primer{gap:26px;margin-top:46px;padding:34px 0} .blog-category-related{padding-top:16px} .blog-category-featured{gap:24px;margin-top:46px;padding:24px 20px;border-radius:22px} .blog-category-layout{gap:54px;margin-top:64px} .blog-quote-cta{grid-template-columns:1fr;gap:20px;margin-top:58px;padding:24px 20px;border-radius:20px} .blog-quote-cta a{width:100%} .blog-category-nav{margin-top:64px} .blog-post-row{gap:18px} .blog-post-row img{width:100%;aspect-ratio:16 / 9} .blog-article-header h1{font-size:clamp(30px,9vw,38px)} .blog-article-image{margin:0 0 30px;aspect-ratio:16 / 9;border-radius:16px} .blog-article-layout{gap:42px;margin-top:42px} .blog-article-sidebar{position:static;order:-1} .blog-article-sidebar-card{padding:20px;border-radius:18px} .blog-article-body p,.blog-article-body li{font-size:16px} .blog-article-body h2{margin-top:42px} .blog-article-pager{gap:14px;margin-top:44px} .blog-article-pager a{min-height:auto;padding:18px} .faq-page{width:min(100% - 32px,720px);margin-top:48px} .faq-group{margin-top:24px;padding:28px 20px;border-radius:22px} .faq-group:first-of-type{margin-top:54px} .faq-item{gap:14px} .faq-item{padding:24px 0} .split-section,.home-section,.why-section,.inquiry-section{padding:48px 0} .why-section{width:min(100% - 24px,720px);padding:48px 20px;border-radius:22px} .product-card{min-height:auto} .products-directory{width:min(100% - 24px,720px);margin-bottom:42px} .products-directory-muted{padding:28px 20px;border-radius:22px} .products-feature-card,.products-wide-card{grid-template-columns:1fr} .products-feature-image,.products-wide-image,.products-compact-card img{height:auto;aspect-ratio:16 / 9} .inquiry-section{width:min(100% - 24px,720px);gap:24px;padding:28px 20px;border-radius:22px}} @media (max-width:560px){.blog-grid .blog-card{flex-basis:100%;width:100%;min-height:0} .blog-carousel .blog-card{flex-basis:var(--container-width,320px);width:var(--container-width,320px)} .blog-image{height:auto;aspect-ratio:16 / 9}}