@font-face{font-family:Geist;src:url(/fonts/geist-latin.woff2);font-weight:100 900;font-display:swap}
@font-face{font-family:Roobert;src:url(/fonts/roobert/Roobert-SemiBold.woff2);font-weight:600;font-display:swap}
:root{font-family:Geist,sans-serif;color:#071a31;background:#fcfbf8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #248ef5;outline-offset:5px}button{border:0}button img{width:20px;height:20px}
.review-header{height:86px;max-width:1440px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:600 25px Roobert;color:inherit}
.brand>img{width:33px;height:33px}
.brand>span{font:400 13px Geist;color:#74818c;margin-left:20px;border-left:1px solid #dce0e2;padding-left:20px}
.version{font-size:12px;color:#687783;display:flex;align-items:center;gap:8px}
.version span{width:6px;height:6px;border-radius:50%;background:#7b9e64}main{max-width:1360px;margin:34px auto 0;padding:0 40px}
.intro{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 30px}
.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650;color:#71808c;margin:0 0 12px}h1{font:600 36px/1.12 Roobert;margin:0;letter-spacing:-1.2px}
.intro>p{max-width:255px;margin:0 0 2px;font-size:13px;line-height:1.5;color:#71808c}
.study-shell{background:white;border:1px solid #e4e7e8;border-radius:25px;overflow:hidden;box-shadow:0 15px 40px #1c3a5110}
.study-nav{display:flex;align-items:center;padding:14px 20px;gap:8px}
.study-nav>[role=tab]{display:flex;gap:11px;align-items:center;text-align:left;background:transparent;padding:10px 18px 10px 10px;border-radius:14px;transition:background .2s}
.study-nav>[role=tab][aria-selected=true]{background:#f4f6f8}
.study-nav>[role=tab]>span:last-child{font-size:13px;font-weight:600}
.study-nav small{display:block;font-size:10px;margin-top:3px;color:#81909b;font-weight:400}
.tab-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px}
.tab-icon img{width:21px;height:21px}
.coral{background:#f8c2b8}
.lime{background:#e6f2c6}
.blue{background:#c5e4ff}
.expand{margin-left:auto;border-radius:10px;background:transparent;padding:10px}
.expand:hover{background:#f4f6f8}
.viewport{position:relative;overflow:hidden;background:#9dcefa;height:650px;margin:0 10px;border-radius:16px;isolation:isolate}
.ambient{position:absolute;inset:-20%;background:linear-gradient(135deg,#96cdfc,#b9d9ff 40%,#8fcbe8);overflow:hidden;z-index:-3}
.colour{position:absolute;border-radius:45%;filter:blur(65px);will-change:transform;opacity:.85}
.colour-one{width:70%;height:85%;left:-10%;top:-22%;background:#58a8ee}
.colour-two{width:80%;height:85%;left:30%;top:45%;background:#caf4ec}
.colour-three{width:62%;height:80%;left:57%;top:-5%;background:#397fc4}
.colour-four{width:65%;height:60%;left:-16%;top:63%;background:#d0baff}
.grain{pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.scale-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.artboard{width:1000px;height:660px;position:absolute;flex-shrink:0;transform-origin:center}
.scene{position:absolute;inset:0}
.scene[hidden]{display:none}
.browser-window{position:absolute;left:306px;top:105px;width:648px;border:1px solid #9cceff;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 2px 0 2px #ffffffa0,0 26px 60px #12447538,0 0 50px #c1e9ff8c;transform-origin:65% 50%;will-change:transform,opacity}
.browser-toolbar{height:46px;background:linear-gradient(#fff,#f0f4f8);display:flex;align-items:center;gap:16px;padding:0 15px;border-bottom:1px solid #dce2e9}
.traffic{display:flex;gap:6px}
.traffic i{width:8px;height:8px;background:#ff6157;border-radius:50%;box-shadow:inset 0 0 0 .5px #0002}
.traffic i:nth-child(2){background:#ffbd2e}
.traffic i:nth-child(3){background:#27c940}
.url{font-size:11px;color:#5d6b7c;background:#fff;border:1px solid #dce3ec;border-radius:8px;flex:1;display:flex;gap:7px;align-items:center;padding:7px}
.url img{width:12px}
.browser-toolbar>img{width:19px}
.website-capture{position:relative;overflow:hidden}
.website-capture>svg{width:100%;display:block}
.website-capture #website-glint{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#fff5,transparent 70%);transform:translateX(-100%);pointer-events:none}
.search-card{position:absolute;left:64px;top:274px;width:400px;transform-origin:50% 30%;will-change:transform,opacity}
.card-backing{position:absolute;inset:-7px 6px;background:linear-gradient(135deg,#ffb6a5,#e7ceff,#68b9ff);border-radius:28px;transform:rotate(-3deg);box-shadow:0 15px 40px #487cb53b}
.search-content{position:relative;background:linear-gradient(130deg,#fff,#fcfdff);padding:25px 23px 22px;border-radius:25px;border:1px solid #fff;box-shadow:0 0 0 1px #fffa,0 20px 40px #28548b25}
.search-field{height:45px;border:1px solid #dce4ed;border-radius:28px;box-shadow:0 2px 6px #183d6f0a;display:flex;align-items:center;gap:12px;padding:0 15px;white-space:nowrap;font-size:18px}
.search-field img{width:21px;opacity:.65}#query-text{overflow:hidden}#query-caret{height:20px;width:2px;background:#4285f4;margin-left:-10px}
.result{position:relative;padding-top:26px;transform-origin:top center}
.business-id{display:flex;align-items:center;gap:13px}
.business-id>img{width:63px;height:46px;object-fit:contain}
.business-id>span{font-size:15px;font-weight:650;letter-spacing:-.3px}
.business-id small{display:block;color:#7a8999;font-size:10px;font-weight:400;letter-spacing:0;margin-top:5px}
.result h2{font:600 24px/1.2 Roobert;letter-spacing:-.6px;color:#1555c8;margin:20px 0 9px}
.result p{font-size:16px;margin:0;line-height:1.35}
.result-links{display:flex;gap:18px;margin-top:20px;font-size:11px;color:#256dd2}
.result-links>span{display:flex;align-items:center;gap:6px}
.result-links img{width:13px}
.visit-card{position:absolute;left:642px;top:331px;width:306px;background:#fff;border-radius:22px;padding:20px;box-shadow:0 20px 45px #1644783b,0 0 0 1px #d4e9ff;overflow:hidden;transform-origin:50% 20%}
.visit-top{display:flex;gap:10px;align-items:center}
.visit-icon{height:38px;width:38px;background:#e3f0ff;border-radius:12px;display:grid;place-items:center}
.visit-icon img{width:24px}
.visit-top small{font-size:8px;letter-spacing:1px;color:#68798d;display:block;margin-bottom:5px}
.visit-top strong{font-size:18px;letter-spacing:-.5px}
.visit-logo{margin-left:auto;width:43px}
.date-options{display:flex;gap:10px;margin:20px 0 13px}
.date-options>span{flex:1;border:1px solid #e5e9ef;border-radius:10px;padding:8px 0;text-align:center;font-size:8px;color:#7a899c}
.date-options b{display:block;font-size:21px;margin-top:3px;color:#243851;font-weight:500}
.date-options .chosen{background:#e4f1ff;border-color:#78b8ff;color:#236ac6;box-shadow:0 0 0 2px #c9e5ff44}
.chosen b{color:#236ac6}
.slot{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:3px 0 13px;color:#5b6d80}
.slot strong{font-size:13px;color:#071a31;background:#eff6ff;padding:4px 8px;border-radius:5px}
.request-button{display:flex;align-items:center;justify-content:space-between;background:#ff7412;color:#141e2c;font-size:12px;font-weight:650;border-radius:9px;padding:12px}
.request-button img{width:17px}
.request-success{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.request-success strong{font:600 25px Roobert}
.request-success small{font-size:12px;color:#6a7b8d}
.success-round{width:64px;height:64px;border-radius:50%;background:#e2f1bd;display:grid;place-items:center;margin-bottom:5px}
.success-round img{width:33px}
.pointer{position:absolute;width:28px;height:28px;pointer-events:none;filter:drop-shadow(0 3px 4px #0d376547);z-index:9;transform-origin:6px 3px}
.pointer>img{width:28px;height:28px;filter:brightness(0) invert(1);stroke:#071a31}
.pointer i{position:absolute;width:35px;height:35px;border:2px solid white;border-radius:50%;left:-12px;top:-13px;opacity:0}
.phone-halo{position:absolute;width:480px;height:540px;left:87px;top:40px;background:#dcecff;filter:blur(75px);opacity:.5}
.phone{position:absolute;left:165px;top:26px;width:326px;height:593px;border-radius:53px;padding:9px;background:linear-gradient(100deg,#051328 0%,#5688c2 1.5%,#163d75 3%,#10223c 9%,#040b15 85%,#446897 95%,#294d81 98%,#112d58 100%);border:1px solid #77aff0;box-shadow:inset 2px 0 1px #b7d9ff,3px 3px 0 #193958,6px 7px 0 #223c60,18px 28px 45px #1c437c39,0 0 2px 2px #183052;transform-origin:50% 70%;will-change:transform}
.phone:after{content:'';position:absolute;inset:3px;border:1px solid #aecff652;border-radius:50px;pointer-events:none}
.phone-screen{position:relative;background:linear-gradient(125deg,#fff,#fbfcfd);border:3px solid #04080f;border-radius:45px;height:100%;overflow:hidden}
.side-button{position:absolute;width:4px;border:1px solid #234573;background:linear-gradient(90deg,#1d3b5d,#6198cf,#102746);right:-5px;border-radius:4px;top:128px;height:55px}
.side-button.two{left:-4px;top:148px;height:44px}
.phone-gloss{position:absolute;top:5px;left:36px;right:35px;height:3px;background:linear-gradient(90deg,transparent,#bfdcffab,transparent);border-radius:50%}
.status-bar{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative}
.status-bar>strong{font-size:13px;font-weight:600}
.status-bar>span{display:flex;gap:3px;align-items:center}
.status-bar img{width:13px}
.status-bar img:last-child{width:18px}
.island{position:absolute;left:50%;transform:translateX(-50%);top:9px;background:#020305;width:102px;height:27px;border-radius:20px}
.island i{position:absolute;width:10px;height:10px;border-radius:50%;right:10px;top:9px;background:radial-gradient(circle at 65% 35%,#4961a4,#0c142d 45%,#06080e)}
.app-bar{display:flex;height:36px;padding:0 17px;align-items:center;gap:13px}
.app-bar>img{width:21px}
.app-bar>span{flex:1}
.bell{position:relative;height:21px}
.bell img{width:22px}
.bell i{position:absolute;right:-2px;top:-1px;width:7px;height:7px;border-radius:50%;background:#589de5;border:1px solid #fff}
.profile{background:#113778;color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:13px;position:relative}
.profile i{position:absolute;right:-1px;bottom:0;width:7px;height:7px;border-radius:50%;background:#4eb567;border:1px solid #fff}
.phone-brand{display:flex;justify-content:center;align-items:center;font:600 30px Roobert;gap:8px;margin:9px 0 17px;letter-spacing:-1px}
.phone-brand img{width:43px;height:43px}
.today{padding:0 17px}
.today h2{font:600 29px/1.15 Roobert;letter-spacing:-.9px;margin:0 0 4px}
.today p{font-size:13px;color:#697c94;margin:0}
.work-rows{padding:17px 14px 0;display:grid;gap:9px}
.work-row{display:flex;align-items:center;border:1px solid #e4e9ee;border-radius:16px;min-height:86px;padding:12px 10px;gap:13px;background:#fff;position:relative;overflow:hidden}
.row-icon{width:51px;height:59px;display:grid;place-items:center;border-radius:15px;flex-shrink:0}
.row-icon img{width:30px;height:30px}
.work-row>div:nth-child(2){display:flex;flex-direction:column;gap:2px}
.work-row b{font-size:33px;line-height:1.05;font-weight:650;letter-spacing:-1px}
.work-row span{font-size:13px;letter-spacing:-.3px;font-weight:550}
.chevron{width:15px;margin-left:auto}
.app-nav{position:absolute;bottom:15px;left:0;right:0;height:56px;border-top:1px solid #e0e5ea;background:#fff;display:flex;align-items:center;justify-content:space-evenly}
.app-nav>div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px}
.app-nav img{width:19px;height:19px}
.app-nav .active{font-weight:700}
.app-nav .active img{filter:drop-shadow(0 0 4px #82bbf875)}
.home-indicator{position:absolute;bottom:6px;height:4px;width:94px;border-radius:5px;background:#060d18;left:50%;transform:translateX(-50%)}#row-flash{position:absolute;inset:0;border-radius:15px;box-shadow:inset 0 0 0 2px #71b9ff;background:#8dcbff12;pointer-events:none}
.notification{position:absolute;width:448px;left:449px;will-change:transform,opacity;transform-origin:10% 50%}
.notification-backing{position:absolute;inset:-9px 16px -8px;background:linear-gradient(120deg,#e8f8b3,#d9ee98);border:1px solid #ffffffb0;border-radius:25px;transform:rotate(-3deg);box-shadow:0 0 50px #e5fca670}
.notification-inner{position:relative;background:linear-gradient(115deg,#fff,#fcfdff);border-radius:23px;border:1px solid #ffffffd9;padding:23px 24px;box-shadow:0 20px 44px #244f7e29,0 2px 0 #9cceff85;display:flex;gap:18px;align-items:center}
.booking{top:151px}
.notification-icon{width:64px;height:70px;border-radius:20px;background:linear-gradient(135deg,#c9e7ff,#b5dcff);display:grid;place-items:center;flex-shrink:0;position:relative;overflow:hidden}
.notification-icon>img{width:42px;height:42px}
.icon-check{position:absolute;inset:0;background:#e5f3c8;display:grid;place-items:center}
.icon-check img{width:35px}
.notification h3{font:600 24px/1.14 Roobert;letter-spacing:-.65px;margin:0 0 9px}
.notification p{font-size:20px;margin:0 0 6px;line-height:1.4;letter-spacing:-.4px}
.notification .detail{font-size:13px;color:#718197}
.booking .notification-inner{align-items:flex-start;min-height:145px;flex-wrap:wrap;gap:0 18px}
.booking .notification-copy{flex:1;padding-top:1px}
.review-action{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#697f95;margin-top:15px;padding-top:14px;border-top:1px solid #edf0f4;height:51px}
.review-action>div{background:#092039;color:#fff;display:flex;align-items:center;gap:16px;padding:10px 14px;border-radius:8px;font-size:11px;font-weight:550}
.review-action img{width:15px;filter:invert(1)}
.message{top:331px;left:472px;width:444px}
.message .notification-backing{background:linear-gradient(110deg,#b5dfff,#d9edff);transform:rotate(3deg);box-shadow:0 0 50px #b9e5ff70}
.message .notification-inner{padding:22px;gap:17px}
.avatar{width:77px;height:77px;flex-shrink:0;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #10233307}
.avatar svg{width:100%;height:100%;display:block}
.message h3{font-size:23px;margin-bottom:7px}
.message p{font-size:17px;line-height:1.45;letter-spacing:-.25px;margin:0}
.payment{top:498px;left:478px;width:414px}
.payment .notification-backing{background:linear-gradient(125deg,#cdf3ec,#b1e6de);transform:rotate(-2deg);box-shadow:0 0 30px #c8f4e799}
.payment .notification-inner{padding:19px 22px;gap:15px}
.payment-icon{width:48px;height:51px;border-radius:15px;background:#d5f0e8;display:grid;place-items:center}
.payment-icon img{width:29px}
.payment h3{font-size:21px;margin-bottom:4px}
.payment p{font-size:13px;color:#6b8093;display:flex;gap:18px}
.payment-value{font-weight:650;font-size:16px;color:#153c46}
.paid-check{margin-left:auto;background:#e6f5d4;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.paid-check img{width:15px}
.transport{height:65px;padding:0 23px;display:flex;align-items:center;gap:13px}
.transport>button{background:transparent;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:9px}
.transport>button:hover{background:#f4f6f8}
.scrubber{flex:1;display:flex;align-items:center}
.scrubber input{width:100%;accent-color:#487ea9;height:3px;cursor:pointer}
.time{font-size:10px;color:#83929e;font-variant-numeric:tabular-nums;width:78px}
.background-button{font-size:10px;gap:9px;margin-left:10px;color:#617384}
.background-button span{width:25px;height:15px;border-radius:20px;background:#91b5d3;position:relative}
.background-button span:after{content:'';width:11px;height:11px;position:absolute;top:2px;right:2px;background:#fff;border-radius:50%;transition:transform .2s}
.background-button[aria-pressed=false] span{background:#d5dce2}
.background-button[aria-pressed=false] span:after{transform:translateX(-10px)}
.study-footer{display:flex;justify-content:space-between;align-items:center;padding:23px 4px}
.beat-indicators{display:flex;gap:21px}
.beat-indicators>span{font-size:9px;color:#a3aeb8;display:flex;gap:7px;align-items:center;transition:color .4s}
.beat-indicators b{font-size:11px;font-weight:500}
.beat-indicators .active{color:#145583}
.study-footer>p{font-size:11px;color:#7b8996;margin:0}
.page-footer{display:flex;justify-content:space-between;max-width:1280px;margin:32px auto;padding:0 4px;font-size:9px;letter-spacing:1.4px;color:#8b979f}
.page-footer>span{letter-spacing:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.study-shell:fullscreen{height:100vh;border:0;border-radius:0;display:flex;flex-direction:column;background:#fcfbf8}
.study-shell:fullscreen .viewport{flex:1;height:auto}
.study-shell:fullscreen .study-nav{padding:12px 25px}
.study-shell:fullscreen .transport{min-height:65px}
@media(min-width:1500px){main{margin-top:45px}
.viewport{height:690px}}
@media(max-width:800px){.review-header{height:70px;padding:0 22px}main{padding:0 18px;margin-top:25px}
.intro>p{display:none}
.intro{margin-bottom:22px}h1{font-size:30px}
.eyebrow{font-size:8px}
.study-nav{padding:9px}
.study-nav>[role=tab]{padding:8px;gap:7px}
.study-nav>[role=tab]>span:last-child{font-size:10px}
.study-nav small{font-size:9px}
.tab-icon{width:29px;height:29px;border-radius:8px}
.tab-icon img{width:18px}
.viewport{height:470px;margin:0 6px}
.transport{padding:0 12px;gap:5px}
.time{width:67px;font-size:9px}
.background-button{font-size:0!important;margin-left:0}
.background-button span{font-size:0}
.study-footer{align-items:flex-start;gap:16px;flex-direction:column}
.study-footer>p{font-size:11px}
.page-footer{margin:30px 20px}
.brand>span{margin-left:10px;padding-left:10px;font-size:11px}
.version{font-size:10px}
.beat-indicators{gap:17px}}
@media(max-width:450px){.viewport{height:350px}
.intro .eyebrow{letter-spacing:.08em}
.brand{font-size:22px}
.brand>img{width:29px;height:29px}
.review-header{padding:0 18px}
.version{display:none}
.expand{padding:8px 3px}
.study-nav{gap:0}
.study-nav>[role=tab]{padding:8px 6px}
.study-nav>[role=tab]>span:last-child{font-size:9px}
.tab-icon{width:25px;height:25px}
.transport{height:58px}
.study-shell{border-radius:18px}
.viewport{border-radius:12px}
.page-footer{font-size:8px}}