/* Product-led hero: one short, replayable journey. */
.product-moment{--moment-inset:26px;--moment-card-height:184px;min-width:0;align-self:center;position:relative;padding-top:8px}
.moment-window{position:relative;overflow:hidden;border-radius:26px;background:radial-gradient(ellipse at 10% 0,#254c72 0,transparent 57%),linear-gradient(145deg,#112335,#09131e 80%);border:1px solid #344960;box-shadow:0 32px 70px -30px #173b6470,0 2px 4px #0b21351a;color:#f3f8ff;text-align:left}
.moment-window::before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-180px;bottom:40px;background:#257ae52b;filter:blur(65px);pointer-events:none}
.moment-chrome{height:57px;display:flex;gap:13px;align-items:center;margin:0 var(--moment-inset);border-bottom:1px solid #ffffff16}
.moment-brand{font-size:30px;letter-spacing:-3px;font-weight:650;line-height:1}.moment-brand span{color:#76b7ff}
.moment-chrome>span:nth-child(2){font-size:8px;letter-spacing:2px;color:#a0b7d0}
.moment-window-dots{margin-left:auto;font-size:14px;letter-spacing:3px;color:#69839f}
.moment-heading{padding:28px var(--moment-inset) 0}
.moment-eyebrow{display:block;line-height:1.4;font-size:8px;letter-spacing:1.8px;color:#8fb3d9}
.moment-heading h2{font-size:30px;line-height:1.12;letter-spacing:-1.2px;margin:12px 0 0;font-weight:520;color:#fff}
/* Normal flow reserves breathing room through every animation phase. */
.moment-library{position:relative;margin:34px var(--moment-inset) 28px;height:var(--moment-card-height);perspective:900px}
.moment-card{position:absolute;top:0;width:30.5%;height:var(--moment-card-height);border-radius:12px;overflow:hidden;background:#f8fafc;color:#213040;box-shadow:0 12px 25px #0003;transform-origin:center;transition:transform 1s cubic-bezier(.2,.75,.2,1),opacity .7s,box-shadow .7s,filter .7s;border:1px solid #ffffffc2}
.moment-travel{left:0;z-index:3}.moment-food{left:34.75%;z-index:2}.moment-idea{left:69.5%;z-index:1}
.moment-cover{height:79px;overflow:hidden;position:relative}
.moment-cover>span{position:absolute;left:10px;top:10px;font-size:6px;letter-spacing:1px;z-index:2;opacity:.8}
.city-cover{background:linear-gradient(#9bbaca,#dbdbcc)}
.city-cover i{position:absolute;bottom:0}.city-cover i:nth-child(1){width:44%;height:65%;left:0;background:linear-gradient(100deg,#c47d54,#e8b38b);transform:skewY(17deg)}.city-cover i:nth-child(2){width:38%;height:83%;right:0;background:linear-gradient(80deg,#b88158,#edd0a4);transform:skewY(-20deg)}.city-cover i:nth-child(3){bottom:0;right:10%;width:11%;height:23%;border-radius:50% 50% 0 0;background:#655349}
.food-cover{background:#e0d5b8}.food-cover i:first-child{position:absolute;width:73px;height:73px;border-radius:50%;background:#fff9eb;left:26%;top:15px;box-shadow:0 4px 7px #493a3d26}.food-cover i:last-of-type{position:absolute;width:46px;height:46px;border-radius:50%;background:repeating-linear-gradient(35deg,#d7ae54 0 3px,#f0cf76 3px 6px);left:calc(26% + 13px);top:29px}
.idea-cover{background:linear-gradient(145deg,#7776b6,#212747);color:#d2d3ff}.idea-cover i{position:absolute;border:1px solid #e4e6ff9c;width:80px;height:80px;border-radius:50%;left:30%;top:25px;transform:rotate(30deg) scaleX(.55)}.idea-cover i:nth-child(2){transform:rotate(-40deg) scaleX(.55)}
.moment-card-copy{padding:12px 11px}
.moment-card-copy small{font-size:6px;letter-spacing:1px;color:#68798a;display:block}
.moment-card-copy h3{font-size:14px;line-height:1.15;letter-spacing:-.3px;margin:7px 0;font-weight:600}
.moment-card-copy>span{font-size:8px;line-height:1.3;display:block;color:#6c7887}
.moment-match{position:absolute;right:8px;top:8px;border-radius:50%;background:#2d7fe1;color:white;width:21px;height:21px;font-size:11px;display:grid;place-items:center;opacity:0;transform:scale(.5);transition:opacity .4s,transform .4s}
.moment-recall{position:relative;margin:0 var(--moment-inset)}
.moment-query{border-radius:12px;background:#253a50;border:1px solid #56718d;min-height:49px;padding:14px 16px;display:flex;gap:10px;align-items:center;font-size:13px;letter-spacing:-.15px;color:#e1ecf9;transition:opacity .6s,transform .6s}
.moment-query>span:first-child{color:#9ac9ff;font-size:20px}.moment-enter{margin-left:auto;color:#8ba4bf}
.moment-answer{margin-top:18px;display:flex;align-items:center;gap:12px;background:linear-gradient(115deg,#edf5ff,#fff);border:1px solid #b7d8ff;border-radius:13px;padding:20px 16px;box-shadow:0 6px 24px #0002;transition:opacity .65s .1s,transform .65s .1s}
.moment-answer-tick{display:grid;place-items:center;background:#deecfb;border-radius:50%;width:25px;height:25px;color:#256eb8;font-size:11px;flex-shrink:0}
.moment-answer>div{min-width:0}.moment-answer small{display:block;color:#527294;font-size:6px;letter-spacing:1.3px}.moment-answer strong{display:block;font-size:15px;letter-spacing:-.4px;line-height:1.2;color:#183555;margin:7px 0 5px}.moment-answer div>span{font-size:9px;color:#657d97;display:block}.moment-answer>span:last-child{margin-left:auto;color:#357fca;font-size:15px}
.moment-progress{position:relative;margin:24px var(--moment-inset) 26px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:9px;color:#657e97}
.moment-progress span{display:flex;align-items:center;gap:6px;transition:color .5s}.moment-progress i{height:4px;width:4px;border-radius:50%;background:currentColor}.moment-progress b{font-weight:400;color:#49617b}
.moment-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 3px 0;color:#65758a;font-size:9px;line-height:1.4}
.moment-replay{border:0;background:none;padding:8px 0 8px 8px;min-height:44px;font-size:10px;color:#296da8;cursor:pointer;white-space:nowrap}.moment-replay span{padding-left:7px}.moment-replay:disabled{opacity:.55;cursor:default}.moment-replay:focus-visible,.demo-next:focus-visible{outline:3px solid #2782df;outline-offset:4px;border-radius:8px}
.product-moment[data-phase=scattered] .moment-travel{transform:translate(12px,10px) rotate(-12deg)}
.product-moment[data-phase=scattered] .moment-food{transform:translate(4px,-12px) rotate(8deg)}
.product-moment[data-phase=scattered] .moment-idea{transform:translate(-5px,19px) rotate(-6deg)}
.product-moment[data-phase=scattered] .moment-query{opacity:0;transform:translateY(12px)}
.product-moment:not([data-phase=found]) .moment-answer{opacity:0;transform:translateY(12px)}
.product-moment[data-phase=organized] .moment-query{opacity:.7}
.product-moment[data-phase=found] .moment-food,.product-moment[data-phase=found] .moment-idea{opacity:.48;filter:saturate(.55);transform:scale(.97)}
.product-moment[data-phase=found] .moment-travel{transform:translateY(-5px);box-shadow:0 0 0 2px #77b5ff,0 12px 30px #268cfc2e}
.product-moment[data-phase=found] .moment-match{opacity:1;transform:scale(1)}
.product-moment[data-phase=scattered] [data-moment-step=scattered],.product-moment[data-phase=organized] [data-moment-step=organized],.product-moment[data-phase=found] [data-moment-step=found]{color:#b1d6ff}
/* The capture explanation and product demo are one section, not two versions of the same action. */
.capture-journey{position:relative;background:#fff}
.journey-anchor{position:absolute;top:0;scroll-margin-top:100px}
.capture-journey .section-heading{text-align:center}
.journey-intro{font-size:17px;line-height:1.7;color:#6b7583;max-width:600px;margin:24px auto 0}
.capture-sources{list-style:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 26px;padding:0;margin:35px 0 0;color:#64748a;font-size:12px}
.capture-sources li{display:flex;align-items:center;gap:9px}
.capture-sources li>span{font-size:19px;color:#365879}
.capture-sources .capture-destination{color:#28704f}
.capture-sources .capture-destination>span{color:#77a38d;font-size:15px}
.capture-journey .demo{margin-top:35px;border-radius:25px;background:linear-gradient(140deg,#eef3f9,#fafbfc);box-shadow:0 12px 40px #14355308}
.capture-journey .demo-nav{padding-top:24px}
.capture-journey .demo-panel{min-height:470px;align-items:center}
.capture-journey .demo-device{height:auto;min-height:380px}
.capture-journey .analysis-demo{padding:25px}
.capture-journey .demo-copy h3{font-size:clamp(35px,4.4vw,56px);line-height:1.04;letter-spacing:-2px}
.capture-journey .demo-copy p{max-width:340px;font-size:16px;line-height:1.65}
.capture-journey .chat-body{min-height:290px}
.capture-journey .chat-bubble button{min-height:44px}
.journey-find{padding:25px;background:linear-gradient(#f0f6fd,#fff)}
.journey-search{display:flex;gap:10px;align-items:center;padding:15px 12px;border-radius:10px;background:#e5eef9;color:#34506e;font-size:12px;margin-bottom:27px;border:1px solid #d4e1ef}
.journey-search>span{font-size:18px;color:#2178cf}
.journey-find h4{font-size:28px;line-height:1.1;letter-spacing:-.8px;margin:12px 0 15px}
.journey-find p{font-size:13px;line-height:1.7;color:#66788d;margin:0 0 25px}
.journey-original{display:flex;gap:12px;align-items:center;border-top:1px solid #dae4f0;padding-top:17px;color:#3172ad;font-size:15px}
.journey-original strong{display:block;font-size:11px;font-weight:500}
.journey-original small{display:block;font-size:10px;margin-top:5px;color:#6c7d92;overflow-wrap:anywhere}
.journey-original>span:last-child{margin-left:auto}
.journey-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:25px}
.journey-footer p{font-size:12px;line-height:1.7;color:#5b6c81;max-width:620px}
.journey-footer p>span{display:block;font-size:10px;color:#788493}
.demo-next{min-height:46px;padding:12px 18px;background:#153b67;color:#fff;border:1px solid #153b67;border-radius:999px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.demo-next:hover{background:#0e518f}
body:not(.motion-ready) .moment-card,body:not(.motion-ready) .moment-query,body:not(.motion-ready) .moment-answer,body:not(.motion-ready) .moment-match{transition:none}
.wireframe .moment-window{background:#eef1f5;color:#243c58;border:1px dashed #8190a3;box-shadow:none}
.wireframe .moment-heading h2{color:#243c58}.wireframe .moment-card{box-shadow:none;filter:grayscale(1)}
@media(min-width:1600px){.hero.section{column-gap:60px}.hero h1{font-size:82px}.product-moment{--moment-card-height:205px}.moment-cover{height:95px}.moment-card-copy h3{font-size:17px}}
@media(min-width:801px) and (max-width:1100px){.product-moment{--moment-inset:20px;--moment-card-height:178px}.moment-heading h2{font-size:28px}.moment-card-copy{padding:10px 7px}.moment-card-copy h3{font-size:12px}.moment-card-copy small{font-size:5px;letter-spacing:.5px}.moment-card-copy>span{font-size:7px}.moment-query{font-size:11px;gap:7px;padding:14px 12px}.moment-answer{padding:18px 12px;gap:8px}.moment-answer strong{font-size:12px}.moment-answer small{font-size:5px}.moment-answer div>span{font-size:8px}.moment-caption{font-size:8px}}
@media(max-width:800px){
.product-moment{--moment-inset:20px;--moment-card-height:191px;width:100%;max-width:570px;margin:12px auto 0}
.moment-window{border-radius:22px}
.moment-heading h2{font-size:30px}
.moment-library{margin-top:30px;margin-bottom:26px}
.moment-card-copy{padding:11px 8px}.moment-card-copy h3{font-size:13px}.moment-card-copy small{font-size:5px;letter-spacing:.4px}.moment-card-copy>span{font-size:7px}
.moment-query{font-size:12px;gap:7px;padding:14px 12px}.moment-answer{gap:8px;padding:18px 12px}.moment-answer strong{font-size:14px}.moment-answer small{font-size:5px;letter-spacing:.8px}.moment-answer div>span{font-size:8px}
.capture-journey .section-heading h2{font-size:clamp(34px,7vw,48px)}
.journey-intro{font-size:15px}.capture-sources{gap:16px 23px;font-size:11px}.capture-destination{flex-basis:100%;justify-content:center}
.capture-journey .demo-panel{min-height:0}.capture-journey .demo-copy h3{font-size:39px;letter-spacing:-1.5px}.capture-journey .demo-copy p{font-size:14px}.capture-journey .demo-device{min-height:0}.capture-journey .demo-nav{padding-top:15px}.capture-journey .demo-nav button{font-size:11px;padding:9px 11px}
.journey-footer{flex-direction:column-reverse;align-items:flex-start;gap:20px}.demo-next{width:100%;font-size:13px}
}
@media(max-width:370px){.product-moment{--moment-inset:16px;--moment-card-height:180px}.moment-window{border-radius:18px}.moment-chrome{height:48px}.moment-heading{padding-top:24px}.moment-heading h2{font-size:26px}.moment-cover{height:64px}.moment-card-copy h3{font-size:11px}.moment-card-copy>span{font-size:6px}.moment-query{font-size:10px}.moment-answer strong{font-size:11px}.moment-answer{padding:18px 9px;gap:7px}.moment-answer-tick{width:20px;height:20px}.moment-caption{font-size:8px}.moment-replay{font-size:9px}.moment-progress{font-size:8px;gap:9px}.capture-journey .demo-nav button{font-size:10px;padding:9px 8px}.journey-find{padding:20px}.journey-find h4{font-size:25px}.journey-search{font-size:10px}.moment-card-copy{padding:10px 7px}}
@media(prefers-reduced-motion:reduce){.moment-card,.moment-query,.moment-answer,.moment-match,.moment-progress span{transition:none!important}}