/* ASK 4D v0.6.0: product-first shell. Only overrides Home and Services. */
:root{--ask60-night:#071420;--ask60-ink:#eff8ff;--ask60-muted:#a9c2d4;--ask60-border:#2d4960;--ask60-aqua:#9cf1d9;--ask60-gold:#eac77f}
html{scroll-padding-top:32px}body:has(.ask-product-home){background:#081521!important;color:var(--ask60-ink);overflow-x:hidden}
body:has(.ask-product-home)::before{content:"";position:fixed;inset:-30% 0 auto;z-index:-1;pointer-events:none;height:900px;background:radial-gradient(ellipse at 72% 34%,#1a4a7085 0,transparent 45%),radial-gradient(ellipse at 10% 10%,#11645c42 0,transparent 43%)}
main.ask-product-home{padding:0 0 110px!important;margin:auto!important;width:100%;max-width:none!important;min-height:100vh;position:relative}
.ask-product-width{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4.5vw,58px)}
.product-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0 16px}
.product-brand{display:inline-flex;align-items:center;gap:12px!important;font-weight:900;letter-spacing:-.07em;color:#f9fdff;text-decoration:none!important;font-size:25px}
.product-brand .brand-four{margin-left:4px;color:#9be0e1;font-size:12px;letter-spacing:.04em;vertical-align:top}
.brand-jewel{display:inline-flex;align-items:center;justify-content:center;clip-path:polygon(50% 0,94% 25%,90% 76%,49% 100%,8% 74%,5% 25%);height:39px;width:35px;flex:none;background:linear-gradient(142deg,#c9fcff 0,#72e0f5 20%,#346dce 47%,#3748a2 69%,#a5e4dc 100%);color:#fff;filter:drop-shadow(0 0 14px #51c7ff64);font-size:15px}
.product-toplinks{display:flex;align-items:center;gap:23px}.product-toplinks a{color:#b7d3e1!important;font-size:13px;font-weight:700;text-decoration:none}.product-toplinks a:hover{color:#fff!important}
.product-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:36px;align-items:center;padding:clamp(52px,7vw,102px) 0 55px;min-height:360px;position:relative}
.product-kicker,.product-overline{display:flex;align-items:center;gap:9px;color:#9de8d6;letter-spacing:.15em;font-size:10px;font-weight:850}
.product-light{width:8px;height:8px;border-radius:100%;background:#9becdf;box-shadow:0 0 13px #96f2dd}
.product-hero h1{max-width:700px;font-size:clamp(45px,5.2vw,78px)!important;letter-spacing:-.067em;line-height:1.03;margin:19px 0 20px!important;color:#f4f9ff}
.product-hero h1 em{font-style:normal;color:#a9f1df}
.product-hero-copy>p{max-width:590px;font-size:clamp(16px,1.8vw,20px);line-height:1.64;color:#b5cbd8;margin:0 0 23px}
.product-quickproof{display:flex;flex-wrap:wrap;gap:8px}.product-quickproof span{font-size:11px;color:#a7d2ce;border:1px solid #29545b;border-radius:99px;padding:6px 10px;background:#0e2832}
.product-question{background:linear-gradient(160deg,#193149,#0c2034);border:1px solid #47657c;border-radius:25px;padding:26px;box-shadow:0 22px 80px #01060b66,0 0 45px #377ca318}
.product-form-label{font-size:16px;font-weight:800;letter-spacing:-.018em;display:block;margin-bottom:17px}
#ask-product-home #ask-form{display:grid!important;grid-template-columns:1fr auto;gap:10px;margin:0!important;align-items:stretch}
#ask-product-home #query{grid-column:1/-1!important;min-width:0;width:100%!important;flex:auto!important;min-height:82px;background:#0b1b2c!important;border:1px solid #57738b!important;border-radius:16px!important;padding:17px!important;color:white!important;font-size:16px!important}
#ask-product-home #ask-mic{grid-column:1!important;width:auto!important;min-width:70px;background:#263f53;color:#e1eefb;border:1px solid #48667d}
#ask-product-home #ask-form button[type=submit]{grid-column:2!important;width:auto!important;min-width:144px;background:#a9f1dd!important;color:#092c28!important;border-radius:13px!important;padding:12px 20px!important}
.product-shortcuts{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.product-shortcuts a{font-size:12px;color:#c4e6f7;font-weight:700;text-decoration:none}.product-shortcuts a:hover{text-decoration:underline}
#ask-product-home #ask-voice-status{margin:10px 0 0!important;min-height:0;color:#b5cbd8!important;font-size:12px}
.product-section{padding:20px 0 52px}.product-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:25px}.product-section-heading h2,.product-bottom-strip h2{margin:9px 0 0;font-size:clamp(26px,3vw,37px);letter-spacing:-.05em;color:#eff8ff}.product-viewall{text-decoration:none;color:#bceadd;font-size:13px;font-weight:800;white-space:nowrap}
.product-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.product-service-card{display:flex;flex-direction:column;min-width:0;min-height:210px;border:1px solid #315069;border-radius:18px;padding:22px;background:linear-gradient(160deg,#162c43,#0d2234);color:#f6faff!important;text-decoration:none!important;transition:transform .2s,border-color .2s,box-shadow .2s}
.product-service-card:hover,.product-service-card:focus-visible{transform:translateY(-3px);border-color:#90dccf;box-shadow:0 10px 30px #021421}
.product-service-card.sonar{background:linear-gradient(160deg,#28314b,#142a42);border-color:#706449}
.product-card-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;margin-bottom:17px;font-size:25px;background:#1e4852;color:#a5f3e2}.product-card-mark.lavender{color:#c1bcff;background:#363857}.product-card-mark.orange{color:#ffd5a0;background:#463d39}.product-card-mark.gold{color:#f6d48c;background:#494332}
.product-card-copy{display:flex;flex-direction:column;gap:8px;flex:1}.product-card-copy strong{font-size:18px;letter-spacing:-.025em}.product-card-copy small{font-size:13px;line-height:1.5;color:#b5cbdd}.product-card-meta{margin-top:auto;padding-top:16px;font-size:12px;font-weight:800;color:#bbecdf}
.product-capability-note{font-size:12px;color:#93acbe;line-height:1.7;margin:17px 0 0}
.product-bottom-strip{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:28px 30px;background:linear-gradient(125deg,#13353c,#142b44);border:1px solid #376468;border-radius:22px}
.product-bottom-strip p{margin:9px 0 0;max-width:410px;color:#a9c6d3;font-size:13px}.product-utility-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:350px}
.product-utility-links a{border:1px solid #456777;color:#e0f4f7;text-decoration:none;border-radius:12px;background:#15333e;padding:13px 12px;font-size:12px;font-weight:700}
.product-utility-links a:hover{border-color:#99e4d4}
.product-advanced{margin:35px 0 20px;background:#0d2233;border:1px solid #294456;border-radius:17px;max-width:none!important}
.product-advanced>summary{padding:19px 22px;color:#aec9d7;cursor:pointer;display:flex;justify-content:space-between;font-weight:650;font-size:13px;list-style:none}.product-advanced>summary::-webkit-details-marker{display:none}.product-advanced>summary span{font-size:20px}.product-advanced[open]>summary{border-bottom:1px solid #2c465a}
#product-advanced-slot{padding:18px}#product-advanced-slot .ask-access-hub{max-width:100%!important}#product-advanced-slot .home-more{max-width:100%!important}
.product-foot{border-top:1px solid #254154;margin-top:32px;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#7e9eb1;font-size:11px}.product-foot a{color:#b9d6e4}.product-foot strong{color:#bbd5e4}
@media(max-width:1050px){.product-services{grid-template-columns:repeat(2,minmax(0,1fr))}.product-hero{gap:25px}.product-hero h1{font-size:clamp(40px,5vw,65px)!important}}
@media(max-width:760px){.product-hero{display:flex;flex-direction:column;align-items:stretch;padding:42px 0 37px;gap:25px}.product-hero h1{font-size:clamp(43px,8vw,62px)!important}.product-hero-copy>p{font-size:16px}.product-question{padding:20px}.product-bottom-strip{flex-direction:column;align-items:stretch}.product-utility-links{min-width:0}.product-section-heading{align-items:start}.product-viewall{margin-top:8px}}
@media(max-width:470px){.ask-product-width{padding-inline:18px}.product-topbar{padding:19px 0}.product-hero{padding:31px 0 30px}.product-hero h1{font-size:43px!important}.product-kicker{font-size:9px;letter-spacing:.11em}.product-question{padding:17px}.product-service-card{min-height:175px;padding:15px}.product-services{gap:9px}.product-card-mark{margin-bottom:10px;width:39px;height:39px}.product-card-copy strong{font-size:16px}.product-card-copy small{font-size:12px}.product-card-meta{font-size:11px}.product-bottom-strip{padding:20px}.product-utility-links{gap:7px}.product-utility-links a{font-size:11px}.product-foot{align-items:start;flex-direction:column}.product-section-heading{display:block}.product-viewall{display:inline-block;margin-top:12px}#ask-product-home #ask-form button[type=submit]{min-width:124px!important}#ask-product-home #query{min-height:72px}}
/* Services: prioritize actual user action, not pseudo-premium packaging. */
body:has(#service-cards){background:#071521!important}
body:has(#service-cards) .shellhead{max-width:1140px;padding-top:22px}
body:has(#service-cards) .logo{display:inline-flex;align-items:center;gap:9px}
body:has(#service-cards) main{max-width:1140px}
body:has(#service-cards) main>.hero{padding:34px 0 20px}
body:has(#service-cards) main>.hero h1{max-width:720px;line-height:1.08;letter-spacing:-.055em;font-size:clamp(35px,5.1vw,60px);margin:10px 0}
body:has(#service-cards) main>.hero>p{max-width:680px;font-size:16px;color:#b5cddd}
.product-page-intro{display:inline-block;font-size:12px;font-weight:750;background:#10313a;border:1px solid #3d6b69;border-radius:99px;padding:9px 13px;color:#a6ece1;margin:16px 0 6px}
body:has(#service-cards) .panel{background:#112339;border:1px solid #2b4860;border-radius:20px}
body:has(#service-cards) #service-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
body:has(#service-cards) .service-card{background:#172c43;border:1px solid #3b5873;border-radius:17px;padding:20px;min-height:220px}
body:has(#service-cards) .service-card p{font-size:13px;line-height:1.6}
body:has(#service-cards) .service-card button,body:has(#service-cards) .service-card .launch{background:#a7ebd6;border-radius:11px;font-size:12px}
body:has(#service-cards) .panel:has(#hats-list){background:#0e2233}
.capabilities-disclosure{background:#0e2438;border:1px solid #345269;border-radius:20px;margin:19px 0;overflow:hidden}
.capabilities-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;padding:22px;cursor:pointer;color:#e5f1ff}
.capabilities-disclosure>summary::-webkit-details-marker{display:none}
.capabilities-disclosure>summary span:first-child{display:flex;flex-direction:column;gap:5px}.capabilities-disclosure>summary strong{font-size:19px}.capabilities-disclosure>summary small{color:#aac2d4;font-size:12px}.capabilities-chevron{font-size:25px;color:#a4eedb}
.capabilities-disclosure[open]>.vault{border-radius:0;border:0;margin:0;background:#10273e}
body:has(#service-cards) .safety{border-color:#315064}
@media(max-width:900px){body:has(#service-cards) #service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){body:has(#service-cards) #service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body:has(#service-cards) .service-card{padding:14px;min-height:225px}body:has(#service-cards) .service-card h3{font-size:18px}body:has(#service-cards) .service-card button,body:has(#service-cards) .service-card .launch{padding:9px}body:has(#service-cards) .service-card p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.product-service-card{transition:none!important}}

/* Product UX: quiet, professional progress rather than game rarity. */
body:has(#service-cards) .tool-availability{font:750 10px/1.5 system-ui,sans-serif;color:#a7d5c7;letter-spacing:.08em}
body:has(#service-cards) .forge{background:linear-gradient(150deg,#193246,#11283b 58%,#0e2135);border-color:#395971}
body:has(#service-cards) .forge-stage{border-color:#47677e;background:#102839}
body:has(#service-cards) .forge-current{background:#2c635c;color:#dcfff5}
body:has(#service-cards) .upgrade-card{border-color:#446178;background:linear-gradient(155deg,#1c3449,#14283a)}
body:has(#service-cards) .upgrade-card[data-equipped=true]{border-color:#8fd9c8;box-shadow:inset 0 0 0 1px #337567,0 8px 18px #020c2144}
body:has(#service-cards) .item-icon{text-shadow:none;color:#a2daca;font-size:36px}
body:has(#service-cards) .tool-symbol{font-size:46px;width:70px;height:70px;display:grid;place-items:center;color:#a7e8dc;opacity:.7}
body:has(#service-cards) .tool-symbol span{animation:none;transform:none}
body:has(#service-cards) .unlock-overlay:not([hidden]){background:#020813cb;backdrop-filter:blur(6px)}
body:has(#service-cards) .unlock-dialog{background:linear-gradient(140deg,#1c3d4b,#14273a);border:1px solid #7bb9b0;box-shadow:0 18px 60px #000a;border-radius:22px}
body:has(#service-cards) .tool-checkmark{font:800 44px/1 system-ui,sans-serif;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:#234f4c;color:#b5f4e4;animation:ask-tool-ready .32s ease-out both}
@keyframes ask-tool-ready{from{transform:scale(.92);opacity:.45}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){body:has(#service-cards) .tool-checkmark{animation:none}}
/* Comfortable, touch-sized Service cards on narrow phones. */
@media(max-width:470px){
 body:has(#service-cards) #service-cards{grid-template-columns:1fr;gap:10px}
 body:has(#service-cards) .service-card{display:grid;grid-template-columns:38px 1fr;column-gap:10px;grid-template-areas:"symbol name" "description description" "action action" "access access";padding:17px;min-height:0;align-items:center}
 body:has(#service-cards) .service-card .sig{grid-area:symbol;font-size:27px}
 body:has(#service-cards) .service-card h3{grid-area:name;margin:0;font-size:20px}
 body:has(#service-cards) .service-card p{grid-area:description;font-size:14px;line-height:1.5;margin:9px 0 10px}
 body:has(#service-cards) .service-card button,body:has(#service-cards) .service-card .launch{grid-area:action;text-align:center;width:100%;font-size:13px;min-height:43px;display:grid;place-items:center}
 body:has(#service-cards) .service-card .membership{grid-area:access;margin-top:8px;font-size:11px}
}