/* The third annotated pass uses the existing portfolio and Quote Agent palette. */
.playground-opening h1 .headline-detail{display:block;max-width:1000px;font-size:.73em;line-height:1.1;margin-top:16px}
.growth-strategy{margin:76px 0 70px;padding:36px 0;border-top:1px solid #454e3d;border-bottom:1px solid #454e3d}
.growth-strategy>h2{font:400 clamp(33px,4vw,50px)/1.1 var(--serif);margin:14px 0 24px}.growth-strategy>p{max-width:830px}
.strategy-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;list-style:none;margin:34px 0 0;padding:0}
.strategy-steps>li{padding:28px 0;border-top:1px solid #454e3d;min-width:0}.strategy-index{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#c3e989}.strategy-steps h3{font:400 30px/1.12 var(--serif);margin:15px 0}.strategy-steps p{font-size:17px;line-height:1.65;margin:0 0 16px}.strategy-stat{font:400 58px/1 var(--serif);display:block;color:#e7f3dc;margin-top:22px}.strategy-stat-label{font-size:13px;display:block;margin-top:7px;color:#c0c7b7}.strategy-connection{display:block;font-size:13px;color:#d8ddf4;margin-top:22px}
.window-lights{display:inline-flex;gap:7px;align-items:center;flex-shrink:0}.window-lights i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.window-lights i:nth-child(2){background:#febc2e}.window-lights i:nth-child(3){background:#28c840}
.quote-chat-comparison{grid-template-columns:minmax(200px,.7fr) minmax(0,1.7fr);gap:26px}.chat-test{position:relative;background:#171717;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;border-color:#343434;border-radius:14px;min-height:640px}
.chat-window-bar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#242424;border-bottom:1px solid #373737;color:#9d9d9d;font-size:10px}.chat-window-bar>.window-lights i{width:8px;height:8px}.chat-window-bar>span:nth-child(2){margin-right:35px}
.chat-test-header{height:62px;padding:0 20px;border:0;justify-content:flex-start;gap:17px}.chat-test-header strong{font-family:inherit;font-size:19px;font-weight:600;display:flex;align-items:center;gap:7px}.chat-test-header .chat-chevron{display:inline;color:#a2a2a2;font-size:17px;margin:0}.chat-sidebar-icon{font:23px/1 Arial!important;color:#bcbcbc!important;margin:0!important}.chat-new-icon{margin:0 0 0 auto!important;font-size:23px!important;color:#bcbcbc!important}
.chat-test .chat-floating-control{position:absolute;right:18px;top:108px;z-index:3;background:#8883;border:1px solid #fff3;box-shadow:0 4px 18px #0003;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);padding:7px 14px;font:500 11px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:white}.chat-test .chat-floating-control:hover{background:#ffffff26}
.chat-conversation{padding:60px 27px 35px;min-height:440px}.chat-user-message{max-width:90%;border-radius:22px;padding:13px 18px;background:#303030;margin-bottom:28px}.chat-user-message p,.chat-answer p{font:400 15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}.chat-answer p{margin-bottom:19px}.chat-answer .chat-estimate{font:600 19px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}.chat-answer .stream-word{animation:stream-in .42s ease-out both}.chat-is-paused .stream-word{animation-play-state:paused}@keyframes stream-in{from{opacity:0;filter:blur(1.8px)}to{opacity:1;filter:blur(0)}}
.chat-thinking{gap:9px;font-family:inherit;font-size:15px}.thinking-label{background:linear-gradient(100deg,#999 22%,#f4f4f4 46%,#999 70%);background-size:230% 100%;color:transparent;background-clip:text;-webkit-background-clip:text;animation:thinking-shimmer 2s linear infinite}.thinking-dot{width:9px;height:9px;flex-basis:9px;animation:chat-thinking-pulse 1.5s ease-in-out infinite}@keyframes thinking-shimmer{to{background-position:-230% 0}}.chat-is-paused .thinking-label{animation-play-state:paused}
.chat-composer{align-items:center;margin:0 20px 22px;min-height:58px;border:1px solid #ffffff12;background:#252525;border-radius:30px;padding:12px 13px;gap:12px}.chat-add{font:26px/1 Arial;color:#ddd}.chat-composer p{font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}.chat-test .chat-composer button{width:32px;height:32px;border-radius:50%;background:#ececec;color:#222;border:0;padding:0;font:25px/1 Arial}.chat-test .chat-composer button:hover{background:#fff}
.editorial-feature{display:grid;grid-template-columns:.9fr 1.3fr;align-items:center;background:#344768;border-radius:17px;overflow:hidden;padding:44px 0 36px 40px;min-height:410px}.smart-copy{position:relative;z-index:1}.smart-copy h3{font:400 40px/1.05 var(--serif);margin:20px 0!important;color:#fff}.smart-copy p{font-size:16px;line-height:1.65;color:#d5deed}.smart-copy .smart-lead{font-size:19px;line-height:1.4;color:#f0f5ff}.smart-phones{width:130%;margin-left:-12%;max-width:none!important;transition:filter .5s,transform .5s}.smart-phones img{width:100%;border-radius:0!important}.smart-adjustments:has([aria-checked=false]) .smart-phones{filter:saturate(.65);transform:translateY(5px)}
#smart-toggle{display:inline-block;vertical-align:middle;position:relative;width:46px;height:27px;border-radius:20px;background:#baffee;border:1px solid #baffee;margin:0 0 7px 5px;padding:3px;cursor:pointer;box-shadow:0 0 18px #baffee16;transition:background .4s}#smart-toggle span{position:absolute;top:3px;left:21px;width:19px;height:19px;border-radius:50%;background:#344768;transition:left .4s cubic-bezier(.2,.8,.2,1),background .4s}#smart-toggle[aria-checked=false]{background:#587195;border-color:#8ca4c6}#smart-toggle[aria-checked=false] span{left:4px;background:#f2f4f8}.smart-state{display:block;font-size:12px;color:#baffee;margin-top:20px}
.research-desktop{position:relative;overflow:hidden;border-radius:16px;background:#087e73 url('playground-assets/teal-desktop.png') center/cover;padding:72px 7% 28px}.desktop-menu{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:18px;padding:10px 18px;background:#103e4d44;backdrop-filter:blur(20px);color:#fff;font-size:10px}.desktop-menu b{font-size:13px}.desktop-time{margin-left:auto}.research-window{overflow:hidden;border-radius:11px;border:1px solid #ffffff42;box-shadow:0 28px 60px #05293180;background:#191b1e}.research-window-chrome{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#222327;color:#b8b8bb;font-size:11px}.research-window .image-expand{display:block;width:100%}.research-window img{width:100%;border-radius:0!important}.research-desktop figcaption{color:#e5f7f3!important;text-align:center;font-size:12px!important;margin-top:25px!important}.campaign-artwork{border-radius:16px;background:#354b65;overflow:hidden}.campaign-artwork img{display:block;width:100%;border-radius:0!important}
.delivery-explorer{margin:32px 0 60px;border:1px solid #52617a;border-radius:16px;overflow:hidden;background:#2b374d;color:#e5eaf3}.delivery-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #52617a}.delivery-tabs button{border:0;border-right:1px solid #52617a;padding:22px 18px;background:transparent;text-align:left;font:600 15px/1.4 var(--sans);color:#b5bfd0;cursor:pointer;transition:background .2s}.delivery-tabs button:last-child{border-right:0}.delivery-tabs button span{display:block;font:600 10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.delivery-tabs button[aria-selected=true]{background:#43587f;color:#fff;box-shadow:inset 0 -3px #baffee}.delivery-tabs button:hover{background:#3d506f}.phase-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:38px}.phase-story h3{font:400 35px/1.12 var(--serif);color:#fff;margin:20px 0!important}.phase-story>p{font-size:17px;line-height:1.65;color:#dce3ef}.phase-prerequisite{margin-top:28px;padding-top:21px;border-top:1px solid #53617a}.phase-prerequisite>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#baffee}.phase-prerequisite p{font-size:14px;line-height:1.6;margin:10px 0 0}.assessment-label{font-size:11px!important;line-height:1.5!important;text-transform:uppercase;letter-spacing:.09em;margin:0 0 25px!important;color:#b3bfd5}.phase-scale{margin:0 0 23px}.phase-scale>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px}.phase-scale strong{color:#baffee;font-size:12px}.phase-scale meter{display:block;width:100%;height:9px;appearance:none;-webkit-appearance:none;margin:10px 0;border:0;background:#4e5a70;border-radius:9px;overflow:hidden}.phase-scale meter::-webkit-meter-bar{background:#4e5a70;border:0;border-radius:9px}.phase-scale meter::-webkit-meter-optimum-value{background:#baffee;border-radius:9px;transition:width .55s cubic-bezier(.2,.8,.2,1)}.phase-scale meter::-moz-meter-bar{background:#baffee;border-radius:9px}.phase-scale p{font-size:13px;line-height:1.5;margin:9px 0;color:#c0cbdc}.assessment-note{font-size:11px!important;line-height:1.5!important;color:#aebcd0;margin:28px 0 0!important}.phase-navigation{padding:18px 30px;border-top:1px solid #52617a;display:flex;align-items:center;justify-content:space-between}.phase-navigation button{background:none;border:0;color:#e9f0fc;font:500 14px var(--sans);cursor:pointer;padding:7px 0}.phase-navigation button:disabled{opacity:.3;cursor:default}.phase-navigation>span{font-size:11px;color:#b3bfd5}.phase-panel.phase-change .phase-story{animation:phase-in .3s ease-out}@keyframes phase-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:900px){.editorial-feature{padding-left:28px;grid-template-columns:1fr 1.15fr}.smart-copy h3{font-size:33px}.smart-copy p{font-size:14px}.smart-copy .smart-lead{font-size:17px}.phase-panel{gap:28px;padding:28px}.phase-story h3{font-size:30px}.quote-chat-comparison{grid-template-columns:minmax(180px,.65fr) minmax(0,1.5fr);gap:22px}}
@media(max-width:720px){.playground-opening h1 .headline-detail{font-size:.75em}.strategy-steps{grid-template-columns:1fr;gap:0}.growth-strategy{margin:55px 0}.strategy-steps h3{font-size:29px}.strategy-steps p{font-size:16px}.quote-chat-comparison{grid-template-columns:1fr}.chat-test{min-height:650px}.chat-conversation{min-height:450px;padding:55px 20px 28px}.chat-composer{flex-wrap:nowrap;padding:12px}.chat-composer p{flex-basis:auto;font-size:14px}.chat-test .chat-floating-control{top:105px}.chat-answer p,.chat-user-message p{font-size:15px}.editorial-feature{grid-template-columns:1fr;padding:30px 26px 0;gap:12px}.smart-copy h3{font-size:36px}.smart-copy p{font-size:16px}.smart-phones{width:135%;margin-left:-17.5%}.research-desktop{padding:52px 15px 20px}.desktop-menu{gap:12px;font-size:8px;padding:9px 12px}.desktop-menu>span:not(.desktop-time){display:none}.research-window-chrome{padding:10px;font-size:9px}.research-window-chrome .window-lights{gap:4px}.research-window-chrome .window-lights i{width:7px;height:7px}.research-desktop figcaption{font-size:11px!important;line-height:1.5}.delivery-tabs button{padding:16px 12px;font-size:12px}.delivery-tabs button span{font-size:9px}.phase-panel{grid-template-columns:1fr;padding:27px 23px;gap:32px}.phase-story h3{font-size:33px}.phase-navigation{padding:15px 23px}}
@media(prefers-reduced-motion:reduce){.chat-answer .stream-word,.thinking-label,.phase-panel.phase-change .phase-story{animation:none}#smart-toggle,#smart-toggle span,.smart-phones,.phase-scale meter::-webkit-meter-optimum-value{transition:none}}
/* iOS-style switch: activate once when the section enters view. */
#smart-toggle{width:51px;height:31px;padding:0;border:0;border-radius:999px;margin-left:9px;box-shadow:none;background:#34c759;transition:background .3s ease;overflow:hidden}
#smart-toggle[aria-checked=false]{background:#78788052;border:0}
#smart-toggle[aria-checked=true]{background:#34c759;border:0}
#smart-toggle[aria-checked=true] span,#smart-toggle[aria-checked=false] span{position:absolute;left:2px;top:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003,0 0 1px #0002;transition:transform .32s cubic-bezier(.2,.8,.2,1),width .16s;transform:translateX(0)}
#smart-toggle[aria-checked=true] span{transform:translateX(20px)}
#smart-toggle:active span{width:29px}
#smart-toggle[aria-checked=true]:active span{transform:translateX(18px)}
@media(prefers-reduced-motion:reduce){#smart-toggle,#smart-toggle[aria-checked=true] span,#smart-toggle[aria-checked=false] span{transition:none}}
