/* A clear product introduction, quieter explanations and a permanent response frame. */
.platform-intro{padding-top:95px;padding-bottom:70px}
.platform-intro h2{max-width:900px;margin:0;font:500 clamp(36px,4.5vw,62px)/1.12 var(--heading);letter-spacing:-2.5px}
.platform-intro h2 em{font-style:normal;color:#6b7492}
.platform-definition{font-size:17px;line-height:1.85;color:#68718a;max-width:730px;margin:27px 0 52px}
.platform-views{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}
.platform-views article{border-top:1px solid #dce0ee;padding-top:23px;min-width:0}
.platform-view-label{font-size:9px;letter-spacing:1px;color:#7c849c}
.platform-flow{display:flex;align-items:center;gap:16px;height:100px;font-size:14px;color:#6f638d}
.platform-flow i{font-style:normal;color:#b3a7c9}.platform-flow b{font-size:35px;font-weight:500}
.platform-flow .intro-need-dot,.platform-flow .intro-progress-dot{width:6px;height:6px;border-radius:50%;background:#cf9483;box-shadow:0 0 0 5px #e4b3a51f;flex:none}
.platform-flow .intro-progress-dot{background:#9581c6;box-shadow:0 0 0 5px #b09cd61c}
.platform-views h3{font:500 23px/1.3 var(--heading);letter-spacing:-.6px;color:#30374f;margin:0 0 14px}
.platform-views p{max-width:440px;color:#778097;font-size:14px;line-height:1.85;margin:0}
.platform-views a{display:inline-block;margin-top:18px;font-size:12px;color:#8771ad}
.platform-intro .integration-note{margin:42px 0 0;width:100%;padding:22px 0 0;border-top:1px solid #e4e5ee}
.refinement-edition .answer-layout{display:block}
.refinement-edition .answer-heading{max-width:none;text-align:center;margin:0 0 25px}
.refinement-edition .answer-heading h2{font-size:clamp(28px,3vw,39px);letter-spacing:-1.6px;margin:0}
.refinement-edition .answer-nav{display:flex;flex-direction:row;gap:7px;padding:4px;justify-content:center;border:0;overflow-x:auto;scrollbar-width:none;margin:0 auto 45px;max-width:100%}
.refinement-edition .answer-nav::-webkit-scrollbar{display:none}
.refinement-edition .answer-nav button{display:block;padding:10px 17px;flex:0 0 auto;white-space:nowrap;font-size:12px;line-height:1.5;border:1px solid transparent;border-radius:40px;background:transparent;color:#85869b;min-height:40px}
.refinement-edition .answer-nav button[aria-selected=true]{background:#fff;color:#645186;border-color:#e5ddf1;box-shadow:0 2px 7px #77649509}
.refinement-edition .answer-panel{min-height:330px;max-width:940px;margin:auto;padding:0;text-align:center}
.refinement-edition .answer-panel h3{font-size:clamp(25px,2.7vw,35px);letter-spacing:-1.1px;margin:0 auto;max-width:850px}
.refinement-edition .answer-visual{min-height:150px;margin:16px 0 5px;display:grid;align-items:center}
.refinement-edition .answer-copy{margin:0 auto;max-width:700px;font-size:14px;line-height:1.8}
.answer-discovery,.answer-unknown{display:flex;align-items:center;justify-content:center;gap:50px;padding:20px 0}
.answer-discovery blockquote{margin:0;font:400 22px/1.5 var(--heading);color:#9691a9;letter-spacing:-.5px}
.answer-discovery>.gemini-spark,.answer-unknown>.gemini-spark{font-size:45px;filter:drop-shadow(0 0 20px #baa3ea60)}
.answer-discovery>p{font:400 22px/1.5 var(--heading);letter-spacing:-.5px;color:#7e6a9b;margin:0;text-align:left}
.answer-discovery strong{font-weight:500;color:#5a4780}
.answer-chain{display:flex;justify-content:center;align-items:center;gap:30px;padding:24px 0}
.answer-chain>div{flex:1;max-width:250px}.answer-chain strong{display:block;font:500 clamp(20px,2.3vw,29px)/1.4 var(--heading);letter-spacing:-.7px;color:#796494}.answer-chain span{display:block;font-size:11px;color:#9394a8;margin-top:10px}.answer-chain i{font-size:22px;color:#b8adca;font-style:normal}
.answer-unknown>span:first-child{font-size:20px;color:#9892a6}.answer-unknown strong{font:500 22px/1.5 var(--heading);letter-spacing:-.6px;text-align:left;color:#746085}
.refinement-edition .answer-detail{max-width:760px;margin:30px auto 0;text-align:left;border-bottom:0}
.refinement-edition .answer-detail summary{font-size:12px;padding:19px 0}.refinement-edition .answer-detail p{max-width:none;font-size:13px}.answer-detail small{display:block;font-size:9px;color:#9495a6;padding-bottom:18px}
.refinement-edition .response-scene{display:block;position:relative;padding:0;height:355px;min-height:0;overflow:hidden;isolation:isolate}
.response-track{height:100%;width:100%;transition:transform 760ms cubic-bezier(.22,1,.36,1);will-change:transform}
.response-page{height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:27px 25px}
.refinement-edition .change-gemini{display:inline-block;font-size:17px;margin-bottom:16px}
.refinement-edition .change-response h3{font-size:clamp(25px,2.7vw,34px)}
.refinement-edition .change-response>p{font-size:13px;margin-bottom:22px}
.refinement-edition .change-source>p{margin-bottom:24px}
.refinement-edition .operator-review .change-protected{margin-top:0;margin-bottom:18px;color:#727c91}
.refinement-edition .public-intro>p{max-width:350px}
.refinement-edition .cloud-essential article p{max-width:240px}
@media(min-width:1100px){.cinema-edition .cinematic-hero h1{font-size:clamp(48px,4.35vw,82px);letter-spacing:-3.7px}}
@media(min-width:801px) and (max-height:850px){
 .refinement-edition .case-headline{padding:4px 0 14px}.refinement-edition .case-headline h3{font-size:36px;margin-bottom:10px}.refinement-edition .case-headline>p{font-size:12px}
 .refinement-edition .case-controls{padding:10px 0;min-height:0}.refinement-edition .case-evidence-row{padding:10px 0 4px;min-height:0}
 .refinement-edition .response-scene{height:325px}.response-page{padding:20px 24px}
}
@media(min-width:801px) and (max-height:760px){.refinement-edition .response-scene{height:305px}.response-page{padding:20px}}
@media(max-width:1000px){.platform-views{gap:40px}.platform-flow{gap:10px;font-size:12px}.platform-views h3{font-size:21px}.answer-discovery,.answer-unknown{gap:30px}}
@media(max-width:800px){
 .refinement-edition .response-scene{height:190px}.response-page{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:10px 28px;padding:18px 24px}
 .platform-intro{padding-block:70px 45px}.platform-views{gap:32px}.platform-flow{font-size:11px;gap:8px}.platform-definition{font-size:15px}
 .refinement-edition .answer-nav{justify-content:flex-start;width:max-content;margin-bottom:30px}.refinement-edition .answer-panel{min-height:360px}.answer-discovery,.answer-unknown{gap:25px}.answer-discovery blockquote,.answer-discovery>p,.answer-unknown strong{font-size:20px}
 .answer-chain{gap:15px}.answer-chain span{font-size:10px}
}
@media(max-width:540px){
 .cinema-edition .cinematic-hero h1{font-size:35px;letter-spacing:-1.8px}.cinema-copy{width:calc(100% - 32px)}.cinema-subtitle{max-width:310px;font-size:12px}.hero-vista{top:252px}
 .platform-intro h2{font-size:34px;letter-spacing:-1.6px}.platform-definition{font-size:14px;line-height:1.8;margin:22px 0 35px}.platform-views{grid-template-columns:1fr;gap:36px}.platform-flow{height:82px;gap:14px;font-size:13px}.platform-views h3{font-size:21px}.platform-views p{font-size:13px}.platform-intro .integration-note{align-items:flex-start;gap:15px}
 .refinement-edition .answer-heading{text-align:left}.refinement-edition .answer-heading h2{font-size:31px}.refinement-edition .answer-nav{width:100%;padding-inline:0}.refinement-edition .answer-nav button{padding:9px 13px;font-size:11px}
 .refinement-edition .answer-panel h3{font-size:25px;line-height:1.2}.refinement-edition .answer-visual{min-height:200px;margin:15px 0}.refinement-edition .answer-copy{font-size:12px;max-width:310px}
 .answer-discovery,.answer-unknown{flex-direction:column;gap:17px;padding:12px 0}.answer-discovery blockquote{font-size:19px}.answer-discovery>.gemini-spark,.answer-unknown>.gemini-spark{font-size:32px}.answer-discovery>p,.answer-unknown strong{text-align:center;font-size:20px}.answer-chain{gap:7px}.answer-chain strong{font-size:18px;letter-spacing:-.4px}.answer-chain span{font-size:9px;line-height:1.7}.answer-chain i{font-size:15px}.refinement-edition .answer-detail{margin-top:25px}.refinement-edition .answer-detail summary{font-size:11px}
 .refinement-edition .response-scene{height:188px}.response-page{padding:16px;gap:9px 20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .refinement-edition .change-gemini{font-size:15px;margin-bottom:14px}
}
@media(max-height:740px) and (max-width:800px){.refinement-edition .response-scene{height:165px}.response-page{padding:13px 15px}}
@media(prefers-reduced-motion:reduce){.response-track{transition:none;will-change:auto}}
