@font-face{font-family:Instrument;src:url(fonts/instrumentsans.ttf) format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f3f2ee;color:#171a21;font-family:Instrument,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid #7896ff;outline-offset:5px}h1,h2,h3,p{margin:0}button{border:0}.skip{position:fixed;top:-80px;z-index:20;background:white;color:black;padding:16px}.skip:focus{top:12px}.nav{height:94px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:#090c11;color:#f3f3f4;border-bottom:1px solid #ffffff16}.logo{display:flex;width:134px;align-items:center}.wordmark{width:100%;height:auto}.nav nav{display:flex;gap:36px;font-size:14px;color:#c2c4ca}.nav nav a:hover{color:white}.nav-cta{display:flex;align-items:center;gap:40px;border:1px solid #5d626c;background:transparent;padding:12px 18px;font-size:14px}.nav-cta:hover{background:#ffffff10}.hero{min-height:740px;height:calc(100svh - 94px);max-height:960px;background:#090c11;color:#f4f4f6;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;padding:65px 0 100px 4.5%;pointer-events:none}.hero-content>*{pointer-events:auto;width:fit-content}.eyebrow{font-size:10px;font-weight:500;letter-spacing:1.9px;line-height:1.6;color:#b3bac7}.eyebrow.dark{color:#616671}.spark{font-size:19px;vertical-align:middle;margin-right:9px;color:#d8e0f1}.hero h1{font-size:clamp(76px,7.9vw,124px);line-height:.97;letter-spacing:-6px;font-weight:450;margin:34px 0 27px}.hero h1 span{color:#919bab}.hero p{font-size:17px;line-height:1.6;color:#bec3ce}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:34px}.button{padding:17px 21px;min-height:54px;display:inline-flex;gap:40px;align-items:center;font-size:14px}.button.light{background:#edf0f5;color:#171b22}.button:hover{background:#c9d5ed;color:#0c1527}.button.black{background:#171a21;color:white}.button.black:hover{background:#34415b}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:22px;background:none;padding:14px 0}.hero-art{position:absolute;left:40%;top:0;width:65%;height:100%;pointer-events:none}.hero-art canvas{width:100%;height:100%;display:block}.artifact-label{position:absolute;display:flex;align-items:center;font-size:8px;letter-spacing:1.6px;gap:9px;color:#a5afc2;padding-bottom:12px;border-bottom:1px solid #74839c40;white-space:nowrap}.artifact-label b{font-weight:400;margin-left:18px;font-size:9px;color:#67768e}.tiny-square{width:4px;height:4px;background:#a8b9d8}.artifact-label.a{top:20%;left:31%}.artifact-label.b{top:66%;left:12%}.artifact-label.c{top:45%;right:10%}.axis{position:absolute;background:#6d7e9615;z-index:0}.axis.x{top:49%;left:14%;right:10%;height:1px}.axis.y{left:55%;top:10%;bottom:18%;width:1px}.art-caption{position:absolute;bottom:105px;right:15%;left:38%;display:flex;justify-content:space-between;align-items:center;color:#8b97a9;font-size:8px;letter-spacing:1.8px;line-height:1.8}.art-caption button{pointer-events:auto;color:#bcc5d5;background:#ffffff05;border:1px solid #ffffff20;border-radius:50%;width:38px;height:38px;font-size:13px;letter-spacing:0}.hero-bottom{position:absolute;bottom:0;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;height:73px;border-top:1px solid #ffffff20;font-size:8px;letter-spacing:1.5px;color:#939dad}.hero-bottom a{font-size:11px;letter-spacing:0;color:#c4cad5;display:flex;gap:70px}.section{padding:108px 4.5%}.intro{display:grid;grid-template-columns:1fr 3fr;gap:30px;border-bottom:1px solid #d8d8d2}.intro h2{font-size:clamp(30px,3.7vw,55px);font-weight:450;letter-spacing:-1.9px;line-height:1.15}.intro h2 span{color:#90928f}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:810px;margin-top:45px}.intro-bottom p{font-size:15px;line-height:1.7;color:#646874}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:28px;margin-bottom:50px;align-items:start}.section-heading h2{font-size:clamp(32px,3.7vw,54px);font-weight:450;line-height:1.1;letter-spacing:-2px}.section-heading>p{font-size:14px;line-height:1.7;color:#727680;padding-top:4px}.experience{display:grid;grid-template-columns:1.25fr 1fr;min-height:500px;background:#e9e9e3}.study{position:relative;background:#080c14;color:#dce3ee;overflow:hidden;min-height:500px}.study canvas{position:absolute;width:100%;height:100%}.study-top{position:absolute;top:27px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#a2adc2}.live-dot:before{content:'';display:inline-block;width:4px;height:4px;background:#819dc8;margin-right:6px;border-radius:50%}.study-bottom{position:absolute;bottom:27px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end}.study-bottom #metric{font-size:53px;line-height:1;font-weight:400;letter-spacing:-2px}.study-bottom p{font-size:12px;margin-top:9px;color:#a2adc2}.study-bottom>span{font-size:10px;line-height:1.7;color:#a2adc2;max-width:220px}.steps{padding:18px 35px 0;display:flex;flex-direction:column}.step{display:flex;gap:18px;text-align:left;background:none;border-bottom:1px solid #cfd1cc;padding:31px 0;color:#717773;flex:1;align-items:start}.step-number{font-size:10px;margin-top:6px}.step h3{font-size:23px;font-weight:450;letter-spacing:-.6px;line-height:1.2}.step p{font-size:13px;line-height:1.7;margin-top:13px;max-width:300px}.step-arrow{margin-left:auto;opacity:.2}.step.active{color:#101c2e}.step.active .step-number{color:#526eb2}.step.active .step-arrow{opacity:1}.step:hover{color:#101c2e}.step-footer{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.1px;min-height:60px;color:#6c756f}.step-footer button{width:40px;height:40px;background:none;font-size:22px}.evidence-strip{display:flex;align-items:center;gap:35px;border-bottom:1px solid #d2d4cf;padding:26px 0;font-size:11px}.evidence-title{font-size:8px;letter-spacing:1.1px;color:#6f746e;max-width:140px;line-height:1.6}.evidence-strip>div{display:flex;flex-direction:column;gap:7px;min-width:140px}.evidence-strip strong{font-weight:500;color:#436044}.evidence-strip>p{line-height:1.6;color:#6e757c}.sample{margin-left:auto;font-size:7px;letter-spacing:1.1px;color:#7d817c}.audiences{padding-top:15px}.audiences .section-heading h2{grid-column:2/4}.audience-grid{display:grid;grid-template-columns:1fr 1fr}.audience{position:relative;overflow:hidden;border:1px solid #d4d5cf;padding:50px;min-height:425px}.audience+article{border-left:0}.audience h3{font-size:40px;font-weight:450;line-height:1.1;letter-spacing:-1.5px;margin:28px 0 22px;position:relative;z-index:1}.audience p{font-size:14px;line-height:1.7;color:#6c727c;max-width:360px}.audience .text-link{margin-top:24px}.dark-link{color:#1b232e;border-bottom:1px solid #adb2b8}.mini-map{position:absolute;width:180px;height:155px;right:35px;top:30px;opacity:.35}.mini-map span{width:85px;height:80px;border:1px solid #8c99a6;position:absolute;transform:rotate(30deg) skew(-10deg)}.mini-map span:nth-child(1){left:5px;top:30px}.mini-map span:nth-child(2){left:23px;top:26px}.mini-map span:nth-child(3){left:41px;top:22px}.mini-map span:nth-child(4){left:59px;top:18px}.mini-map span:nth-child(5){left:77px;top:14px}.mini-map i{position:absolute;left:75px;top:35px;font-size:50px;font-style:normal}.portfolio{position:absolute;right:40px;top:35px;display:grid;grid-template-columns:1fr 1fr;gap:7px;opacity:.45;transform:rotate(-8deg)}.portfolio span{width:53px;height:43px;border:1px solid #909ba6;font-size:7px;display:flex;align-items:center;justify-content:space-around}.portfolio b{font-size:9px;color:#708a86}.logic{background:#0c1017;color:#e6eaf0}.logic-title{display:flex;justify-content:space-between;align-items:end;margin-top:30px;gap:50px}.logic h2{font-size:clamp(36px,4.6vw,66px);font-weight:450;letter-spacing:-2px;line-height:1.12}.logic h2 span{color:#7e8899}.logic-title p{font-size:13px;line-height:1.7;color:#97a0b0}.logic-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.logic-grid article{padding:30px 36px 0 0;border-top:1px solid #ffffff28}.logic-grid article+article{padding-left:36px;border-left:1px solid #ffffff28}.logic-glyph{display:block;font-size:37px;color:#c4d1e8;margin-bottom:37px}.logic-grid h3{font-size:22px;letter-spacing:-.5px;font-weight:450;margin:16px 0}.logic-grid p{font-size:13px;line-height:1.7;color:#99a3b4;max-width:280px}.closing{text-align:center;padding-top:110px;padding-bottom:105px}.closing h2{font-size:clamp(42px,5.8vw,84px);line-height:1.06;letter-spacing:-3px;font-weight:450;margin:28px 0 35px}.closing h2 span{color:#91958e}footer{padding:0 4.5% 22px}.footer-top{border-top:1px solid #cfd1c9;display:flex;justify-content:space-between;padding:25px 0;font-size:8px;letter-spacing:1.4px;color:#696e73}.footer-wordmark{display:block;filter:invert(1);mix-blend-mode:multiply;margin:20px 0 25px;height:auto;width:100%;max-height:280px}footer>p{font-size:9px;color:#808580;text-align:center;line-height:1.6}.canvas-error{position:absolute;top:40%;left:20%;right:20%;text-align:center;font-size:14px;color:#c8cfde}dialog{border:0;padding:48px;max-width:540px;width:calc(100% - 32px);background:#f3f2ee;color:#171a21}dialog::backdrop{background:#04070dd4;backdrop-filter:blur(8px)}.close{position:absolute;right:14px;top:10px;width:44px;height:44px;font-size:28px;background:none}dialog h2{font-size:43px;letter-spacing:-1.8px;font-weight:450;line-height:1.1;margin:25px 0 17px}dialog>p{font-size:14px;color:#6a727a}.audience-picker{display:flex;gap:8px;margin-top:28px}.audience-picker button{background:none;border:1px solid #bcc1c3;padding:13px 11px;font-size:12px;flex:1}.audience-picker button[aria-pressed=true]{background:#172030;color:white;border-color:#172030}.dialog-content{margin:28px 0}.dialog-content h3{font-size:19px;font-weight:500}.dialog-content p{font-size:13px;line-height:1.6;margin-top:10px;color:#69747e}dialog small{display:block;font-size:10px;color:#80858b;margin-top:20px;line-height:1.5}@media(min-width:1600px){.hero-content{padding-top:80px}.hero-art{left:38%}}@media(max-width:1000px){.hero h1{font-size:80px;letter-spacing:-4px}.hero-art{left:36%;width:75%}.artifact-label.c{right:15%;top:37%}.artifact-label.a{left:46%;top:20%}.artifact-label.b{left:35%;top:69%}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p{grid-column:2}.experience{grid-template-columns:1fr 1fr}.steps{padding:10px 22px 0}.step h3{font-size:20px}.study-bottom>span{max-width:140px}.audience{padding:36px}.audience h3{font-size:33px}.mini-map,.portfolio{opacity:.2}.intro{grid-template-columns:1fr 3fr}.intro-bottom{gap:30px}.logic-title p{max-width:220px}}@media(max-width:700px){html{scroll-padding-top:15px}.nav{height:78px;padding:0 6%}.logo{width:112px}.nav nav{display:none}.nav-cta{font-size:12px;gap:25px;padding:11px 13px}.hero{height:auto;max-height:none;min-height:1030px}.hero-content{padding:40px 6% 0}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero h1{font-size:74px;letter-spacing:-4px;margin:26px 0 24px}.hero p{font-size:15px}.hero-actions{gap:22px;margin-top:28px}.button{font-size:12px;padding:15px 17px;gap:30px}.text-link{font-size:12px;gap:16px}.hero-art{top:515px;left:-10%;width:120%;height:460px}.artifact-label.a{left:22%;top:7%}.artifact-label.b{left:14%;top:68%}.artifact-label.c{top:44%;right:12%}.artifact-label{font-size:6px;letter-spacing:1px}.artifact-label b{margin-left:5px;font-size:7px}.art-caption{bottom:15px;left:20%;right:15%;font-size:6px}.hero-bottom{left:6%;right:6%;height:55px}.hero-bottom>span{font-size:6px;letter-spacing:.7px}.hero-bottom a{font-size:8px;gap:8px}.hero-bottom>span:last-child{display:none}.section{padding:65px 6%}.intro{display:block}.intro h2{font-size:31px;letter-spacing:-1.1px;margin-top:25px}.intro-bottom{display:block;margin-top:26px}.intro-bottom p{font-size:14px}.intro-bottom p+p{margin-top:18px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:35px;letter-spacing:-1.4px;margin-top:24px}.section-heading>p{margin-top:20px;max-width:300px}.experience{display:flex;flex-direction:column}.study{height:400px;min-height:400px}.study-top{left:20px;right:20px;font-size:6px;letter-spacing:.8px}.study-bottom{left:20px;right:20px}.study-bottom>span{font-size:9px;max-width:150px}.study-bottom #metric{font-size:44px}.steps{padding:0 23px}.step{padding:24px 0}.step p{font-size:12px}.step h3{font-size:21px}.evidence-strip{flex-wrap:wrap;gap:18px}.evidence-title{max-width:105px}.evidence-strip>p{width:100%;font-size:10px}.sample{margin-left:0}.audiences{padding-top:10px}.audience-grid{display:block}.audience{padding:30px;min-height:410px}.audience+article{border-left:1px solid #d4d5cf;border-top:0}.audience h3{font-size:35px;margin-top:28px}.audience p{font-size:13px}.mini-map{right:0}.portfolio{right:20px}.logic-title{display:block;margin-top:25px}.logic h2{font-size:35px;letter-spacing:-1.2px}.logic-title p{margin-top:25px;max-width:none}.logic-grid{display:block;margin-top:35px}.logic-grid article,.logic-grid article+article{border-left:0;padding:28px 0;margin-top:25px}.logic-glyph{float:right;font-size:32px;margin-bottom:0}.logic-grid h3{font-size:23px}.logic-grid p{max-width:none}.closing h2{font-size:41px;letter-spacing:-1.8px}.footer-top{font-size:6px;gap:15px;letter-spacing:.7px}.footer-top span:last-child{display:none}footer>p{font-size:8px}.footer-wordmark{margin-top:0}dialog{padding:38px 27px}dialog h2{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

#study-note{white-space:pre-line}

.logo .wordmark{mix-blend-mode:screen}@media(max-width:700px){.hero h1{font-size:65px;letter-spacing:-3.4px}}
.closing-copy{font-size:15px;line-height:1.7;color:#646874;max-width:460px;margin:0 auto 34px}footer>p a{border-bottom:1px solid #b9bcb6}.dialog-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.dialog .explore,dialog .explore{margin-top:14px;font-size:12px}@media(max-width:700px){.dialog-actions{gap:12px}.closing-copy{font-size:14px}}

/* 05 / Radian i Bookeper: brand credit + the two entrances. */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.by{font-size:10px;font-weight:500;letter-spacing:1.4px;line-height:1.2;color:#8a93a3;white-space:nowrap}
.by:hover{color:white}
.footer-by{display:block;width:fit-content;margin:-8px 0 26px auto;color:#696e73}
.footer-by:hover{color:#171a21}
.brands{border-bottom:1px solid #d8d8d2}
.brands h2 span{color:#90928f}
.brands .audience{min-height:0;display:flex;flex-direction:column;align-items:flex-start}
.brands .audience p{font-size:19px;line-height:1.5;letter-spacing:-.3px;color:#171a21;max-width:440px;margin:26px 0 40px}
.brands .audience>:last-child{margin-top:auto}
@media(max-width:700px){.brand{gap:5px}
.by{font-size:9px;letter-spacing:1.1px}
.footer-by{margin:4px 0 20px auto}
.brands .audience p{font-size:17px;margin:20px 0 30px}
}