:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#f8fafc;background:#04070d;line-height:1.5;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top right,rgba(0,122,255,.2),transparent 24%),radial-gradient(circle at top left,rgba(0,90,255,.14),transparent 20%),#04070d;color:#f8fafc}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-shell{min-height:100vh}.container{width:min(1180px,calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04070de0;border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.brand-mark{font-size:2rem;font-weight:700;letter-spacing:-.04em}.brand-mark span{color:#1d4ed8}.main-nav{display:flex;gap:1.6rem;color:#ffffffc7;font-size:.95rem}.main-nav a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:.85rem 1.2rem;font-weight:700;border:1px solid transparent;transition:.2s ease}.button--primary{background:#1d4ed8;color:#fff;box-shadow:0 18px 40px #1d4ed838}.button--primary:hover{background:#2563eb}.button--ghost{border-color:#ffffff24;color:#fff;background:transparent}.button--ghost:hover{background:#ffffff0d}.hero-section{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.hero-grid,.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center;padding:4.5rem 0}.eyebrow,.section-label{display:inline-block;color:#7dd3fc;font-size:.75rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.hero-section h1{font-size:clamp(2.7rem,6vw,4.8rem);line-height:.98;letter-spacing:-.05em;margin:1rem 0 0;max-width:12ch}.hero-section h1 span,.section-label,.section-heading h2 span{color:#1d4ed8}.hero-section p,.section-heading p,.category-header p,.solution-card p,.about-copy,.quote-panel p,.footer-grid p,.footer-grid li{color:#f8fafcb8}.hero-buttons{margin-top:1.75rem}.button-row{display:flex;flex-wrap:wrap;gap:.9rem}.trust-grid,.about-points{margin-top:1.75rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.trust-card{border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:1rem;border-radius:18px;color:#f8fafcd1;text-align:center}.device-frame{position:relative;overflow:hidden;border-radius:32px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0a,#ffffff05);isolation:isolate}.device-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(59,130,246,.16),transparent 48%);pointer-events:none}.hero-device-frame{padding:1rem}.device-card-svg,.device-hero-svg{display:block;width:100%;height:auto}.device-card-svg{min-height:220px}.device-hero-svg{min-height:420px}.section{padding:4.5rem 0}.section--muted{background:#ffffff05;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.section-heading{margin-bottom:2.5rem}.section-heading.center{text-align:center}.section-heading h2,.about-grid h2,.quote-panel h2{margin:.6rem 0 0;font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.04em}.category-section+.category-section{margin-top:4rem}.category-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.category-header h3,.solution-card h3,.footer-grid h3{margin:0;font-size:2rem}.category-header a{color:#60a5fa;font-weight:700}.product-grid,.solution-grid,.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem}.product-card{overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0a,#ffffff05);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);border-color:#3b82f66b;box-shadow:0 24px 44px #0208176b}.product-card__visual-wrap{padding:1rem;position:relative}.product-card__body{padding:0 1.2rem 1.2rem}.product-card__body h4{margin:0;font-size:1.7rem}.spec-list{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.45rem;color:#f8fafcbd}.spec-list li{position:relative;padding-left:.95rem}.spec-list li:before{content:"";position:absolute;left:0;top:.55rem;width:.42rem;height:.42rem;border-radius:50%;background:#1d4ed8}.badge{position:absolute;left:2rem;top:2rem;z-index:2;border-radius:999px;background:#1d4ed8;padding:.35rem .7rem;font-size:.75rem;font-weight:800}.solution-card,.resource-card{padding:1.4rem}.solution-number{display:inline-flex;width:3rem;height:3rem;border-radius:16px;align-items:center;justify-content:center;background:#1d4ed81f;color:#60a5fa;font-weight:800;margin-bottom:1rem}.quote-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;border:1px solid rgba(59,130,246,.22);background:linear-gradient(90deg,#1e40af24,#07111fe0);padding:2rem;border-radius:34px}.quote-form{display:grid;gap:.85rem;padding:1.2rem;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:#0003}.quote-form input,.quote-form textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:.9rem 1rem;color:#fff;outline:none}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#f8fafc66}.site-footer{border-top:1px solid rgba(255,255,255,.08);background:#03060b}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding:3rem 0}.footer-grid ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.55rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:1rem;color:#f8fafc73;font-size:.92rem}@media (max-width: 1100px){.product-grid,.solution-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid,.about-grid,.quote-panel,.footer-grid{grid-template-columns:1fr}}@media (max-width: 760px){.main-nav{display:none}.container{width:min(100% - 1.2rem,1180px)}.product-grid,.solution-grid,.resource-grid,.trust-grid,.about-points{grid-template-columns:1fr}.header-inner{flex-wrap:wrap}.category-header{flex-direction:column;align-items:flex-start}}
