/* ASK Platform v1.4 • public visual refinement, no layout rewrites or behavioral changes */
:root{--ask-highlight:#36c7ff;--ask-glass:#0d2b49}
.site-header{border-bottom:1px solid #2a587b80;box-shadow:0 8px 35px #0002;backdrop-filter:blur(18px)}
.site-header .brand{letter-spacing:-.8px}
.site-header nav a{transition:color .2s ease;position:relative}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:#67d5ff}
.site-header nav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:#3cc5ff}
.hero{background:radial-gradient(ellipse at 77% 33%,#0d4479 0,transparent 47%),linear-gradient(118deg,#020d1a 4%,#061d36 63%,#071426);border-bottom:1px solid #174365}
.hero .eyebrow{color:#6cd6ff;font-size:12px;letter-spacing:2.1px}
.hero h1{font-weight:800;letter-spacing:-2.2px;text-wrap:balance}
.hero h1 span{color:#45c9ff;text-shadow:0 0 35px #168acb21}
.hero p{color:#c2d6e8;line-height:1.82;max-width:520px}
.hero-features{gap:10px;margin-top:26px}
.hero-features span{display:inline-flex;align-items:center;padding:8px 11px;background:#0c2a47b0;border:1px solid #235373a0;border-radius:24px;color:#a8d0e7;font-size:11px;letter-spacing:.1px}
.hero-actions .button{box-shadow:0 12px 30px #1c8ce526}
.hero-actions .button.secondary{box-shadow:none;background:#0b223a9f;border:1px solid #3d95c7}
.hero-art-sculpted{filter:drop-shadow(0 0 35px #1985cb24)}
.hero-stage{border-color:#447ca7;box-shadow:inset 0 0 0 3px #071a2d,0 16px 23px #0009,0 35px 65px #0009,0 0 60px #1ca8fc32}
.section{padding:clamp(56px,6vw,94px) 0}
.section-title h2{font-weight:800;font-size:clamp(29px,3vw,40px);letter-spacing:-1.4px;color:#f5faff}
.section-title .eyebrow{color:#4ec7ff;letter-spacing:1.8px}
.section-title p{font-size:14px;color:#9fb9cf}
.products-grid{gap:17px}
.product-card{border-radius:16px;padding:20px;background:linear-gradient(154deg,#102e4b 0%,#081b30 70%);border:1px solid #235173;box-shadow:0 10px 30px #0002;transition:transform .2s,border-color .2s,box-shadow .2s;min-height:355px}
.product-card:hover{transform:translateY(-6px);border-color:#3da3d6;box-shadow:0 18px 42px #0005,0 0 28px #009fff12}
.product-card .product-top{min-height:48px;gap:8px}
.product-card .product-icon{min-width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#0c2741;border:1px solid #295675;border-radius:12px}
.product-card .product-icon .system-logo{width:43px;height:43px;border-radius:9px;object-fit:contain}
.product-card h3{font-size:16px;letter-spacing:-.3px;color:#f2f9ff;margin:14px 0 7px}
.product-card p{font-size:12px;line-height:1.6;color:#a9c2d5}
.product-card .product-visual{height:140px;overflow:hidden;border-radius:10px;border:1px solid #365a74;background:#071727}
.product-card .product-visual img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease}
.product-card:hover .product-visual img{transform:scale(1.035)}
.product-card .subtle-link{color:#52c9ff;display:inline-flex;gap:4px;align-items:center;font-weight:750;margin-top:8px}
.product-card .subtle-link:hover{text-decoration:underline}
.project-chip{background:linear-gradient(150deg,#0c2b49,#07182b);border:1px solid #234963;border-radius:15px;padding:21px;min-width:0;transition:transform .2s,border-color .2s;box-shadow:0 9px 25px #0002}
.project-chip:hover{transform:translateY(-4px);border-color:#3d8ebd}
.project-chip strong{font-size:14px;color:#eff9ff}
.project-chip small{color:#8eb1cc}
.idea-banner{border:1px solid #2e79a6;background:radial-gradient(circle at 95% 85%,#1476b954,transparent 40%),linear-gradient(105deg,#0e3a62,#061a30 76%);border-radius:24px;box-shadow:0 18px 55px #0004}
.idea-banner h2{letter-spacing:-1.5px;text-wrap:balance}
.benefits article{border-radius:16px;border-color:#24506e;box-shadow:0 10px 25px #0001;transition:border-color .2s,transform .2s}
.benefits article:hover{border-color:#368db8;transform:translateY(-3px)}
.subhero{background:radial-gradient(ellipse at 80% 50%,#0f4773,transparent 48%),linear-gradient(110deg,#082b4c,#031121 85%)}
.subhero h1{letter-spacing:-1.9px}
.news-card{border-radius:14px}
.contact-side,.prose-panel{box-shadow:0 15px 35px #0002}
.site-header a:focus-visible,main a:focus-visible,footer a:focus-visible,main button:focus-visible{outline:2px solid #57d4ff;outline-offset:4px}
@media(max-width:1180px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.site-header nav a[aria-current="page"]:after{display:none}.hero h1{letter-spacing:-1.6px}.hero-features{margin-top:20px}.product-card{min-height:330px}.products-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art-sculpted{filter:none}}
@media(max-width:490px){.container{width:calc(100% - 32px)}.products-grid,.projects-grid{grid-template-columns:1fr}.product-card .product-visual{height:185px}.idea-banner{padding:26px}.hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.product-card,.project-chip,.benefits article,.product-visual img{transition:none!important}.product-card:hover,.project-chip:hover,.benefits article:hover{transform:none!important}}