:root{--navy:#153c50;--deep:#102e3e;--orange:#ff873d;--paper:#f8f9f7;--ink:#19394a;--muted:#6d7d84;--line:#dde4e4;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Manrope,Anuphan,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #38a4ce;outline-offset:5px}button:disabled{cursor:wait;opacity:.65}::selection{background:#ffd6ba;color:var(--deep)}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(24px,5vw,96px);background:#f8f9f7ed;backdrop-filter:blur(18px);border-bottom:1px solid #153c500e}.brand{display:flex;align-items:center;gap:7px;font-size:26px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}.brand b,.phone-brand span{color:var(--orange)}.brand img{object-fit:contain}.topbar nav{display:flex;gap:30px;font-size:14px;font-weight:500}.topbar nav a{transition:color .2s}.topbar nav a:hover{color:#d65d17}.nav-actions{display:flex;align-items:center;gap:25px}.text-btn{background:none;border:0;color:var(--ink);padding:8px 0;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 24px;border:0;border-radius:14px;background:var(--orange);color:var(--deep);font-weight:700;line-height:1.4;box-shadow:0 8px 24px #ff873d13;transition:transform .25s var(--ease),background .25s,box-shadow .25s}.button span{font-size:23px;font-weight:400}.button:hover{background:#ff9a5c;transform:translateY(-3px);box-shadow:0 12px 26px #ff873d26}.button:active{transform:scale(.97)}.button.small{font-size:13px;padding:11px 17px;border-radius:11px;gap:17px}.button.small span{font-size:19px}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:720px;background:var(--navy);color:#fff;padding:75px clamp(24px,8vw,150px) 65px;gap:32px}.hero:after{content:'';position:absolute;width:650px;height:650px;border:1px solid #e3f2f511;border-radius:50%;right:-80px;top:45px;z-index:-1}.hero-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--px,80%) var(--py,45%),#3f75843d,transparent 48%);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:10px;color:#bfd4de;font-size:10px;font-weight:600;letter-spacing:2.1px}.eyebrow span,.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block}.hero h1{font-size:clamp(45px,4.6vw,72px);font-weight:600;letter-spacing:-2px;line-height:1.26;margin:28px 0 22px}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:18px;font-weight:300;line-height:1.9;color:#cedde3;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-link{display:flex;gap:12px;font-size:13px;color:#d5e0e5;border-bottom:1px solid #ffffff35;padding:10px 0}.hero-note{margin-top:20px;color:#a7c0cc;font-size:11px;display:flex;gap:8px;align-items:center}.mini-check{color:#e1eced;font-size:12px}.hero-signature{font-size:12px;letter-spacing:2px;margin-top:65px;color:#c2d2da}.hero-signature span{color:#fff}.hero-visual{position:relative;display:flex;justify-content:center;align-self:stretch;align-items:center}.orbit-label{position:absolute;top:-3px;right:0;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.2px;color:#bdd3df}.phone-wrap{position:relative;transform:rotate(3deg);transition:transform .7s var(--ease);margin:18px 0 38px}.phone-wrap:hover{transform:rotate(0deg) translateY(-4px)}.phone{width:300px;min-height:530px;background:#f7f9f9;border:7px solid #0a2533;border-radius:43px;box-shadow:16px 35px 65px #061d326b,inset 0 0 0 1px #ffffff4d;padding:40px 16px 12px;color:var(--ink);position:relative}.phone-island{height:18px;width:80px;position:absolute;top:9px;left:50%;transform:translateX(-50%);background:#0a2533;border-radius:20px}.phone-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.phone-brand{display:flex;gap:4px;align-items:center;font-size:19px;letter-spacing:-.8px}.avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e0edf2;font-size:12px}.phone-greeting{font-size:10px;color:#76868c}.phone-title{font-size:23px;font-weight:600;display:flex;justify-content:space-between}.phone-title>span{font-size:20px;color:#8ba5b2}.phone-search{margin:17px 0;background:#eaf0f2;padding:9px 12px;border-radius:12px;color:#71878f;font-size:18px;display:flex;gap:8px;align-items:center}.phone-search>span{font-size:9px}.phone-filter{display:flex;gap:18px;font-size:10px;margin-bottom:19px;align-items:center;color:#79909a}.phone-filter b{background:var(--navy);color:#fff;padding:5px 15px;border-radius:20px;font-weight:400}.product-row{display:flex;gap:10px;align-items:center;background:white;border-radius:17px;padding:13px 10px;margin-bottom:9px;box-shadow:0 5px 20px #153c5004}.product-art{width:61px;height:78px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;position:relative;overflow:hidden}.product-art.oat{background:#eee9dd}.product-art.oat>span{background:#e7a977;color:#253f40;transform:rotate(-7deg);padding:7px 5px;width:38px;font-size:12px;line-height:1.2;box-shadow:3px 4px 0 #cc8a60;letter-spacing:1px}.product-art small{display:block;font-size:4px;margin-top:7px;letter-spacing:.5px}.product-art.oat b{font-size:7px}.product-art.clean{background:#e5ede9}.product-art.clean>span{background:#aec3bc;color:#34564f;width:40px;padding:21px 3px 6px;border-radius:15px 15px 5px 5px;font-size:9px;font-weight:800;text-align:center;box-shadow:2px 4px 0 #96aca4;transform:rotate(4deg)}.product-row h3{font-size:10px;font-weight:500;margin:1px 0 3px}.product-row small{font-size:7px;color:#8a999e}.sample-price{font-size:24px;letter-spacing:-1px;line-height:1.25}.sample-price>span{font-size:13px;color:#809098}.price-drop,.price-label{display:block;font-size:7px;margin-top:3px}.price-drop{color:#388978}.price-label{color:#819198}.phone-add{background:#ff873d;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:10px;padding:10px;margin-top:14px;color:var(--deep);font-weight:600}.phone-add>span{font-size:18px;line-height:1}.phone-nav{display:flex;justify-content:space-between;padding:16px 8px 1px;color:#9babb2;font-size:19px;text-align:center;line-height:1.2}.phone-nav small{display:block;font-size:6px;padding-top:4px}.phone-nav .active{color:var(--navy)}.float-card{position:absolute;bottom:45px;left:-87px;display:flex;align-items:center;gap:12px;padding:18px;background:#fff6ed;border-radius:16px;color:var(--ink);transform:rotate(-3deg);box-shadow:0 18px 35px #00172335;animation:float 7s ease-in-out infinite}.float-symbol{background:#ffdcc5;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:27px;color:#c15a20}.float-card small{display:block;font-size:9px;color:#7d8b8b}.float-card strong{display:block;font-size:12px;font-weight:600}.float-spark{color:var(--orange);font-size:22px;margin-left:6px}.visual-caption{position:absolute;bottom:-33px;left:50%;transform:translateX(-50%) rotate(-3deg);width:240px;text-align:center;color:#9fb8c3;font-size:8px}.feature-ribbon{padding:22px 5%;display:flex;gap:32px;justify-content:center;align-items:center;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1.8px;font-weight:600;color:#67838c;overflow:hidden;white-space:nowrap}.feature-ribbon i{color:var(--orange);font-style:normal;font-size:20px}.section{padding:100px clamp(24px,8vw,150px)}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:45px}.kicker{font-size:10px;letter-spacing:2px;color:#7d9098;font-weight:700;margin:0 0 18px}.section h2{font-size:clamp(32px,3.1vw,46px);letter-spacing:-1px;line-height:1.4;font-weight:500;margin:0}.section-intro>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 6px}.feature-explorer{display:grid;grid-template-columns:1fr 1.1fr;gap:50px}.feature-tabs{display:flex;flex-direction:column;justify-content:center}.feature-tab{border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;color:var(--muted);display:flex;align-items:start;gap:16px;padding:27px 16px;transition:background .25s,border-color .25s;border-radius:12px 12px 0 0}.feature-tab.active{background:#eaf0f0;color:var(--ink);border-color:var(--orange)}.feature-number{font-size:10px;padding-top:9px;font-weight:700;color:#81959e}.active .feature-number{color:#cc672a}.feature-tab h3{font-size:20px;margin:0 0 9px;font-weight:500;letter-spacing:-.4px}.feature-tab p{font-size:12px;line-height:1.9;margin:0;font-weight:400}.tab-arrow{margin-left:auto;font-size:23px;color:#98a8ad}.active .tab-arrow{color:var(--orange)}.demo-stage{min-height:415px;background:#e9eff0;border-radius:26px;padding:26px;overflow:hidden}.demo-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#6c8895;font-size:8px;letter-spacing:1px}.demo-topline>span{display:flex;align-items:center;gap:6px}.demo-topline i{display:block;width:5px;height:5px;background:#ff873d;border-radius:50%}.demo-topline small{font-size:9px;letter-spacing:0}.demo-content{animation:appear .4s var(--ease)}.scan-demo{max-width:300px;margin:0 auto}.scan-image{position:relative;background:#d6dfd8;padding:24px 20px 28px;border-radius:15px}.scan-tag{background:#fffdf3;padding:13px 16px;border:1px solid #c4cbbb;transform:rotate(-3deg);box-shadow:0 10px 20px #153c5012}.scan-tag small{font-size:9px}.scan-tag h4{font-size:13px;font-weight:500;margin:0}.scan-tag strong{display:block;font-size:40px;line-height:1.2;letter-spacing:-2px}.barcode{height:15px;width:65px;background:repeating-linear-gradient(90deg,#193744 0 1px,transparent 1px 3px,#193744 3px 5px,transparent 5px 7px);position:absolute;right:26px;bottom:32px;transform:rotate(-3deg)}.scan-line{height:2px;position:absolute;left:10px;right:10px;top:20%;background:#ff873d;box-shadow:0 0 20px 3px #ff873d45;animation:scan 3.4s ease-in-out infinite}.scan-result{position:relative;margin:-8px 10px 0;padding:16px 18px;background:#fff;border-radius:13px;box-shadow:0 12px 35px #153c5010;display:flex;justify-content:space-between;align-items:center}.scan-result small{font-size:9px;color:#71908b}.scan-result b{display:block;font-size:13px;font-weight:500}.scan-result>strong{font-size:25px;letter-spacing:-1px}.demo-caption{text-align:center;font-size:10px;color:#748c96;margin:17px 0 0}.history-demo{padding:22px;background:#fff;border-radius:16px;max-width:340px;margin:auto}.history-head{display:flex;justify-content:space-between;align-items:center}.history-head h4{font-size:15px;font-weight:500;margin:0}.history-head span{font-size:9px;color:#859a9f}.history-total{display:flex;align-items:baseline;gap:12px;margin:8px 0 12px}.history-total strong{font-size:42px;letter-spacing:-2px}.history-total small{font-size:10px;color:#3d8a77}.chart{display:flex;align-items:end;gap:20px;height:100px;padding:0 10px;margin-bottom:24px;border-bottom:1px solid #dbe5e4}.bar{position:relative;background:#d4e0e4;border-radius:6px 6px 0 0;flex:1;height:var(--h);transform-origin:bottom;animation:grow .5s var(--ease) both}.bar:last-child{background:var(--orange)}.bar span{position:absolute;top:-21px;left:50%;transform:translateX(-50%);font-size:9px;color:#7b939b}.history-foot{font-size:10px;color:#7b939b;display:flex;justify-content:space-between}.unit-demo{background:#fff;border-radius:16px;padding:22px;max-width:340px;margin:auto}.unit-demo h4{font-size:15px;font-weight:500;margin:0 0 15px}.unit-packs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.unit-pack{padding:13px;background:#f2f5f4;border-radius:12px}.unit-pack label{font-size:9px;color:#758b94;display:block}.unit-pack input{width:100%;font-size:24px;padding:1px 0;color:#19394a;background:transparent;border:0;border-bottom:1px solid #cddadc;border-radius:0;appearance:textfield}.unit-pack>span{display:block;font-size:9px;color:#7b919a;margin-top:5px}.unit-pack:first-child{background:#fff0e4}.unit-result{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px;background:#e9f2ee;border-radius:12px;font-size:11px;color:#3f7c69}.unit-result>span{font-size:22px}.how{background:#eef2f1}.how h2{max-width:600px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.steps article{border-top:1px solid #bccccc;padding-top:20px}.steps article>span{font-size:9px;font-weight:600;letter-spacing:1.5px;color:#81969c}.steps h3{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:25px 0 12px}.steps p{font-size:12px;color:var(--muted);line-height:1.9}.trust{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.trust-mark{background:var(--navy);min-height:445px;border-radius:120px 120px 28px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;position:relative;overflow:hidden}.trust-mark:after{content:'';position:absolute;border:1px solid #ffffff15;width:330px;height:330px;border-radius:50%;top:-150px;left:-130px}.trust-mark img{object-fit:contain;filter:drop-shadow(0 16px 20px #001c3060);transform:rotate(-10deg)}.trust-mark>span{font-size:14px;line-height:1.7;letter-spacing:2px;color:#acc9d6;text-align:center}.body-copy{font-size:13px;line-height:1.9;color:var(--muted);margin:20px 0 25px}.trust-list{list-style:none;padding:0;margin:0}.trust-list li{display:flex;gap:12px;margin:18px 0}.trust-list li>span{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:50%;font-size:10px;background:#e6efea;color:#448675;margin-top:2px}.trust-list b{font-size:13px;font-weight:500}.trust-list p{font-size:11px;color:var(--muted);margin:2px 0}.download{background:#ffdfc7;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;position:relative;overflow:hidden}.download .kicker{color:#987758}.download-copy>p:not(.kicker){font-size:13px;color:#816d5e;margin:20px 0 30px}.button.navy{background:var(--navy);color:#fff}.button.navy:hover{background:#24566e}.download-login{border:0;background:none;display:block;padding:12px 0;font-size:11px;color:#6e635b}.android-note{border-left:1px solid #d3b59d;padding:10px 0 10px 50px;align-self:center}.android-symbol{font-size:40px;display:block;margin-bottom:16px;color:#9c653e}.android-note>small{font-size:8px;letter-spacing:1.5px;color:#917b6b}.android-note h3{font-size:25px;letter-spacing:-.7px;margin:10px 0;font-weight:700}.android-note p{font-size:12px;color:#876e5c;line-height:1.9}.coming-soon{display:inline-flex;gap:25px;align-items:center;padding:12px 16px;margin-top:10px;border:1px solid #bd9d844d;border-radius:10px;font-size:14px;color:#5e584f}.coming-soon b{font-size:9px;font-weight:400;background:#fff3e8;border-radius:10px;padding:3px 8px;color:#8b6d56}.faq{max-width:1000px;margin:0 auto;padding-top:80px;padding-bottom:80px}.faq h2{font-size:30px;margin-bottom:25px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;list-style:none;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:23px;color:#8ca1a9}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:1.9;color:var(--muted);margin:16px 35px 5px 0}footer{display:flex;align-items:center;gap:35px;padding:30px clamp(24px,5vw,96px);border-top:1px solid var(--line)}footer .brand{font-size:22px}footer p{font-size:11px;color:#78909c}footer>span{font-size:9px;color:#99a8ae;margin-left:auto}footer>a:last-child{font-size:11px}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(22px)}.motion-ready .reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}dialog{border:0;padding:36px;border-radius:24px;box-shadow:0 30px 90px #051e3c45;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);background:var(--paper);animation:appear .25s var(--ease)}dialog::backdrop{background:#062335a6;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#8a9ca4;font-size:27px;padding:3px 8px}.dialog-logo{display:block;margin-bottom:18px}.dialog-logo+.kicker{font-size:8px;margin-bottom:10px}dialog h2{margin:0;font-size:27px;font-weight:500;letter-spacing:-.8px}#account-description{font-size:12px;color:var(--muted);margin:8px 0 20px}form label{font-size:12px;display:block;margin:13px 0}form input{display:block;width:100%;margin-top:5px;border:1px solid #d4dfe1;padding:12px 14px;border-radius:10px;background:#fff;color:var(--ink);font-size:14px}form input::placeholder{font-size:12px;color:#9aa8ae}form>.button{width:100%;margin-top:8px}.form-message{font-size:12px;line-height:1.8;color:#b74b28;white-space:pre-line}.form-message.success{color:#317d63}.account-switch{border:0;background:none;font-size:12px;display:block;margin:17px auto 0;color:#496d7e}.account-footnote{font-size:9px;text-align:center;color:#95a7ae;margin:20px 0 0}[hidden]{display:none!important}@keyframes float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-8px)}}@keyframes scan{0%,100%{top:20%;opacity:.3}50%{top:75%;opacity:1}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@media(min-width:1600px){.hero,.section{padding-left:max(8vw,calc((100vw - 1260px)/2));padding-right:max(8vw,calc((100vw - 1260px)/2))}}@media(max-width:1050px){.topbar nav{gap:15px;font-size:12px}.nav-actions{gap:15px}.hero{padding-left:5vw;padding-right:5vw;gap:20px}.hero h1{font-size:52px}.hero-signature{margin-top:40px}.section{padding:80px 6vw}.feature-explorer{gap:25px}.feature-tab{padding:22px 10px;gap:10px}.feature-tab h3{font-size:18px}.feature-tab p{font-size:11px}.float-card{left:-32px}.hero-actions{gap:15px}.hero-link{font-size:11px}.trust{gap:40px}.steps{gap:25px}.steps h3{font-size:19px}.download{gap:35px}.android-note{padding-left:30px}}@media(max-width:760px){.topbar{padding:12px 20px;gap:10px}.topbar .brand{font-size:23px}.topbar .brand img{width:36px;height:36px}.topbar nav{display:none}.nav-actions{gap:15px}.nav-actions .small{display:none}.text-btn{font-size:12px}.hero{grid-template-columns:1fr;padding:48px 25px 52px;gap:45px;min-height:0}.hero h1{font-size:clamp(42px,9vw,65px);margin-top:23px;letter-spacing:-1.5px}.eyebrow{font-size:8px;letter-spacing:1.5px}.lead{font-size:15px}.hero-actions{gap:20px}.hero-actions .button{padding:15px 19px;font-size:13px;gap:18px}.hero-link{font-size:11px}.hero-note{font-size:9px;margin-top:16px}.hero-signature{display:none}.hero-visual{min-height:580px;padding-top:15px}.orbit-label{top:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7px}.phone-wrap{transform:rotate(3deg);margin:13px 0 25px}.phone{width:290px}.float-card{left:-24px;bottom:42px;gap:9px;padding:14px}.float-card strong{font-size:10px}.float-card small{font-size:8px}.float-symbol{width:34px;height:34px;font-size:23px}.float-spark{font-size:18px}.feature-ribbon{padding:17px 20px;justify-content:start;gap:23px;font-size:9px;letter-spacing:1px}.feature-ribbon i{font-size:15px}.section{padding:65px 24px}.section h2{font-size:35px;letter-spacing:-.8px}.kicker{font-size:8px;letter-spacing:1.6px}.section-intro{display:block;margin-bottom:26px}.section-intro>p{margin-top:20px;font-size:12px}.feature-explorer{grid-template-columns:1fr;gap:22px}.feature-tabs{gap:5px}.feature-tab{padding:19px 13px;gap:13px}.feature-tab h3{font-size:17px;margin-bottom:5px}.feature-tab p{font-size:11px}.feature-tab p br{display:none}.demo-stage{min-height:390px;padding:23px 18px}.steps{grid-template-columns:1fr;gap:23px;margin-top:32px}.steps article{display:grid;grid-template-columns:95px 1fr;padding-top:18px;column-gap:10px}.steps article>span{font-size:8px;letter-spacing:1px;margin-top:7px}.steps h3{font-size:18px;margin:0}.steps p{grid-column:2;font-size:11px;margin:8px 0 0}.trust{grid-template-columns:1fr;gap:35px}.trust-mark{min-height:300px;border-radius:90px 90px 22px 22px;gap:18px}.trust-mark img{width:125px;height:125px}.trust-mark>span{font-size:11px}.body-copy{font-size:12px}.trust-list li{margin:19px 0}.download{grid-template-columns:1fr;gap:35px}.download-copy>p:not(.kicker){font-size:12px}.download-copy .button{font-size:14px}.android-note{padding:28px 0 0;border-left:0;border-top:1px solid #d3b59d}.android-symbol{display:none}.android-note h3{font-size:23px}.faq h2{font-size:28px}.faq summary{font-size:12px}.faq details p{font-size:11px;margin-right:0}footer{flex-wrap:wrap;gap:10px 20px;padding:26px 24px}footer p{margin-left:auto}footer>span{margin-left:0;font-size:8px}footer>a:last-child{margin-left:auto;font-size:10px}dialog{padding:30px 25px}.motion-ready .reveal:not(.visible){transform:translateY(14px)}}@media(max-width:350px){.hero{padding-inline:20px}.hero h1{font-size:40px}.hero-actions{gap:12px}.hero-actions .button{font-size:12px;padding:14px}.phone{width:265px;padding-inline:12px}.float-card{left:-5px}.float-spark{display:none}.hero-visual{min-height:580px}.section h2{font-size:30px}.feature-tab h3{font-size:15px}.steps article{grid-template-columns:75px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.visible){opacity:1;transform:none}}
/* Captured from the real, shared CapPrice UI; no reconstructed screen markup. */
.phone.screen-phone{padding:0;min-height:0;overflow:hidden;border-radius:35px;background:#10202c}.hero-screen-button{display:block;width:100%;border:0;background:none;padding:0;line-height:0;cursor:zoom-in}.hero-screen-button img{display:block;width:100%;height:auto}.hero-screen-button:focus-visible{outline-offset:-5px}.hero-visual .phone-wrap{margin-top:15px;margin-bottom:38px}.screens{background:#f0f3f2;border-bottom:1px solid var(--line)}.screens .section-intro{margin-bottom:40px}.screens-intro>p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 10px}.screens-intro>span{font-size:11px;color:#b85c27}.screen-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b5c8cf transparent;scroll-padding-inline:0;padding:0 3px 15px}.screen-card{min-width:0;scroll-snap-align:start}.screen-card-top{display:flex;align-items:center;justify-content:space-between;color:#83979e;margin:0 4px 15px}.screen-card-top>span{font-size:11px;letter-spacing:1px}.screen-card-top>small{font-size:8px;letter-spacing:1.1px}.screen-image-button{display:block;position:relative;padding:0;border:5px solid #17394b;border-radius:25px;background:#11202c;overflow:hidden;width:100%;cursor:zoom-in;box-shadow:0 16px 25px #183b4c10;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.screen-image-button:hover{transform:translateY(-5px);box-shadow:0 22px 35px #183b4c24}.screen-image-button img{display:block;width:100%;height:auto;aspect-ratio:390/844;object-fit:contain}.screen-zoom{position:absolute;right:10px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#17394b;background:#ffe0c7;font-size:19px;box-shadow:0 3px 12px #001b3220;transition:transform .25s}.screen-image-button:hover .screen-zoom{transform:rotate(8deg)}.screen-card h3{font-size:17px;font-weight:500;margin:21px 0 5px;letter-spacing:-.4px}.screen-card>p{font-size:11px;color:var(--muted);margin:0}.screen-gallery-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.screen-gallery-foot>p{font-size:10px;color:#80949d;margin:0}.screen-gallery-foot>div{display:none;gap:8px}.rail-arrow,.screen-prev,.screen-next{display:grid;place-items:center;border:1px solid #c6d4d7;background:transparent;color:var(--ink);border-radius:50%;width:42px;height:42px;font-size:22px}.rail-arrow:hover{background:#e2e9e8}.screen-dialog{background:#102c3c;color:#fff;padding:20px;border-radius:23px;width:min(490px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}.screen-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px}.screen-dialog-top small{font-size:7px;letter-spacing:1.4px;color:#a7c0cc}.screen-dialog-top h2{font-size:18px;font-weight:500;margin:4px 0 0}.screen-close{border:0;background:#ffffff12;color:#d0dee4;border-radius:50%;width:40px;height:40px;font-size:26px;flex-shrink:0}.screen-dialog>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 200px);margin:0 auto;border-radius:13px;object-fit:contain}.screen-dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.screen-dialog-foot>p{font-size:10px;text-align:center;color:#b6cbd5;margin:0;line-height:1.6}.screen-prev,.screen-next{color:#fff;border-color:#ffffff25;width:40px;height:40px;flex-shrink:0}.screen-prev:hover,.screen-next:hover,.screen-close:hover{background:#ffffff20}
@media(max-width:1050px){.screen-rail{gap:16px}.screen-card h3{font-size:15px}.screen-card>p{font-size:10px}.screen-image-button{border-width:4px;border-radius:20px}.screen-zoom{width:25px;height:25px;font-size:17px}}@media(max-width:760px){.hero-visual{min-height:680px}.hero-visual .phone-wrap{margin-top:15px}.hero-visual .float-card{bottom:55px}.screens-intro{margin-top:20px}.screens-intro>p{font-size:12px}.screens .section-intro{margin-bottom:30px}.screen-rail{display:flex;gap:20px;padding:0 3px 18px;margin-right:-24px;padding-right:24px}.screen-card{flex:0 0 73%;max-width:290px}.screen-card-top{margin-bottom:12px}.screen-image-button{border-width:5px;border-radius:25px}.screen-card h3{font-size:17px}.screen-card>p{font-size:11px}.screen-gallery-foot>div{display:flex}.screen-gallery-foot>p{max-width:190px;font-size:9px}.screen-dialog{padding:16px}.screen-dialog>img{max-height:calc(100dvh - 215px)}.screen-dialog-foot>p{font-size:9px}}@media(max-width:350px){.hero-visual{min-height:630px}.screen-card{flex-basis:82%}}