@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{font-family:Manrope,'Segoe UI',sans-serif;background:#eeeae3;color:#282432;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.top{height:78px;background:#241b32;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);border-bottom:1px solid #584b64}.brand{font-weight:800;font-size:22px;letter-spacing:-1.5px}.brand>span:last-child{font-weight:400}.brand-icon{color:#f1b099;font-size:30px;vertical-align:middle;margin-right:6px}.top-right{display:flex;gap:18px;align-items:center}.top-right>span,.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#a186a3}.ghost{border:1px solid #73667c;background:none;color:#fff;font-size:11px;padding:10px}.ghost:hover{background:#493a56}.hero{background:#241b32;color:white;display:grid;grid-template-columns:1.1fr .9fr;min-height:600px;overflow:hidden}.hero-copy{padding:100px max(5vw,22px) 90px}.hero h1{font-size:clamp(60px,7vw,110px);letter-spacing:-7px;line-height:1.02;margin:27px 0}.hero h1 em,.heading h2 em{font-family:Georgia,serif;color:#edae92;font-weight:400}.hero p{max-width:575px;color:#c5bbc9;line-height:1.8;font-size:16px}.jump{display:inline-flex;align-items:center;gap:65px;margin-top:25px;padding:16px 0;border-bottom:1px solid #e4ac94;font-size:12px;font-weight:800}.hero-visual{background:#3a2c4c;position:relative;overflow:hidden;display:grid;place-items:center;min-height:500px}.hero-visual:before{content:'';position:absolute;width:75%;aspect-ratio:1;border:1px solid #8c7897;border-radius:50%;box-shadow:0 0 0 55px #493657,0 0 0 56px #685575;opacity:.45}.track{position:absolute;width:86%;height:50px;left:7%;display:flex;align-items:center;justify-content:space-between;border-top:2px solid}.track.one{top:42%;border-color:#e7a99a;transform:rotate(-9deg)}.track.two{top:55%;border-color:#b6c8a4;transform:rotate(7deg)}.track i{width:15px;height:15px;background:#e7a99a;border-radius:50%;margin-top:-63px;box-shadow:0 0 0 6px #3a2c4c}.track.two i{background:#b6c8a4}.visual-ring{z-index:1;width:160px;height:160px;border-radius:50%;background:#e8b09a;color:#362441;display:grid;place-content:center;text-align:center;font:italic 91px Georgia,serif;line-height:.8}.visual-ring span{font:800 12px Manrope,sans-serif;letter-spacing:3px;margin-top:14px}.visual-caption,.visual-foot{position:absolute;left:8%;font-size:10px;letter-spacing:2px;font-weight:800}.visual-caption{top:12%;color:#c9b8ce}.visual-foot{bottom:11%;color:#e9c8ba}.marquee{padding:20px max(5vw,22px);background:#e9b39c;display:flex;justify-content:space-between;gap:15px;overflow:auto;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:1.2px}.marquee b{color:#715167}.studio,.cases,.brief{padding:90px max(5vw,22px);max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.heading h2{font-size:clamp(42px,5vw,72px);letter-spacing:-4px;line-height:1.1;margin:14px 0 0}.heading h2 em{color:#956d8f}.heading>p{max-width:365px;font-size:13px;line-height:1.8;color:#6c6872}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.metric{padding:32px;background:#ded7e0}.metric.pilot{background:#c9d6bf}.metric .eyebrow{color:#69546c}.metric strong{display:block;font-size:clamp(54px,6vw,85px);letter-spacing:-5px;line-height:1.15;margin:15px 0}.metric p{font-size:12px;color:#686475}.metric>div{border-top:1px solid #b2acb6;margin-top:28px;padding-top:15px;display:flex;justify-content:space-between;font-size:12px}.metric b{font-size:20px}.comparison{display:grid;grid-template-columns:1.3fr .7fr;gap:15px;margin-top:15px}.segment-chart{background:#faf8f4;padding:36px}.segment-chart h3{font-size:25px;margin:10px 0 30px}.segment{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:18px;margin:18px 0;font-size:11px;font-weight:700}.bar-pair{display:grid;gap:4px}.bar{height:20px;position:relative;min-width:2px}.bar.baseline{background:#a2819d}.bar.pilot{background:#9fb796}.bar small{position:absolute;left:calc(100% + 7px);top:3px;white-space:nowrap;font-size:10px}.legend{font-size:10px;display:flex;align-items:center;gap:8px;margin-top:30px}.legend i{background:#a2819d;width:12px;height:12px;display:inline-block;margin-left:15px}.legend i:nth-of-type(2){background:#9fb796}.caveat{background:#33283f;color:white;padding:38px}.caveat .eyebrow{color:#ecb4a1}.caveat h3{font:italic 39px Georgia,serif;line-height:1.1}.caveat p{line-height:1.8;color:#d6cbd9;font-size:13px}.cases{padding-top:30px}.compact{align-items:end}.primary{border:0;background:#c77e71;color:#fff;padding:16px 22px;font-size:12px;font-weight:800}.primary:hover{background:#a66159}.case-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:15px}.case-list{background:#e5dfe8}.case-tabs{display:grid;grid-template-columns:1fr 1fr}.case-tabs button{border:0;background:#d1c6d2;padding:17px;font-weight:800;font-size:11px}.case-tabs button.selected{background:#f9f6f2}.case{display:flex;flex-direction:column;gap:9px;width:100%;text-align:left;border:0;border-bottom:1px solid #d4cbd5;background:#f9f6f2;padding:19px}.case.current{background:#f0dbc9;border-left:5px solid #ae6f73}.case span,.case small{font-size:10px;color:#716677}.case strong{font-size:15px}.case-detail{background:#fcfaf6;padding:35px;min-height:540px}.detail-top h3{font-size:30px;margin:12px 0;letter-spacing:-1px}.detail-top p{color:#77737d;font-size:13px}.timeline{list-style:none;padding:10px 0 0;margin:15px 0}.timeline li{display:flex;gap:22px;min-height:80px;position:relative}.timeline li:not(:last-child):before{content:'';position:absolute;left:18px;top:37px;height:calc(100% - 37px);border-left:1px dashed #9f96a3}.node{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dac8d8;flex:none;font-size:10px;font-weight:800}.waiting .node{background:#eeeae9;color:#aaa}.timeline li div{display:flex;flex-direction:column;gap:5px;padding-top:2px}.timeline strong{font-size:13px}.timeline time,.timeline small{color:#8a8290;font-size:11px}.detail-foot{background:#eee8f0;padding:14px;font-size:11px;font-weight:700}.brief{background:#e6e1e7;max-width:none;padding-left:max(calc((100vw - 1350px)/2),5vw);padding-right:max(calc((100vw - 1350px)/2),5vw)}.brief form{background:#f8f6f2;padding:35px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.brief label,#case-modal label{font-size:12px;font-weight:800;display:grid;gap:9px}.brief textarea,.brief input,.brief select,#case-modal input,#case-modal select,#case-modal textarea{width:100%;border:1px solid #d3cbd3;background:#fff;padding:12px;resize:vertical;min-width:0;color:#2b2632}.brief form>.primary{margin-top:25px}#saved{font-size:11px;margin-left:12px;color:#507b55}footer{background:#241b32;color:#e9ddea;padding:30px max(5vw,22px);display:flex;justify-content:space-between;gap:20px;font-size:12px}footer strong{font-size:20px}#case-modal{border:0;padding:0;width:min(660px,calc(100% - 30px));max-height:90vh;background:#f7f3ef;color:#292234}#case-modal::backdrop{background:#1d1525b9}#case-form{padding:28px;overflow:auto;max-height:90vh}.modal-head{display:flex;justify-content:space-between}.modal-head h2{font-size:30px}.modal-head button{background:none;border:0;font-size:30px;align-self:start}.modal-grid,#event-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#event-fields{margin:20px 0}.modal-note{font-size:12px;color:#76717a;line-height:1.5}#modal-error{color:#b34445;font-size:12px}.modal-actions{display:flex;justify-content:end;gap:12px;margin-top:20px}.modal-actions button:first-child{border:1px solid #bcb5bd;background:none;padding:12px}@media(max-width:950px){.top-right>span{display:none}.hero{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-4px}.comparison,.case-grid{grid-template-columns:1fr}.hero-visual{min-height:450px}}@media(max-width:650px){.top{padding:0 15px}.top-right{gap:5px}.ghost{font-size:9px;padding:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 20px}.hero h1{font-size:58px;letter-spacing:-3px}.hero-visual{min-height:290px}.studio,.cases,.brief{padding:55px 18px}.heading{align-items:start;flex-direction:column;gap:12px}.heading h2{letter-spacing:-2px}.metrics,.form-grid,.modal-grid,#event-fields{grid-template-columns:1fr}.segment-chart{padding:22px}.segment{grid-template-columns:1fr;gap:5px}.bar-pair{max-width:83%}.case-detail{padding:20px}footer{flex-direction:column}}
