/* DW: open grotesk typography, icy surfaces and peripheral signal lines. */
@font-face{font-family:'DW Manrope';src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'DW Signal';src:url('assets/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
:root{--dw-ink:#102d3e;--dw-muted:#506575;--dw-cyan:#0098a6;--dw-purple:#7b53cf;--dw-line:#a8cfdc}
body,body *{font-family:'DW Manrope',Arial,sans-serif!important}
body{background:#f4f8fc;color:var(--dw-ink);line-height:1.6}
h1,h2,h3,h4,h1 *,h2 *,h3 *,h4 *{font-family:'DW Manrope',Arial,sans-serif!important;letter-spacing:-.035em;line-height:1.14}
button,.button{font-weight:700;letter-spacing:0;line-height:1.4}
#query-main,.story-query strong,.loss-query strong,.price strong,.close-price strong,.page-ready,.close-kicker{font-family:'DW Signal',sans-serif!important}
#top .reel-intro h1 em,#top .reel-intro h1 em b{font-family:'DW Manrope',sans-serif!important;letter-spacing:-.045em;font-weight:750;line-height:1.05;white-space:normal}
#top .reel-intro h1>span{font-family:'DW Signal',sans-serif!important;font-weight:600;letter-spacing:.075em;color:#345564}
#top .reel-intro>.hero-subline{color:#445e70;line-height:1.65;letter-spacing:0}
#top{background:radial-gradient(ellipse at 91% 32%,#b6dff54d,transparent 58%),radial-gradient(ellipse at 20% 85%,#d4c9f545,transparent 53%),#f5f9fd}
#top:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#1b84b009 1px,transparent 1px),linear-gradient(90deg,#1b84b009 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 30%,#000);z-index:0}
.reel-intro,.reel-console,.mobile-hero-actions{position:relative;z-index:1}
.story-breath{position:relative;background:radial-gradient(ellipse at 50% 75%,#b9ebf267,transparent 60%),#f4f8fc;isolation:isolate}
.story-breath:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(116deg,transparent 15%,#008baf24 15.1%,transparent 15.4%,transparent 82%,#7f4dce28 82.1%,transparent 82.4%)}
.story-breath h2{font-weight:750;letter-spacing:-.04em}
.demand-pin{--headline-space:180px;height:100dvh!important;min-height:0!important;box-sizing:border-box;grid-template-rows:var(--headline-space) minmax(0,1fr) auto!important;gap:18px!important;padding:26px 28px 18px!important;align-content:stretch!important;isolation:isolate;background:radial-gradient(ellipse at 7% 62%,#ace9fa55,transparent 42%),radial-gradient(ellipse at 96% 40%,#d2c0f54a,transparent 42%),#f4f8fc!important}
.demand-pin:before,.demand-pin:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1}
.demand-pin:before{background-image:linear-gradient(#087f9c10 1px,transparent 1px),linear-gradient(90deg,#087f9c10 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 27%,transparent 73%,#000)}
.demand-pin:after{background:linear-gradient(117deg,transparent 8%,#0088ad27 8.1%,transparent 8.3%,transparent 83%,#8054c52b 83.1%,transparent 83.3%),linear-gradient(90deg,#00adbe62,transparent 22%,transparent 78%,#9061d867);background-size:100% 100%,100% 1px;background-position:center,center 72%;background-repeat:no-repeat}
.demand-copy{height:100%;min-height:0;align-self:stretch!important}
.demand-headlines{height:100%!important}
.demand-heading{gap:12px!important;justify-content:center!important;transform:none!important}
.demand-heading h2{max-width:1050px!important;line-height:1.12!important}
.demand-story .statement-line{font-size:clamp(26px,2.8vw,40px);font-weight:650;line-height:1.16;letter-spacing:-.025em!important}
.demand-story .statement-focus{font-size:clamp(36px,4.4vw,62px);font-weight:800!important;line-height:1.1;margin-top:10px;letter-spacing:-.04em!important;text-wrap:balance}
.demand-story .statement-focus em{font-weight:800!important;color:#007f8a}
.demand-story[data-beat="1"] .statement-line{font-size:clamp(26px,3vw,42px)}
.demand-story[data-beat="1"] .statement-focus{font-size:clamp(60px,8vw,100px);line-height:1;letter-spacing:-.04em!important}
.demand-story[data-beat="1"] .statement-focus em,.demand-story[data-beat="2"] .statement-focus em{color:#b63234}
.demand-story[data-beat="2"] .statement-focus{font-size:clamp(34px,4vw,55px)}
.demand-story[data-beat="5"] .statement-line{font-size:clamp(25px,2.8vw,39px)}
.demand-story[data-beat="5"] .statement-focus{font-size:clamp(35px,4.5vw,63px)}
.demand-story .demand-heading p{font-size:17px!important;line-height:1.5!important;letter-spacing:0;margin:0!important;color:#476173;text-wrap:pretty;max-width:640px}
.demand-heading.is-current>p{animation:none!important}
.story-stage{height:100%!important;min-height:0!important;width:min(1160px,100%)!important;transform:none!important;align-self:stretch!important}
.demand-note{font-size:12px!important;line-height:1.4!important;margin:0!important;color:#627887;max-width:650px}
.story-search-scene{box-shadow:0 15px 45px #194c6814!important;border-color:#a4cbd8!important;background:#ffffffeb!important}
.story-query{border-radius:11px!important;background:#edf7fc!important}
.story-query small,.search-result-heading small{font-family:'DW Signal',sans-serif!important;font-size:12px!important;letter-spacing:.085em;font-weight:650}
.search-result-heading strong{font-weight:800!important;letter-spacing:-.025em}
.loss-scene>p{top:auto!important;bottom:0;line-height:1.35;margin:0!important}
.loss-query{border-color:#9fc9d8;background:#fafdff;box-shadow:0 9px 28px #14668c12}
.loss-query small{font-family:'DW Signal',sans-serif!important;font-size:12px!important;letter-spacing:.06em;color:#386375}
.loss-rival,.loss-yours{border-radius:16px;box-sizing:border-box;overflow-wrap:normal}
.loss-rival{background:#fbffff!important;border-color:#079e9c!important;box-shadow:0 15px 50px #008d9d22!important}
.loss-rival strong,.loss-yours strong{font-weight:800;letter-spacing:-.03em}
.loss-rival .loss-status{letter-spacing:0!important}
.loss-rival-top>span:last-child{display:none}
.loss-inlet{box-shadow:0 0 0 4px #21b7b524,0 0 20px #19bcbd66}
.business-page-preview{background:#fcfeff!important;border-color:#99c8d6!important;box-shadow:0 22px 60px #096c821b!important}
.business-page-nav>strong{font-family:'DW Signal',sans-serif!important;font-weight:650;letter-spacing:.03em}
.page-proof strong{font-weight:800;letter-spacing:-.035em}
.page-proof small{font-family:'DW Signal',sans-serif!important;color:#087489;font-size:12px;letter-spacing:.06em}
.page-proof p{color:#486274;line-height:1.5}
.story-found{background:#f9feff;border-color:#8bbfce;color:#087d87}
.story-message-notification{border-color:#90c3d1;background:#faffff;box-shadow:0 8px 24px #17647a16}
.purpose-section{background:radial-gradient(ellipse at 0% 30%,#c6eafa55,transparent 50%),#f4f8fc!important}
.package-section{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 30%,#d6c9fa4a,transparent 50%),radial-gradient(ellipse at 0% 68%,#b9e6f44d,transparent 50%),#f6f9fd!important}
.package-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#167e9d0b 1px,transparent 1px),linear-gradient(90deg,#167e9d0b 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,#000,transparent 24%,transparent 76%,#000)}
.offer-heading h2,.purpose-title,.bonus-copy h3,.offer-close h3{font-weight:800!important;letter-spacing:-.04em!important;line-height:1.1!important}
.offer-close{background:radial-gradient(ellipse at 100% 0%,#0bb3cd35,transparent 60%),radial-gradient(ellipse at 0% 100%,#8253bd35,transparent 60%),#082738!important;border-color:#358ca3!important}
.offer-close h3 em{color:#81e7ef!important}
.close-search{border-color:#5aa9bd88;background:#154759}
.close-search>b,.close-search>span{color:#92e5ee}
.close-bonus b{background:#a9e9f0;color:#134353}
.faq-list summary{font-size:16px!important;line-height:1.5}
@media(max-width:900px){
 .demand-pin{--headline-space:164px;padding:18px 20px 14px!important;gap:12px!important}
 .story-stage>.story-business{display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;width:100%!important;height:100%;inset:0;margin:0;gap:10px!important}
 .story-business .business-page-preview{width:100%!important;margin:0!important;align-self:stretch;box-sizing:border-box;padding:12px!important;flex-shrink:0}
 .story-business .business-page-nav{min-height:24px;height:24px;box-sizing:border-box;padding:0 2px;margin:0 0 10px}
 .business-page-nav>strong{font-size:12px}
 .business-page-nav>span{font-size:12px}
 .story-business .business-page-cover{height:clamp(90px,calc(var(--story-stage-height,450px) - 230px),235px)!important;aspect-ratio:auto!important;border-radius:10px}
 .story-business .page-proof-stage{position:relative;inset:auto;height:154px;margin-top:16px;overflow:hidden;width:100%}
 .page-proof,.page-proof[data-proof="3"]{flex-direction:row;justify-content:flex-start!important;align-items:center;text-align:left;gap:16px;padding:0}
 .page-proof>img{width:42%;height:132px;aspect-ratio:auto;border-radius:10px;object-fit:cover}
 .page-proof>div{min-width:0;flex:1}
 .page-proof strong{font-size:24px;line-height:1.15}
 .page-proof small{font-size:12px;margin-bottom:7px;line-height:1.25}
 .page-proof p{font-size:14px;margin-top:9px;line-height:1.45}
 .page-ready{font-size:12px;margin:10px 0 0;gap:22px;line-height:20px}
 .story-business .story-found{min-height:44px;padding:8px 10px;margin:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:4px;flex-shrink:0;line-height:1.3}
 .story-found>span{font-size:13px}.story-found>strong{font-size:12px;font-weight:750}
 .demand-story[data-beat="3"] .story-found,.demand-story[data-beat="3"] .page-ready{display:none}
 .demand-story[data-beat="4"] .story-business .business-page-cover{height:clamp(75px,calc(var(--story-stage-height,450px) - 290px),185px)!important}
 .demand-story[data-beat="5"] .story-found{display:none}
 .demand-story[data-beat="5"] .story-business .business-page-cover{height:clamp(72px,calc(var(--story-stage-height,450px) - 270px),210px)!important}
 .story-business .story-message-notification,.story-business .story-enquiry{position:relative!important;inset:auto!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;margin:0 0 0 auto!important;width:min(305px,92%)!important;box-sizing:border-box;flex-shrink:0}
 .story-business .story-message-notification{min-height:50px;height:50px;padding:8px 12px}
 .story-message-notification small{font-size:10px}.story-message-notification strong{font-size:13px;line-height:1.3}
 .story-business .story-enquiry{min-height:100px;height:auto;padding:12px 14px!important}
 .story-enquiry .chat-bubble-head{margin-bottom:11px;gap:8px}
 .story-enquiry .chat-bubble-head small{font-size:10px}
 .story-enquiry .chat-bubble-head div>span{font-size:11px!important}
 .story-enquiry .chat-bubble-head time{font-size:10px}
 .story-enquiry .chat-message strong{font-size:20px!important;line-height:1.25}
 .story-enquiry .chat-delivery{font-size:11px!important;margin-top:8px}
 .story-business .power-status{display:none}
 .demand-story:not([data-beat="5"]) .story-message-notification,.demand-story:not([data-beat="5"]) .story-enquiry{position:absolute!important;visibility:hidden}
 .story-missing{inset:0;width:100%;height:100%;justify-content:center;gap:0}
 .story-missing .unseen-photo{width:100%;height:clamp(190px,calc(var(--story-stage-height,450px) - 82px),360px);flex-shrink:0}
 .unseen-photo strong{font-size:clamp(30px,7vw,44px)!important;font-weight:800;line-height:1.1}
 .unseen-photo span{font-size:12px!important;letter-spacing:.1em}
 .story-missing .missing-result{width:88%;padding:16px;margin:-34px auto 0;min-height:84px;box-sizing:border-box;background:#faffff;border:1px dashed #8abaca;box-shadow:0 12px 40px #16688415}
 .missing-result strong{font-size:23px;font-weight:750}
 .story-missing .missing-result>span:last-child{font-size:14px;line-height:1.4}
}
@media(max-width:600px){
 :root{--hero-gutter:20px}
 .site-header{padding-inline:20px}
 .site-header nav,.site-header nav .service-switch{gap:12px}
 .site-header nav a,.site-header nav .service-switch button{font-size:12px;letter-spacing:0}
 #top .reel-intro h1>span{font-size:14px;font-weight:650;line-height:1.5;letter-spacing:.04em}
 #top .reel-intro h1 em,#top .reel-intro h1 em b{font-size:clamp(40px,11vw,56px);font-weight:800;letter-spacing:-.045em;line-height:1.08}
 #top .reel-intro>.hero-subline{font-size:16px;line-height:1.65}
 .hero-offer{display:grid!important;grid-template-columns:1fr auto;gap:8px 14px;margin-top:26px!important;align-items:center}
 .hero-offer #hero-service-name{grid-column:1;grid-row:1;font-size:20px}
 .hero-offer #hero-service-copy{grid-column:1/-1;grid-row:2;font-size:15px!important}
 .hero-offer #hero-service-price{grid-column:2;grid-row:1;display:block;text-align:right}
 #hero-service-price small{font-size:10px;margin-bottom:4px}
 .hero-offer #hero-service-price strong{font-size:32px!important;font-weight:750}
 .mobile-hero-actions .hero-actions{width:100%;margin-top:18px}
 .mobile-hero-actions .button{width:100%!important;font-size:16px!important;min-height:58px!important}
 .story-breath{height:36svh;min-height:240px}
 .story-breath-copy p{font-size:21px}.story-breath h2{font-size:41px;line-height:1.08}
 .demand-pin{--headline-space:158px;padding:16px 16px 12px!important;gap:10px!important}
 .demand-pin:before{background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 82%,#000)}
 .demand-pin:after{background-position:center,center 63%}
 .demand-story .statement-line,.demand-story[data-beat="1"] .statement-line,.demand-story[data-beat="5"] .statement-line{font-size:clamp(22px,6.2vw,27px);line-height:1.15;font-weight:650;letter-spacing:-.025em!important}
 .demand-story .statement-focus,.demand-story[data-beat="2"] .statement-focus,.demand-story[data-beat="5"] .statement-focus{font-size:clamp(28px,7.7vw,36px);line-height:1.12;letter-spacing:-.04em!important;margin-top:7px}
 .demand-story[data-beat="1"] .statement-focus{font-size:clamp(56px,17vw,76px);line-height:1;margin-top:7px}
 .demand-story .demand-heading p{font-size:14px!important;line-height:1.45!important;max-width:100%!important;margin:0!important}
 .demand-heading{gap:10px!important}
 .demand-note{font-size:11px!important;line-height:1.35!important;max-width:350px}
 .story-stage>.story-search-scene{width:100%!important;height:auto!important;padding:12px;position:absolute;inset:0 0 auto;margin:auto;border-radius:18px}
 .story-search-scene .story-query{min-height:64px;padding:10px 12px}
 .story-query strong{font-size:17px;line-height:1.35}
 .story-query small,.search-result-heading small{font-size:11px!important}
 .story-search-scene .search-photo,.search-live-sample .search-photo{height:auto!important;max-height:calc(var(--story-stage-height,450px) - 214px);aspect-ratio:var(--search-ratio,16/9)}
 .search-result-heading{padding:2px 0 10px;margin-bottom:12px}
 .search-result-heading strong{font-size:28px;line-height:1.1;margin-top:7px}
 .search-result-foot{padding:12px 0 0;gap:8px}
 .search-result-foot>b{font-size:13px;line-height:1.4}
 .search-result-foot .search-sample-link{font-size:13px!important;min-height:40px!important;padding:8px 12px!important}
 .loss-query{width:100%;left:0;top:0;min-height:68px;padding:10px 14px;box-sizing:border-box}
 .loss-query small{font-size:11px!important;line-height:1.3;margin-bottom:5px}
 .loss-query strong{font-size:17px;line-height:1.35}
 .loss-rival,.loss-yours{top:calc(var(--story-stage-height,450px)*.24)!important;width:32%!important;height:clamp(192px,calc(var(--story-stage-height,450px)*.56),240px)!important;padding:8px!important;border-radius:14px}
 .loss-scene :is(img,video),.loss-rival :is(img,video){height:clamp(72px,calc(var(--story-stage-height,450px)*.2),100px)!important;object-fit:cover;border-radius:8px}
 .loss-rival-top{margin-top:8px}
 .loss-rival-top .loss-status{font-size:10px!important;line-height:1.3;white-space:normal}
 .loss-scene .loss-rival strong,.loss-yours strong{font-size:clamp(14px,3.8vw,18px)!important;font-weight:800!important;line-height:1.2;letter-spacing:-.03em;margin:8px auto 0;width:100%;overflow-wrap:normal;word-break:normal}
 .loss-scene .loss-yours>span{font-size:12px;line-height:1.35;margin-top:8px}
 .loss-yours .loss-empty{font-size:9px!important;top:calc(var(--story-stage-height,450px)*.2 - 8px);padding:3px 5px;max-width:90%}
 .loss-arrival{font-size:12px!important;line-height:1.3;margin-top:8px;font-weight:650}
 .loss-inlet{top:calc(var(--story-stage-height,450px)*.22)!important;left:-10px;width:18px;height:18px}
 .loss-scene>p{font-size:17px!important;line-height:1.4!important;padding:0;margin:0}
 .loss-scene>p b{display:block;margin-top:2px;color:#af3036}
 .business-page-nav>span{font-size:10px}
 .business-page-nav>strong{font-size:12px}
 .page-proof strong{font-size:23px;line-height:1.15}
 .page-proof small{font-size:11px;line-height:1.25}
 .page-proof p{font-size:14px;line-height:1.45}
 .story-message-notification{border-radius:12px}
 .offer-heading h2{font-size:36px!important}
 .offer-heading>p:last-child,.bonus-copy p{font-size:16px!important;line-height:1.6}
 .offer-close h3{font-size:37px!important;line-height:1.1!important}
 .offer-close .close-explanation{font-size:16px!important}
 .offer-close .close-package{gap:16px!important}
 .close-price strong{font-size:59px!important}
 .close-package>span{font-size:14px!important;line-height:1.45}
 .close-bonus{font-size:14px;line-height:1.4}
 .offer-close .launch-button{font-size:16px!important;line-height:1.4!important;min-height:64px!important}
 .offer-close .next-steps{font-size:14px!important}
 .purpose-row strong{font-size:20px;letter-spacing:-.025em}
}
@media(max-width:360px){
 .site-header nav,.site-header nav .service-switch{gap:8px}
 .site-header nav a,.site-header nav .service-switch button{font-size:11px}
 .demand-pin{padding-inline:12px!important;--headline-space:165px}
 .demand-story .statement-line{font-size:22px}
 .demand-story .statement-focus{font-size:28px}
 .business-page-nav>span{display:none}
 .page-proof{gap:12px}.page-proof strong{font-size:21px}.page-proof p{font-size:13px}
 .loss-scene .loss-rival strong,.loss-yours strong{font-size:13px!important}
 .loss-scene .loss-yours>span{font-size:11px}.loss-arrival{font-size:11px!important}
}
@media(min-width:901px) and (max-height:780px){.demand-pin{--headline-space:145px;padding:18px 24px 12px!important;gap:12px!important}.demand-story .statement-line{font-size:28px}.demand-story .statement-focus{font-size:42px}.demand-story[data-beat="1"] .statement-focus{font-size:72px}.demand-story .demand-heading p{font-size:15px!important}.story-business .business-page-cover{max-height:calc(var(--story-stage-height,450px) - 85px)}.page-proof-stage{top:5px;height:calc(var(--story-stage-height,450px) - 30px)}}
/* At enlarged text, use ordinary scrolling instead of squeezing the story. */
@media(max-height:520px) and (max-width:900px){.demand-story .demand-pin{position:relative!important;height:auto!important;overflow:visible!important;display:block!important;padding:28px 18px!important}.demand-story .demand-track{height:auto!important}.demand-headlines{height:auto!important}.demand-heading{position:relative!important;opacity:1!important;visibility:visible!important;margin:0 0 28px}.demand-heading .statement-line,.demand-heading p{opacity:1!important;transform:none!important}.story-stage{display:none!important}.demand-note{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.demand-pin:after,.story-breath:before{animation:none}}
/* Let the image take the remaining height; text never shares its space. */
@media(max-width:900px){
 .story-stage>.story-business{justify-content:flex-start}
 .story-business .business-page-preview{display:flex;flex-direction:column;flex:1 1 0;min-height:0;padding:12px!important}
 .story-business .business-page-nav,.story-business .page-proof-stage,.story-business .page-ready{flex-shrink:0}
 .story-business .business-page-cover,.demand-story[data-beat="4"] .story-business .business-page-cover{height:auto!important;min-height:42px;flex:1 1 0;max-height:none!important}
 .story-business .business-page-cover img{object-position:center 40%}
 .story-business .story-found{height:56px;min-height:56px;flex:0 0 56px}
 .story-found>span,.story-found>strong{line-height:1.3}
 .demand-story[data-beat="4"] .page-ready{display:none}
 .demand-story[data-beat="5"] .business-page-preview{display:block;flex:0 0 auto}
 .demand-story[data-beat="5"] .story-business .business-page-cover{height:clamp(72px,calc(var(--story-stage-height,450px) - 282px),210px)!important;min-height:0;flex:none}
 .demand-story[data-beat="5"] .story-business{justify-content:center}
}
@media(max-width:900px) and (max-height:660px){
 .story-business .page-proof-stage{height:136px}
 .page-proof>img{height:122px}
 .page-proof strong{font-size:22px}
 .page-proof p{font-size:14px;line-height:1.4;margin-top:7px}
 .story-business .story-enquiry{padding:10px 12px!important;min-height:94px}
 .story-enquiry .chat-bubble-head{margin-bottom:8px}
 .story-enquiry .chat-message strong{font-size:19px!important}
}
@media(max-width:600px){
 .story-stage>.story-search-scene{height:100%!important;display:flex!important;flex-direction:column;min-height:0;box-sizing:border-box}
 .story-search-scene .story-query,.search-connector,.search-result-heading,.search-result-foot{flex:0 0 auto}
 .story-search-scene .story-search-result{display:flex!important;flex-direction:column;flex:1 1 0;min-height:0!important;overflow:visible;box-sizing:border-box}
 .story-search-scene .search-photo,.search-live-sample .search-photo{flex:1 1 0;min-height:0;max-height:none!important;height:auto!important;aspect-ratio:auto!important;width:100%}
 .search-photo video{object-fit:cover}
 .story-business .page-proof-stage{height:160px}
 .page-proof>img{height:140px}
 .page-proof p{font-size:16px;line-height:1.4;margin-top:7px}
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:600px) and (max-height:660px){
 .demand-story[data-beat="4"] .business-page-cover{display:none}
 .demand-story[data-beat="4"] .page-proof-stage{height:auto;flex:1 1 0;min-height:160px}
 .demand-story[data-beat="4"] .page-proof>img{height:calc(100% - 16px);max-height:210px}
}
