/* Lavro's product, expressed through the editorial rhythm of the supplied reference. */
:root{--navy:#102e60;--blue:#2563c9;--ink:#162234}body{background:white}main{padding:10px;overflow-x:clip}header{background:#fffefc;position:relative;height:76px;padding:0 4%;border:0}header .button{background:#102e60}header nav{color:#687790}.shift-hero{padding:36px 4% 0;background:#102e60;color:white;border-radius:30px;isolation:isolate;position:relative;overflow:hidden}.hero-product-plate{position:absolute;inset:15% -15% -20% 19%;z-index:-2;transform:rotate(-9deg);pointer-events:none;opacity:.13;will-change:translate}.hero-product-plate img{width:100%;height:100%;object-fit:cover;object-position:top left}.shift-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#102e60 3%,#102e60ed 35%,#102e6050 100%);pointer-events:none}.shift-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;gap:0 10%;align-items:start;min-height:0;padding:0 0 48px}.shift-copy{display:contents}.shift-eyebrow{grid-column:1/-1;color:#c3d3ea;font-size:10px;letter-spacing:2px;margin-bottom:26px}.shift-eyebrow>span{background:#ffffff12;color:#d6e4fa;font-size:11px;border:1px solid #ffffff15}.shift-copy h1{grid-column:1/-1;grid-row:2;font-size:clamp(74px,10.8vw,158px);font-weight:500;letter-spacing:-.065em;line-height:.95;margin:0 0 48px;color:#fff}.shift-copy h1>span{display:block;color:white}.hero-mask{overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.hero-mask>span{display:block;animation:mask-rise 1.15s cubic-bezier(.16,1,.3,1) both}.hero-mask:nth-child(2)>span{animation-delay:.15s;color:#82b3ff}.shift-copy p{grid-column:1;grid-row:3;align-self:end;padding-top:24px;font-size:18px;line-height:1.8;color:#b5c9e6;max-width:420px}.shift-copy p strong{color:#e5edfc;font-size:23px;font-weight:450;line-height:1.4;margin-top:25px}.shift-start{grid-column:1;grid-row:4;color:#fff;border-bottom-color:#ffffff36;justify-self:start;align-self:end;margin-top:20px;font-size:14px}.shift-start>span{color:#aacfff}.shift-price{grid-column:1;grid-row:5;color:#849fc5;margin-top:15px;align-self:start}.shift-console{grid-column:2;grid-row:3/6;background:#143569d9;backdrop-filter:blur(15px);border:1px solid #8aaadb55;border-radius:19px;box-shadow:0 22px 50px #00132f30;transform:rotate(2deg);max-width:505px;justify-self:end;width:100%;animation:console-enter 1.1s .25s both}.shift-console:hover,.shift-console:focus-within{transform:rotate(2deg)}.console-top{padding:16px 20px;border-bottom-color:#ffffff15}.console-top>span{color:#dbe7fc}.console-top small{color:#90acd3}.scenario-tabs{padding:0 20px;gap:15px;border-bottom-color:#ffffff15}.scenario-tabs button{padding:12px 0;font-size:11px;color:#89a6d0}.scenario-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#92bcff}.scene-message{padding:17px 20px;min-height:85px}.scene-message p{font-size:16px;min-height:24px;color:#edf4ff}.scene-message span{color:#96b1d8}.scene-avatar{background:#ffffff12;color:#b7d2f7}.scene-workspace{min-height:270px;padding:17px;margin:0 17px}.scene-workspace-heading{font-size:8px;margin-bottom:6px}#scene-fields>div{padding:10px 0;font-size:11px}.scene-result{padding:12px;min-height:80px}.scene-result>strong{font-size:13px}.scene-result>p{font-size:10px}.scene-action{margin-top:15px;padding:12px;font-size:11px}.scene-payoff{padding:13px 20px}.scene-payoff p{font-size:10px;min-height:32px;color:#adc2e1}.console-bottom{padding:10px 20px;color:#809cc6;font-size:8px}.shift-bottom{border-top-color:#ffffff26;color:#9bb4d6;padding:22px 0}.shift-bottom strong{color:#d1dff2}.shift-bottom>a span{color:#bad8ff}.editorial-bridge{position:relative;isolation:isolate;max-width:1350px;padding:130px 5% 100px;overflow:hidden}.ghost-word{position:absolute;right:-15px;bottom:100px;font-size:clamp(100px,21vw,300px);color:#edf0f5;font-weight:500;line-height:.85;letter-spacing:-.065em;z-index:-1;pointer-events:none;will-change:transform}.editorial-bridge h2{font-size:clamp(46px,6.5vw,90px);line-height:1.03;font-weight:500;max-width:900px}.editorial-bridge h2>span{color:#b0bbc9}.editorial-bridge p{font-size:17px;color:#728198;max-width:460px;background:#ffffffc9;padding:20px 0;margin-top:40px}.section{max-width:1280px;padding-left:5%;padding-right:5%}.section-label{font-size:11px;letter-spacing:2.5px;font-weight:500}.order-experience{padding-top:20px}.order-intro h2{font-size:clamp(44px,6vw,84px);letter-spacing:-.055em;font-weight:500;line-height:1}.order-intro>p{font-size:16px;margin-top:22px}.service-panel{grid-template-columns:1fr 1fr;gap:10%;padding:75px 0}.service-copy .section-label{font-size:10px}.service-copy h3{font-size:clamp(33px,3.9vw,54px);line-height:1.1;font-weight:500;letter-spacing:-.05em}.service-copy>p{font-size:16px;line-height:1.85;color:#7e8ba0}.service-demo{border-radius:20px;background:#f3f6fa;border:0;box-shadow:none;transform:rotate(-3deg);max-width:440px;width:100%;justify-self:center;transition:transform .7s}.service-panel:nth-of-type(odd) .service-demo{transform:rotate(3deg)}.service-demo dl>div{border-color:#dfe6ef}.receipt-demo{background:#eef4ff}.delivery-demo{background:#f1f4f8}.journey{border-radius:30px;background:#102e60;color:white;padding:85px 5%;margin-top:10px}.journey-intro .section-label{color:#96b0d7}.journey-intro h2{font-size:clamp(40px,5.6vw,75px);font-weight:500;line-height:1.05;letter-spacing:-.045em}.journey-intro h2 span{color:#85b5ff}.journey-intro p{color:#a9bfdf}.journey-console{background:#17396b;border:1px solid #ffffff19;color:#fff;padding:30px;max-width:1100px}.journey-heading div>span{color:#8ea8cc}.journey-heading>small{color:#8ea8cc}.journey-heading>button{background:#ffffff0c;border-color:#ffffff20;color:#bdcfee}.journey-rail:before{background:#365485}.journey-rail b{border:1px solid #6486b1;background:#22467b;color:#a3bde1}.journey-rail button{color:#8fa9cf}.journey-rail button.active{color:#fff}.journey-rail button.active b{box-shadow:0 0 0 7px #ffffff08;background:#5590ed}.journey-detail{background:#0c2854;border-radius:12px}.journey-detail h3{color:#e4edfc}.journey-detail>p{color:#96b1d8}.journey-detail>span{color:#83b5ff}.flow-summary li{border-color:#ffffff22;color:#93acd2}.flow-summary strong{color:#d7e5fa}.dashboard-reveal{background:#fff;padding-top:120px}.dashboard-reveal h2{font-weight:500;font-size:clamp(40px,5.4vw,76px);line-height:1.06}.customer-story{padding-top:100px;padding-bottom:110px}.customer-copy h2{font-size:clamp(40px,4.7vw,65px);font-weight:500;line-height:1.05}.customer-preview{border:0;background:#f3f6fa;box-shadow:none;transform:rotate(4deg)}.customer-preview:hover{transform:rotate(4deg)}.incident-proof{border-radius:30px;background:#102e60;overflow:hidden;margin-top:10px}.incident-heading h2{font-size:clamp(44px,5.5vw,78px);font-weight:500;line-height:1.05}.incident-heading h2 span{color:#86b5fa}.incident-proof-image{border-radius:20px;border:5px solid #ffffff15;transform:perspective(1800px) rotateX(3deg)}.control h2{font-weight:500;font-size:clamp(38px,4.4vw,62px)}.control-grid article{border-radius:24px}.pricing-section{border-radius:30px;background:#f3f5f8}.pricing-heading h2{font-weight:500;font-size:clamp(36px,4.3vw,60px)}.price-card{box-shadow:none}.faq h2{font-weight:500}.closing{border-radius:30px;background:#102e60;color:white;padding:100px 24px;margin:10px 0 0}.closing h2{font-weight:500;font-size:clamp(43px,6.6vw,92px);line-height:1.03}.closing h2>span{color:#8dbaff}.closing p{color:#a9c0e1}.closing .button{background:#fff;color:#14386d;padding:17px 26px}.closing small{color:#789bc8}footer{max-width:none;margin:0;padding:34px 4%;border:0}.mask-text{overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}.mask-text>span{display:block;transform:translateY(110%);transition:transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--line-delay,0ms)}.mask-visible .mask-text>span{transform:translateY(0)}@keyframes mask-rise{from{transform:translateY(115%);opacity:0}to{transform:translateY(0);opacity:1}}@media(hover:hover) and (min-width:769px){.service-demo:hover{transform:rotate(0) translateY(-5px)!important}.button:hover{transform:translateY(-3px)}}
@media(max-width:1000px){.shift-layout{gap:0 6%}.shift-copy h1{font-size:11.2vw}.shift-copy p{font-size:15px}.shift-copy p strong{font-size:20px}.scenario-tabs button{font-size:9px}.console-top{padding:15px}.console-top small{font-size:7px}.scene-workspace{margin:0 12px}.scene-message{padding:17px 14px}.scene-message p{font-size:14px}.scene-payoff{padding:12px 14px}.service-panel{gap:6%}.service-copy h3{font-size:35px}.service-copy>p{font-size:15px}.section{padding-left:5%;padding-right:5%}}
@media(max-width:700px){main{padding:7px}header{height:68px;padding:0 23px}.shift-hero{padding:29px 21px 0;border-radius:23px}.shift-layout{display:flex;flex-direction:column;padding-bottom:28px;gap:0}.shift-copy{display:contents}.shift-eyebrow{font-size:7px;letter-spacing:1.1px;gap:8px;margin-bottom:25px}.shift-eyebrow>span{font-size:9px;padding:6px}.shift-copy h1{font-size:13vw;letter-spacing:-.055em;line-height:1.02;margin:0 0 26px;width:100%}.shift-copy p{font-size:14px;padding:0;margin:0;line-height:1.75}.shift-copy p strong{font-size:18px;margin-top:14px}.shift-start{font-size:12px;margin-top:9px;padding:10px 0}.shift-price{font-size:10px;margin-top:11px}.shift-console{margin:30px 0 0;transform:none!important;border-radius:15px;max-width:none}.console-top>span{font-size:10px}.console-top small{font-size:7px}.scenario-tabs{gap:10px;padding:0 13px}.scenario-tabs button{font-size:9px}.scene-message{padding:15px;min-height:81px}.scene-message p{font-size:14px}.scene-workspace{min-height:265px;padding:14px}.scene-payoff p{font-size:10px}.shift-bottom{padding:19px 0;gap:15px}.shift-bottom>span{font-size:7px}.shift-bottom>a{font-size:9px;max-width:130px}.editorial-bridge{padding:75px 23px 55px}.editorial-bridge h2{font-size:45px;line-height:1.05;margin:26px 0}.editorial-bridge p{font-size:15px;margin:20px 0 0;line-height:1.8}.ghost-word{bottom:78px;font-size:32vw;right:0}.order-intro h2{font-size:42px}.order-intro>p{font-size:15px}.service-panel{padding:45px 0;gap:30px;grid-template-columns:1fr}.service-copy h3{font-size:34px}.service-demo{width:94%;transform:rotate(-2deg)}.service-panel:nth-of-type(odd) .service-demo{transform:rotate(2deg)}.journey{padding:65px 20px;border-radius:23px}.journey-intro h2{font-size:38px}.journey-console{padding:18px 12px;margin-top:28px}.journey-detail{padding:25px 15px}.flow-summary{gap:16px}.flow-summary li{font-size:12px}.flow-summary strong{font-size:13px}.dashboard-reveal{padding-top:75px}.dashboard-reveal h2{font-size:38px}.customer-story{padding-top:70px;padding-bottom:75px}.customer-copy h2{font-size:40px}.customer-preview{transform:rotate(2deg);width:97%;margin:auto}.incident-proof{border-radius:23px}.incident-heading h2{font-size:44px}.incident-proof-image{border-radius:12px;border-width:3px}.control h2{font-size:37px}.pricing-section{border-radius:23px}.pricing-heading h2{font-size:36px}.closing{padding:75px 22px;border-radius:23px}.closing h2{font-size:43px}.closing p{font-size:14px}footer{padding:30px 23px}}
@media(prefers-reduced-motion:reduce){.hero-mask>span{animation:none}.mask-text>span{transform:none!important;transition:none!important}.hero-product-plate{translate:none!important}.service-demo,.customer-preview{transform:none!important}}
