/* Approved Figma compositions — 4 October 2026. Fixed design canvases scale as a whole. */
body{background:#fff}.product-hero{background:#fff;padding:144px 24px 52px}.product-hero h1{font-size:clamp(48px,5vw,72px);font-weight:700;letter-spacing:-3px;line-height:1.06;max-width:1100px}.product-hero h1 span{color:#0d1b2a}.hero-description{color:#617266}.hero-presentation{position:relative;width:100%;height:920px;margin:25px auto 0;overflow:hidden}.hero-composite{position:relative;width:650px;height:975px;left:calc(50% + 25px);transform:translateX(-50%)}.relaxed-hand{display:block;width:100%;height:100%;max-width:none}.hero-presentation:after{content:'';position:absolute;pointer-events:none;inset:auto 0 0;height:140px;background:linear-gradient(transparent,#fff 94%)}.hero-screen-viewport{position:absolute;left:22.75390625%;top:5.40364583%;width:46.484375%;height:68.48958333%;border-radius:13.45% / 6.08%;overflow:hidden;background:#e6f2e3}.ui-screen{width:396px;height:844px;position:relative;transform-origin:top left;text-align:left;color:#0d1b2a;font-family:'DM Sans',sans-serif;background:#fff;line-height:1.3}.ui-screen *,.journey-canvas *{box-sizing:border-box}.ui-screen p,.ui-screen h2,.ui-screen h3,.ui-screen h4,.journey-canvas p,.journey-canvas h4{margin:0}.ui-screen img,.journey-canvas img{display:block;max-width:100%}.ui-screen a,.journey-canvas a{text-decoration:none}.ui-status{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:12px;font-weight:600;position:relative}.ui-status>img{width:72px;height:16px}.ui-status>i{position:absolute;width:100px;height:25px;top:12px;left:148px;border-radius:20px;background:#080b0c}.ui-header{height:55px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0d1b2a0d}.ui-header>img{width:127px;height:23px;object-fit:contain}.ui-header>span{font-size:9px;letter-spacing:1.1px;color:#617266}.ui-hero{background:#e6f2e3;height:875px}.ui-hero-body{padding:13px 23px 20px;display:flex;flex-direction:column;gap:7px}.ui-hero-body h2{font:700 33px/39px 'DM Sans';letter-spacing:-1.1px;color:#0d1b2a}.ui-hero-car{width:350px;height:164px;object-fit:contain;mix-blend-mode:multiply}.ui-context{font-size:10px;color:#087a28;text-align:center;letter-spacing:.7px}.ui-quotes{height:253px;position:relative;flex-shrink:0}.ui-rear{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ui-rear>div{padding:14px 12px 45px;background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:5px;min-width:0;box-shadow:0 6px 15px #0d1b2a06}.ui-carrier{display:inline-block;font-size:9px;line-height:15px;user-select:none;max-width:120px}.ui-carrier>span{filter:blur(4.5px);display:block}.ui-rear b{font:500 23px/1.2 'DM Mono';letter-spacing:-1px}.ui-rear>div>span:not(.ui-carrier){font-size:9px;color:#617266}.ui-rear p{font-size:10px}.ui-featured{position:absolute;left:12px;right:12px;top:88px;background:#0d1b2a;color:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 12px 24px #0d1b2a24}.ui-quote-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.ui-best{font-size:9px;background:#d4efbd;color:#183b28;border-radius:20px;padding:5px 10px;font-weight:700}.ui-featured>b{font:500 41px/1.1 'DM Mono';letter-spacing:-1.6px;display:inline-block}.ui-basis{font-size:10px;color:#b9c8c4;margin-left:8px}.ui-featured>p{font-size:13px;font-weight:600;margin:8px 0 10px}.ui-quote-details{display:flex;justify-content:space-between;font-size:10px;color:#c3d1cf;padding-top:10px;border-top:1px solid #ffffff20}.ui-tanya{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:14px}.ui-avatar{width:50px;height:50px;flex-shrink:0;border:1.5px solid #087a28;padding:3px;border-radius:50%;background:#fff;overflow:hidden}.ui-avatar img{width:100%;height:100%;object-fit:contain}.ui-tanya>div>span{font-size:10px;letter-spacing:.6px;color:#087a28}.ui-tanya p{font-size:14px;margin-top:5px}.ui-action{background:#0d1b2a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:17px 18px;min-height:52px;border-radius:12px;font-size:13px;font-weight:600;gap:12px}.ui-action span{font-size:18px;font-weight:400}.ui-fine{font-size:10px;line-height:1.5;color:#748179}.ui-hero .ui-fine{font-size:9px;text-align:center}.ui-action:hover{background:#173b30}.ui-screen a:focus-visible,.journey-canvas a:focus-visible{outline:3px solid #42bf72;outline-offset:3px}
/* Three editorial product scenes, using the proportions approved in Figma. */
.journey-grid{gap:28px;max-width:1500px;margin-left:auto;margin-right:auto}.journey-art.refined-art{display:block;position:relative;width:100%;height:auto;aspect-ratio:460/405;margin-bottom:27px;border-radius:24px;padding:0;background:none;overflow:hidden}.journey-canvas{width:460px;height:405px;position:absolute;inset:0 auto auto 0;transform-origin:top left;font-family:'DM Sans',sans-serif;color:#0d1b2a;overflow:hidden}.apply-canvas{background:#e6f2e3;padding:28px 24px}.apply-identity{display:flex;align-items:center;gap:12px;margin-bottom:24px}.apply-identity .ui-avatar{width:52px;height:52px}.apply-identity b{font-size:18px;display:block}.apply-identity span{font-size:12px;color:#617266;display:block;margin-top:3px}.apply-chat{display:flex;flex-direction:column;gap:14px}.apply-chat p{font-size:17px;line-height:24px;padding:15px 18px;background:#fff;border-radius:17px 17px 17px 4px;width:300px;box-shadow:0 3px 10px #0d1b2a04}.apply-chat .apply-user{align-self:flex-end;width:183px;background:#0d1b2a;color:#fff;border-radius:17px 17px 4px 17px}.apply-answer{position:relative;height:54px}.apply-answer p{width:268px}.apply-typing{position:absolute;top:0;left:0;display:flex;gap:5px;background:white;padding:22px;border-radius:17px;opacity:0}.apply-typing i{width:6px;height:6px;background:#617266;border-radius:50%}.apply-chips{display:flex;justify-content:flex-end;gap:9px}.apply-chips span{background:white;border-radius:20px;padding:10px 19px;font-size:13px}.compare-canvas{background:#eaf0f4;padding:28px 24px}.compare-canvas .ui-quotes{height:339px}.compare-canvas .ui-rear{gap:18px}.compare-canvas .ui-rear>div{padding:20px 17px 45px;gap:8px}.compare-canvas .ui-carrier{font-size:11px}.compare-canvas .ui-rear b{font-size:29px}.compare-canvas .ui-rear p{font-size:11px}.compare-canvas .ui-featured{top:149px;left:41px;right:41px;padding:17px 20px;min-height:171px}.compare-canvas .ui-featured>b{font-size:38px}.journey-fine{font-size:9px;text-align:center;color:#748179;position:absolute;bottom:18px;left:20px;right:20px}.buy-canvas{background:#087a28;padding:24px 28px 20px}.buy-confirmation{background:#fff;border-radius:21px;padding:22px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:13px}.buy-check{width:48px;height:48px}.buy-confirmation h4{font-size:31px;line-height:37px;letter-spacing:-.7px;text-align:center}.buy-success{font-size:12px;color:#087a28;text-align:center;margin-top:5px!important}.buy-vehicle{display:flex;align-items:center;gap:14px;width:100%;background:#f7faf7;border-radius:12px;padding:10px 12px;height:90px}.buy-vehicle>img{width:108px;height:70px;object-fit:contain;mix-blend-mode:multiply}.buy-vehicle b{font-size:16px;display:block}.buy-vehicle span{display:block;font-size:11px;color:#617266;margin-top:4px}.buy-confirmation .ui-action{width:100%;height:46px;min-height:46px;font-size:12px;padding:12px 15px}.buy-canvas .journey-fine{color:#d2ead9}.journey-grid article h3{font-weight:700;font-size:clamp(25px,2.1vw,30px);letter-spacing:-.9px}.journey-grid article>p{max-width:380px;font-size:16px}
@media(prefers-reduced-motion:no-preference){.is-entering .apply-user{animation:scene-appear .45s .5s both}.is-entering .apply-answer p{animation:scene-appear .4s 1.8s both}.is-entering .apply-typing{animation:scene-typing 1.1s .8s both}.is-entering .apply-typing i{animation:thinking .4s infinite alternate}.is-entering .apply-chips{animation:scene-appear .4s 2s both}.is-entering .compare-canvas .ui-rear>div:first-child{animation:quote-left .9s .15s both cubic-bezier(.22,1,.36,1)}.is-entering .compare-canvas .ui-rear>div:last-child{animation:quote-right .9s .15s both cubic-bezier(.22,1,.36,1)}.is-entering .buy-check{animation:scene-appear .6s .1s both}.is-entering .buy-vehicle{animation:scene-appear .5s .35s both}.is-entering .buy-confirmation .ui-action{animation:scene-appear .5s .5s both}.ui-wallet #wallet-screen{animation:scene-appear .25s both}}@keyframes scene-appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes scene-typing{0%,90%{opacity:1}100%{opacity:0}}@keyframes quote-left{from{transform:translate(64px,85px);opacity:.25}to{transform:none;opacity:1}}@keyframes quote-right{from{transform:translate(-64px,85px);opacity:.25}to{transform:none;opacity:1}}
/* Real device frame, crisp DOM screen. The canvas is fitted without internal scrolling. */
.wallet-device{width:min(356px,82%);aspect-ratio:480/978}.wallet-stage{min-height:850px}.wallet-device .device-screen{display:block;overflow:hidden;background:white;inset:1.1% 2.5%;border-radius:12% / 6%}.ui-wallet{background:white}.ui-wallet .ui-status>i{display:none}.ui-body{padding:22px 23px 20px;display:flex;flex-direction:column;gap:18px}.ui-body h3{font-size:31px;line-height:1.15;letter-spacing:-1px;font-weight:700}.ui-title-row{display:flex;align-items:center;justify-content:space-between}.ui-active{font-size:10px;color:#087a28;background:#e6f2e3;padding:6px 9px;border-radius:20px}.ui-subtitle{font-size:13px;color:#617266;margin-top:8px!important}.ui-household{gap:14px}.ui-policy{border:1px solid #dce5df;border-radius:19px;overflow:hidden}.ui-policy-top{display:flex;align-items:center;padding:17px 18px;background:#e6f2e3;height:136px}.ui-policy-top>div{flex:1}.ui-policy-top>img{width:134px;height:98px;object-fit:contain;mix-blend-mode:multiply}.ui-policy-top h4{font-size:20px;letter-spacing:-.6px}.ui-policy-top p{font-size:11px;color:#617266;margin:6px 0 11px}.ui-policy-top>div>span{font-size:10px;background:white;border-radius:20px;padding:5px 9px;white-space:nowrap}.ui-policy.third-party .ui-policy-top{background:#eaf0f4}.ui-policy-bottom{display:flex;justify-content:space-between;padding:15px 18px;align-items:center}.ui-policy-bottom small{font-size:9px;display:block;color:#617266}.ui-policy-bottom b{font-size:14px;display:block;margin-top:4px}.ui-policy-bottom strong{font:500 21px 'DM Mono'}.ui-policy-bottom>div:last-child{text-align:right}.ui-add{display:flex;justify-content:space-between;color:#087a28;font-size:12px;padding:5px 0}.ui-documents details{border-top:1px solid #dce5df}.ui-documents summary{font-size:11px;padding:9px 0;display:flex;justify-content:space-between;cursor:pointer;list-style:none}.ui-documents details>p{font-size:10px;line-height:1.4;padding:0 0 8px;color:#617266}.ui-household .ui-fine{font-size:9px}.ui-body summary::-webkit-details-marker{display:none}.ui-body details[open] summary>span{transform:rotate(45deg)}.ui-cover-active{font-size:12px;color:#087a28;margin-top:10px!important}.ui-cover-active:before{content:'';width:6px;height:6px;background:#087a28;display:inline-block;border-radius:50%;margin-right:7px}.ui-insurance-card{border-radius:22px;overflow:hidden;box-shadow:0 10px 25px #0d1b2a16}.ui-card-face{position:relative;background:linear-gradient(153deg,#36c786,#69dfa0 53%,#21ae70);height:130px;padding:20px 22px;color:#082d24}.ui-card-face>span{font-size:10px;font-weight:700;letter-spacing:.5px}.ui-card-face>img{position:absolute;width:76px;height:96px;object-fit:contain;right:22px;top:17px}.ui-card-face h4{font-size:27px;letter-spacing:-.8px;margin-top:18px}.ui-card-face p{font-size:12px;margin-top:4px}.ui-card-bottom{background:#0d1b2a;color:#fff;padding:20px 22px}.ui-card-bottom small{font-size:9px;letter-spacing:.65px;color:#a9bdbe;display:block}.ui-registration>b{font:500 31px 'DM Mono';display:block;margin:5px 0}.ui-registration>p{font-size:12px;color:#d5e0df}.ui-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px;border-top:1px solid #ffffff25;padding-top:17px;margin-top:17px}.ui-card-fields b{font-size:12px;display:block;margin-top:5px;font-weight:500}.ui-certificate{border:1px solid #dce5df;border-radius:12px;padding:0 15px}.ui-certificate summary{display:flex;align-items:center;gap:12px;font-size:13px;list-style:none;cursor:pointer;min-height:54px}.ui-certificate summary img{width:20px;height:22px}.ui-certificate summary>span{margin-left:auto;font-size:18px}.ui-certificate>p{font-size:11px;line-height:1.5;color:#617266;padding-bottom:13px}.ui-broker{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-broker small{display:block;font-size:9px;letter-spacing:.8px;color:#748179}.ui-broker b{display:block;font-size:11px;margin-top:5px}.ui-broker a{color:#087a28;font-size:11px}.ui-renewal-panel{background:#e6f2e3;border-radius:21px;padding:20px 22px}.ui-renewal-panel>span{font-size:10px;color:#42684c;letter-spacing:1px}.ui-renewal-inner{display:flex;align-items:center;gap:24px;margin-top:16px}.ui-calendar{width:112px;background:white;text-align:center;border-radius:13px;overflow:hidden;box-shadow:0 6px 14px #0d1b2a10;padding-bottom:10px}.ui-calendar>span{display:block;background:#0d1b2a;color:white;font-size:10px;letter-spacing:2px;padding:9px}.ui-calendar>b{display:block;font:500 47px/1.1 'DM Mono';margin:8px 0 4px}.ui-calendar>small{font-size:10px;color:#617266}.ui-days{font-size:73px;line-height:1;letter-spacing:-3px;font-weight:700}.ui-renewal-inner>div>p{font-size:15px;color:#42684c;margin-top:5px}.ui-renewal-policy{display:flex;align-items:center;gap:12px;border:1px solid #dce5df;border-radius:14px;padding:13px}.ui-renewal-policy>img{width:90px;height:65px;object-fit:contain}.ui-renewal-policy b{font-size:16px;display:block}.ui-renewal-policy span,.ui-renewal-policy p{font-size:11px;color:#617266;display:block;margin-top:5px}.ui-guidance h4{font-size:19px;line-height:1.3;letter-spacing:-.4px}.ui-guidance p{font-size:14px;line-height:1.55;color:#617266;margin-top:8px}.ui-saving{background:#0d1b2a;color:#fff;border-radius:22px;padding:22px}.ui-saving>span{font-size:10px;letter-spacing:1.1px;color:#bdcfca}.ui-saving>div{display:flex;align-items:baseline;gap:12px;margin:7px 0}.ui-saving b{font-size:68px;line-height:1.1;letter-spacing:-3px}.ui-saving>div>span{font-size:13px;color:#bdcfca}.ui-saving p{font-size:12px;color:#dce6df}.ui-premiums{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ui-premiums>div{border:1px solid #dce5df;border-radius:14px;padding:15px 13px}.ui-premiums>div:last-child{background:#e6f2e3;border-color:#e6f2e3}.ui-premiums span{font-size:10px;display:block;color:#617266}.ui-premiums b{font:500 23px 'DM Mono';display:block;margin:8px 0 3px;letter-spacing:-.8px}.ui-premiums small{font-size:9px;color:#617266}.ui-term-chips{display:flex;gap:8px}.ui-term-chips a{border:1px solid #dce5df;border-radius:20px;font-size:11px;padding:8px 12px;color:#42684c}.ui-value-body{gap:17px}
/* A believable message exchange, with prompts directly below the conversation. */
.tanya-demo{min-height:0}.demo-conversation{min-height:330px;padding:25px 23px}.demo-response{padding:0;background:none;border:0;border-radius:0;min-height:225px;margin-right:27px;margin-top:17px}.demo-response p{padding:16px 18px;border:1px solid #e4ebdf;border-radius:18px 18px 18px 4px;background:white;line-height:1.6;font-size:14px;width:fit-content}.demo-response p+p{margin-top:10px}.tanya-demo .tanya-prompts{max-width:none;margin:0;padding:0 23px 23px;gap:7px}.tanya-demo .tanya-prompts button{border:1px solid #d4dfd0;color:#42684c;background:white;font-size:11px;padding:10px 14px}.tanya-demo .tanya-prompts button[aria-pressed=true]{background:#e2f0d9;border-color:#c8dfb9}.tanya-demo #tanya-typing:not([hidden]){width:max-content;background:white;border-radius:18px;padding:22px}.animated-avatar>img{object-fit:contain}.demo-footer{align-items:center}.demo-footer button{min-height:28px}.ui-screen [hidden]{display:none!important}
@media(max-width:1100px) and (min-width:701px){.journey-section{padding-left:4vw;padding-right:4vw}.journey-grid{gap:18px}.journey-grid article>p{font-size:14px}.wallet-stage{min-height:750px}.wallet-device{width:min(310px,86%)}}
@media(max-width:700px){.product-hero{padding:120px 20px 38px}.product-hero h1{font-size:46px;letter-spacing:-2px;max-width:500px;line-height:1.06}.hero-presentation{width:calc(100% + 40px);margin-left:-20px;height:730px;margin-top:26px}.hero-composite{width:510px;height:765px;left:calc(50% + 20px)}.hero-presentation:after{height:95px}.product-caption{font-size:13px;max-width:270px;margin:0 auto 9px}.hero-disclaimer{font-size:9px}.journey-grid{gap:40px}.journey-art.refined-art{max-width:460px;margin:0 auto 22px}.journey-grid article h3{font-size:29px}.journey-grid article>p{font-size:15px}.wallet-stage{min-height:800px;border-radius:130px 130px 24px 24px}.wallet-device{width:min(340px,92%)}.wallet-preview-note{font-size:9px;bottom:21px}.demo-conversation{padding:22px 16px;min-height:345px}.demo-response{margin-right:16px;min-height:230px}.demo-response p{font-size:13px;padding:14px}.tanya-demo .tanya-prompts{padding:0 16px 20px}.demo-user{font-size:13px}.demo-badge{font-size:6px}.tanya-demo-header{padding:17px 16px}.demo-footer{padding:12px 16px}.tanya-copy .tanya-secondary{max-width:460px}.journey-section,.tanya-section,.wallet-section{scroll-margin-top:20px}}
@media(max-width:380px){.product-hero h1{font-size:40px}.hero-composite{width:460px;height:690px}.hero-presentation{height:660px}.wallet-stage{min-height:700px}.demo-badge{max-width:54px;line-height:1.5}.nav>a img{width:115px}.nav .btn.small{padding:10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.journey-canvas *,.ui-wallet #wallet-screen,.demo-response *{animation:none!important;transition:none!important}.apply-typing{display:none!important}html{scroll-behavior:auto}}
/* Presentation polish: safe areas, restrained movement, and purposeful colour. */
.market-pill{display:inline-flex;align-items:center;justify-content:center;background:#003dcc;color:#fff;border-radius:30px;padding:8px 18px;font:600 12px/1.2 Figtree;letter-spacing:.15px;margin:0 0 3px}.product-hero h1{margin-top:21px}.hero-presentation{margin-top:33px;height:905px}.relaxed-hand{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 80%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 76%,transparent 97%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 0%,#000 80%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 76%,transparent 97%);mask-composite:intersect}.hero-presentation:after{height:105px}.product-hero{padding-bottom:5px}
.trust-strip.trust-centred{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:42px 24px 48px;border-top:0;border-bottom:1px solid #e4e9e4;background:#fff}.trust-strip.trust-centred>p{font-size:17px;line-height:1.45;color:#617266}.trust-strip.trust-centred>p b{color:#0d1b2a;font-weight:600}.trust-strip.trust-centred>img{width:200px;height:auto;filter:none;opacity:1}.trust-strip.trust-centred .trust-relationship{font-size:12px;line-height:1.6;color:#617266}.trust-strip.trust-centred>a{display:inline-block;font-size:11px;color:#42684c;margin:0}
.ui-wallet .ui-status{padding:8px 38px 0;height:59px}.ui-wallet .ui-status>img{width:65px;height:auto}.ui-wallet .ui-header{height:50px}.ui-hero .ui-status{padding-left:29px;padding-right:29px}.wallet-stage{transition:background-color .65s ease}.wallet-stage[data-wallet=documents]{background:#dcead2}.wallet-stage[data-wallet=card]{background:#dce8f1}.wallet-stage[data-wallet=renewal]{background:#f0e6d3}.wallet-stage[data-wallet=value]{background:#b7d4bd}
.ui-screen .ui-action,.journey-canvas .ui-action{cursor:default}.ui-screen .ui-action:hover,.journey-canvas .ui-action:hover{background:#0d1b2a}.ui-preview-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.ui-documents>div{border-top:1px solid #dce5df}.ui-documents .ui-preview-summary{font-size:11px;padding:9px 0}.ui-certificate .ui-preview-summary{min-height:54px;font-size:13px;justify-content:flex-start}.ui-certificate .ui-preview-summary>img{width:20px;height:22px}.ui-certificate .ui-preview-summary>span{margin-left:auto;font-size:18px}.ui-broker>div:last-child{color:#087a28;font-size:11px}.ui-term-chips>div{border:1px solid #dce5df;border-radius:20px;font-size:11px;padding:8px 12px;color:#42684c}
.ui-avatar,.animated-avatar{position:relative;padding:0;border:1.5px solid #087a28;border-radius:50%;background:white;overflow:hidden;isolation:isolate}.ui-avatar>img,.animated-avatar>img,.animated-avatar>video{position:absolute;max-width:none;inset:auto;width:112%;height:112%;left:-6%;top:4%;object-fit:contain;border-radius:0}.animated-avatar>video{object-fit:cover}.animated-avatar{flex-basis:52px}.animated-avatar>img{opacity:1}.animated-avatar.is-playing>video{opacity:1}
@media(prefers-reduced-motion:no-preference){.hero-composite{animation:hero-drift 8s ease-in-out infinite}.is-entering .compare-canvas .ui-featured{animation:quote-featured-settle 1.15s .3s both cubic-bezier(.22,1,.36,1)}.is-entering .compare-canvas .ui-rear>div:first-child{animation:quote-reveal-left 1.15s .3s both cubic-bezier(.22,1,.36,1)}.is-entering .compare-canvas .ui-rear>div:last-child{animation:quote-reveal-right 1.15s .3s both cubic-bezier(.22,1,.36,1)}}
@keyframes hero-drift{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-7px)}}@keyframes quote-featured-settle{from{transform:translateY(-60px)}to{transform:translateY(0)}}@keyframes quote-reveal-left{from{transform:translate(65px,110px);opacity:0}25%{opacity:1}to{transform:translate(0,0);opacity:1}}@keyframes quote-reveal-right{from{transform:translate(-65px,110px);opacity:0}25%{opacity:1}to{transform:translate(0,0);opacity:1}}
@media(max-width:700px){.market-pill{font-size:11px;padding:8px 17px}.hero-presentation{height:730px;margin-top:31px}.product-hero{padding-bottom:0}.trust-strip.trust-centred{padding:25px 24px 36px;gap:17px}.trust-strip.trust-centred>p{font-size:16px}.trust-strip.trust-centred>img{width:175px}.trust-strip.trust-centred .trust-relationship{font-size:11px}.hero-presentation:after{height:75px}}
@media(max-width:380px){.hero-presentation{height:660px}}
@media(prefers-reduced-motion:reduce){.hero-composite{animation:none!important}.wallet-stage{transition:none}}
.trust-strip.trust-centred>p br{display:block}
@media(max-width:700px){.relaxed-hand{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 72%,transparent 84%),linear-gradient(to bottom,#000 0%,#000 76%,transparent 97%);mask-image:linear-gradient(to right,#000 0%,#000 72%,transparent 84%),linear-gradient(to bottom,#000 0%,#000 76%,transparent 97%)}}
@media(max-width:380px){.relaxed-hand{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 70%,transparent 80%),linear-gradient(to bottom,#000 0%,#000 76%,transparent 97%);mask-image:linear-gradient(to right,#000 0%,#000 70%,transparent 80%),linear-gradient(to bottom,#000 0%,#000 76%,transparent 97%)}}
/* Reference-matched wrist artwork; no additional mask over the hand. */
.hero-presentation{height:1055px;overflow:hidden}.hero-composite{width:940px;height:1121.957px;left:50%;top:-65px}.relaxed-hand{-webkit-mask-image:none;mask-image:none}.hero-presentation:after{display:none}.hero-screen-viewport{left:34.64%;top:11.02%;width:31.12%;height:59.97%;border-radius:13.4% / 5.8%}.ui-hero-car,.ui-policy-top>img,.buy-vehicle>img{mix-blend-mode:normal}.journey-avatar>video{position:absolute;max-width:none;width:112%;height:112%;left:-6%;top:4%;object-fit:cover;opacity:0}.journey-avatar.is-playing>video{opacity:1}
@media(max-width:700px){.hero-presentation{height:839px}.hero-composite{width:740px;height:883.243px;left:50%;top:-44px}.relaxed-hand{-webkit-mask-image:none;mask-image:none}}
@media(max-width:380px){.hero-presentation{height:764px}.hero-composite{width:680px;height:811.629px;top:-48px}}
/* Persistent navigation and the preferred Breadfruit hand. */
.nav{position:fixed;inset:0 0 auto;z-index:100;height:88px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:background-color .25s,border-color .25s,box-shadow .25s}.nav.is-scrolled{background:rgba(255,255,255,.95);border-bottom-color:#0d1b2a0d;box-shadow:0 4px 22px #0d1b2a05}main>section,footer{scroll-margin-top:100px}
.hero-presentation{height:985px;overflow:hidden}.hero-composite{width:650px;height:975px;left:calc(50% + 25px);top:12px}.hero-screen-viewport{left:22.75390625%;top:5.40364583%;width:46.484375%;height:68.48958333%;border-radius:13.45% / 6.08%}.relaxed-hand{-webkit-mask-image:linear-gradient(to right,#000 94%,transparent 100%),linear-gradient(to bottom,#000 86%,transparent 100%);mask-image:linear-gradient(to right,#000 94%,transparent 100%),linear-gradient(to bottom,#000 86%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-presentation:after{display:none}
@keyframes hero-drift{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-14px)}}
@media(max-width:700px){.nav{height:76px;padding:0 22px}main>section,footer{scroll-margin-top:90px}.hero-composite{width:510px;height:765px;left:calc(50% + 20px);top:12px}.hero-presentation{height:780px}.hero-presentation:after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:230px;background:linear-gradient(to right,transparent 74%,#fff 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 50%);mask-image:linear-gradient(to bottom,transparent,#000 50%);pointer-events:none}.relaxed-hand{-webkit-mask-image:linear-gradient(to right,#000 94%,transparent 100%),linear-gradient(to bottom,#000 86%,transparent 100%);mask-image:linear-gradient(to right,#000 94%,transparent 100%),linear-gradient(to bottom,#000 86%,transparent 100%)}}
@media(max-width:380px){.hero-composite{width:460px;height:690px}.hero-presentation{height:705px}}
/* A lighter navigation CTA and clear access to the existing privacy notice. */
.nav .btn.small{min-height:0;min-width:0;padding:11px 18px;font-size:12px;line-height:1.2;gap:17px}.nav .btn.small>span{font-size:17px}.footer-policy-links{display:flex;padding:24px 0 0;font-size:13px}.footer-policy-links a{color:#cfdbca;text-underline-offset:4px}.footer-policy-links a:hover{text-decoration:underline}.faq-list details>p a{color:#087a28;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.nav .btn.small{padding:10px 13px;font-size:10px;gap:10px}.nav .btn.small>span{font-size:15px}}
.hero-waitlist{min-width:0;padding:12px 22px;font-size:14px;line-height:1.3;gap:18px}.footer-policy-links{gap:24px;flex-wrap:wrap}#form-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.hero-waitlist{min-width:0;padding:12px 20px;font-size:13px}}

/* Launch quality pass: clear keyboard focus on light and dark surfaces. */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #003dcc;outline-offset:4px;box-shadow:0 0 0 3px #fff}
main:focus{outline:none}
.footer-policy-links a,.back-top,#restart{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){.form-row input{font-size:16px}.trust-strip a,.sentry-contact>a{min-height:32px;display:inline-flex;align-items:center}.nav .btn.small{min-height:44px}}

/* Waitlist confirmation: restrained motion with an accessible static fallback. */
#waitlist-form{min-height:184px}.waitlist-fields[hidden],.waitlist-success[hidden],.waitlist-replay[hidden]{display:none!important}
.waitlist-success{min-height:184px;position:relative;padding:2px 0 0 84px;outline:none}
.waitlist-check{position:absolute;top:4px;left:0;width:60px;height:60px;border-radius:50%;background:#c3edaf;display:grid;place-items:center;box-shadow:0 0 0 8px #c3edaf0c}
.waitlist-check svg{width:40px;height:40px;fill:none;stroke:#0c3927;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.waitlist-success h3{font:600 36px/1.12 Figtree,sans-serif;letter-spacing:-1.2px;color:#f7fff4;margin:0 0 12px}
#waitlist-form .waitlist-success p{font-size:17px;line-height:1.55;color:#c3d1c6;margin:0}
#waitlist-form .waitlist-preview-note{font-size:11px;color:#c3d1c6;margin-top:20px}
.waitlist-replay{border:1px solid #c3d1c650;border-radius:30px;background:transparent;color:#e6f2e3;padding:11px 18px;font:500 12px Figtree;min-height:44px;margin-top:10px;cursor:pointer}
#waitlist-form button:disabled{cursor:wait;opacity:.75}
@media(prefers-reduced-motion:no-preference){.waitlist-success:not([hidden]) .waitlist-check{animation:waitlist-arrive .55s cubic-bezier(.22,1,.36,1) both}.waitlist-success:not([hidden]) path{stroke-dasharray:40;stroke-dashoffset:40;animation:waitlist-tick .45s .15s ease-out forwards}.waitlist-success:not([hidden]) h3,.waitlist-success:not([hidden]) p{animation:waitlist-copy .5s .12s both}@keyframes waitlist-arrive{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes waitlist-tick{to{stroke-dashoffset:0}}@keyframes waitlist-copy{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:700px){.waitlist-success{padding-left:70px}.waitlist-check{width:50px;height:50px}.waitlist-success h3{font-size:29px}.waitlist-success p{font-size:15px!important}}

.footer-social{display:flex;gap:8px;margin-top:18px}.footer-social a{display:grid;place-items:center;width:44px;height:44px;color:#e6f2e3;border:1px solid #ffffff25;border-radius:50%;transition:background .2s}.footer-social a:hover{background:#ffffff12}.footer-social svg{width:20px;height:20px}

.footer-main>div>b{font-weight:500}
#waitlist-form .email-error{font-size:13px;line-height:1.5;color:#ffd2c7;margin:8px 0 10px}#waitlist-form .email-error[hidden]{display:none}#email[aria-invalid="true"]{border:2px solid #e8a797}