:root{--paper:#f8faf7;--ink:#163b32;--body:#52665f;--green:#00846a;--mint:#dff5eb;--line:#dbe6df;--white:#fff;--radius:24px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #d99a34;outline-offset:5px;border-radius:6px}.wrap{width:min(1180px,calc(100% - 80px));margin-inline:auto}.icon{width:24px;height:24px;flex:none}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:24px;font-weight:750;letter-spacing:-.7px}.brand b{font-weight:450}.brand-mark{height:40px;width:40px;color:var(--green);flex:none}.site-header{border-bottom:1px solid #e0e8e380;background:#f8faf7ed;backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;gap:26px;height:90px}.main-nav{display:flex;gap:27px;margin-left:auto;font-size:13px;font-weight:600;color:var(--body)}.main-nav a:hover,.text-link:hover{color:var(--green)}.languages{display:flex;border:1px solid var(--line);border-radius:100px;padding:4px;gap:2px}.languages a{font-size:11px;padding:8px;border-radius:100px;min-width:31px;text-align:center}.languages a[aria-current]{background:var(--ink);color:white}.header-cta{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650}.header-cta .icon{width:17px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding-block:76px 70px;min-height:720px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:750;color:var(--green);display:flex;align-items:center;gap:9px;margin:0 0 23px;line-height:1.6}.eyebrow>span{height:6px;width:6px;background:var(--green);border-radius:50%}h1{font-size:clamp(42px,4.6vw,64px);line-height:1.08;letter-spacing:-2.7px;font-weight:650;margin:0 0 28px}h1 em{font-style:normal;color:var(--green)}.intro{font-size:17px;line-height:1.8;color:var(--body);max-width:495px;margin:0 0 31px}.primary-link{display:inline-flex;gap:25px;align-items:center;background:var(--green);color:white;padding:19px 22px;border-radius:14px;font-size:14px;font-weight:650;transition:transform .2s,background .2s}.primary-link:hover{background:#006c57;transform:translateY(-2px)}.primary-link .icon{width:19px}.hero-note{font-size:11px;color:#71837a;margin:18px 0 30px}.trust-tags{padding:0;display:flex;gap:15px;flex-wrap:wrap;list-style:none;font-size:11px;color:var(--body)}.trust-tags li{display:flex;align-items:center;gap:5px}.trust-tags .icon{width:14px;height:14px;color:var(--green)}.hero-art{height:555px;position:relative;isolation:isolate}.orbit{position:absolute;border-radius:50%;z-index:-1}.orbit-a{width:490px;height:490px;background:#e4f1e6;left:-8px;top:28px}.orbit-b{width:440px;height:440px;border:1px solid #a2c2ac80;left:45px;top:4px}.art-label{position:absolute;right:-4px;top:18px;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;color:#698778}.phone{position:absolute;left:85px;top:0;width:285px;background:#f2f8f8;border:6px solid white;outline:1px solid #d2e1d6;border-radius:34px;box-shadow:12px 28px 50px #163b3218;overflow:hidden;transform:rotate(-5deg)}.phone-status{display:flex;justify-content:space-between;padding:14px 17px 0;font-size:9px;color:#304d43}.phone-heading{display:flex;align-items:center;gap:9px;padding:16px 11px}.avatar{width:37px;height:37px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:var(--green);font-weight:600;font-size:20px}.phone-heading small{display:block;font-size:9px;color:var(--green);font-weight:600}.phone-heading strong{display:block;font-size:16px;margin-top:4px}.phone-heading .icon{margin-left:auto;width:20px;color:#719286}.phone-tabs{margin:0 8px;padding:4px;border:1px solid #dae4df;background:white;display:flex;justify-content:space-around;border-radius:18px;font-size:8px;font-weight:650;color:#667c72}.phone-tabs span{padding:11px 7px;white-space:nowrap}.phone-tabs .active{background:var(--mint);border-radius:13px;color:var(--green)}.phone-search{background:white;display:flex;align-items:center;gap:10px;font-size:18px;border:1px solid #dfe7e2;border-radius:14px;margin:12px 10px;padding:9px;color:#738a7d}.phone-search span{font-size:10px}.phone-search span:last-child{margin-left:auto}.mini-catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px}.mini-dish{padding:7px;border:1px solid #dfe7e2;background:white;border-radius:18px;overflow:hidden}.mini-dish.selected{background:#e0f6ed;border-color:#a1ccb8}.mini-dish img{width:100%;height:86px;object-fit:cover;border-radius:11px}.mini-dish strong{display:block;font-size:11px;margin-block:8px 19px}.mini-dish small{font-size:10px;color:var(--green);font-weight:700}.mini-dish small span{font-size:8px}.mini-quantity{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:13px;color:var(--green)}.mini-quantity span{display:grid;place-items:center;background:white;border-radius:10px;width:30px;height:30px}.mini-quantity span:last-child{background:var(--green);color:white}.mini-quantity span.empty{background:none}.phone-bill{background:white;padding:13px 13px 12px;margin-top:14px}.phone-bill>span{display:block;font-size:10px;border-bottom:1px solid #edf1ed;padding-bottom:11px}.phone-bill>strong{display:block;font-size:19px;margin:13px 0}.phone-bill>strong small{font-size:13px;font-weight:550}.phone-bill>div{background:var(--green);display:flex;align-items:center;justify-content:center;gap:7px;color:white;padding:14px 5px;font-size:11px;font-weight:600;border-radius:14px}.phone-bill .icon{width:16px;height:16px}.phone-bottom{display:flex;justify-content:space-around;border-top:1px solid #e3eae4;background:white;padding:15px 0 17px;color:#799087}.phone-bottom .icon{width:19px;height:19px}.phone-bottom .icon:first-child{color:var(--green)}.floating-order{position:absolute;left:0;top:100px;background:white;display:flex;align-items:center;gap:10px;box-shadow:0 12px 30px #0f483017;border:1px solid #dfe9df;padding:15px 18px;border-radius:17px;transform:rotate(2deg);animation:float 7s ease-in-out infinite}.float-check{width:32px;height:32px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center}.float-check .icon{width:18px}.floating-order small{font-size:9px;color:var(--body);display:block;margin-bottom:5px}.floating-order strong{font-size:13px}.floating-order strong span{font-weight:450;color:#7b8a80;font-size:10px}.floating-receipt{width:212px;position:absolute;right:-8px;bottom:34px;padding:19px 17px;background:#fffef7;box-shadow:0 16px 45px #2338251c;transform:rotate(7deg);border:1px solid #eee9d7;clip-path:polygon(0 0,100% 0,100% 96%,96% 100%,92% 96%,88% 100%,84% 96%,80% 100%,76% 96%,72% 100%,68% 96%,64% 100%,60% 96%,56% 100%,52% 96%,48% 100%,44% 96%,40% 100%,36% 96%,32% 100%,28% 96%,24% 100%,20% 96%,16% 100%,12% 96%,8% 100%,4% 96%,0 100%)}.floating-receipt>.icon{color:var(--green);width:21px}.floating-receipt>strong{font-size:13px;line-height:1.5;display:block;margin:8px 0 12px;max-width:165px}.floating-receipt>span:not(.receipt-dots){font-size:10px;display:flex;justify-content:space-between;margin:9px 0;color:#727965}.floating-receipt span b{color:#364c3c;font-weight:600}.receipt-line{border-top:1px dashed #c9cebe;margin:12px 0}.demo-caption{position:absolute;bottom:-35px;left:50px;font-size:9px;color:#87938b}.definition{background:white;border-block:1px solid var(--line)}.definition-inner{display:grid;grid-template-columns:1fr 2.4fr;gap:50px;align-items:center;padding-block:33px}.definition h2{font-size:18px;letter-spacing:-.4px}.definition p{font-size:14px;line-height:1.8;color:var(--body);margin:0}.section{padding-block:95px}h2{font-size:clamp(30px,3.2vw,43px);font-weight:600;line-height:1.15;letter-spacing:-1.4px;margin:0 0 22px}h3{font-size:19px;font-weight:650;letter-spacing:-.4px}.section-heading{display:flex;gap:65px;align-items:start}.section-heading h2{max-width:550px;flex:1}.section-heading>p{flex:1;max-width:400px;color:var(--body);font-size:15px;line-height:1.8;margin:0}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.role-card{border-top:1px solid #bacfc1;padding:25px 0 0;position:relative}.role-number{position:absolute;right:0;top:24px;font-family:Georgia,serif;font-size:22px;color:#a8bcae}.role-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#e6eee3;color:var(--green)}.role-card:nth-child(2) .role-symbol{background:#f3ead7;color:#997431}.role-card:nth-child(3) .role-symbol{background:#e3eaf3;color:#58759b}.role-card h3{margin:20px 0 10px;font-size:25px}.role-card strong{font-size:13px;font-weight:600}.role-card p{color:var(--body);font-size:13px;line-height:1.85;max-width:325px;margin:10px 0 0}.offline-section{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;background:#e8f3e9;border:1px solid #d4e6d7;border-radius:30px;padding:50px 60px;align-items:center;overflow:hidden}.offline-copy h2{font-size:36px}.offline-copy>p:not(.eyebrow){font-size:14px;color:var(--body);line-height:1.85}.offline-copy>small{display:block;font-size:11px;line-height:1.8;color:#667f6e;border-top:1px solid #cbded0;margin-top:20px;padding-top:18px}.offline-visual{height:330px;position:relative;max-width:400px}.network-node{position:absolute;background:white;border:1px solid #d4e3d6;box-shadow:0 8px 25px #385d4610;border-radius:18px;display:grid;place-items:center;z-index:1}.network-node.center{left:50%;top:50%;transform:translate(-50%,-50%);width:123px;height:134px;padding:17px;gap:8px}.network-node.center b{font-size:13px}.network-node.center span{font-size:7px;letter-spacing:1.5px;color:#86988b}.network-node:not(.center){width:58px;height:68px}.network-node>.icon{color:var(--green);width:25px}.network-node i{position:absolute;width:8px;height:8px;bottom:9px;right:9px;border-radius:50%;background:#62b78b;border:2px solid white}.node-a{left:8%;top:14%;transform:rotate(-10deg)}.node-b{right:5%;top:20%;transform:rotate(8deg)}.node-c{left:52%;bottom:0;transform:rotate(7deg)}.network-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#92baa0;stroke-width:1.5;stroke-dasharray:5 5}.network-status{position:absolute;left:0;bottom:20px;font-size:9px;letter-spacing:1.2px;color:#6f8975;display:flex;align-items:center;gap:6px}.network-status span{width:6px;height:6px;border-radius:50%;background:var(--green)}.features-section>h2{max-width:600px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:52px;row-gap:40px;margin-top:55px}.feature{border-top:1px solid var(--line);padding-top:24px}.feature-icon{height:40px;width:40px;border-radius:12px;display:grid;place-items:center}.feature-icon .icon{width:22px;height:22px}.tone-0{background:#e2eee4;color:#4f8562}.tone-1{background:#f0e9d9;color:#a18042}.tone-2{background:#e3eaf1;color:#637f9c}.tone-3{background:#ece4ee;color:#94719e}.feature h3{margin:17px 0 12px}.feature p{font-size:13px;line-height:1.85;color:var(--body);margin:0}.owner-section{background:#173f33;color:#f4faf6;padding-block:75px;overflow:hidden}.owner-inner{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.owner-inner .eyebrow{color:#93bc9e}.owner-inner h2{max-width:450px}.owner-inner p:not(.eyebrow){color:#b5c8bd;line-height:1.8;font-size:14px;max-width:430px}.text-link{display:inline-flex;gap:15px;align-items:center;font-size:13px;font-weight:600;margin-top:12px}.text-link .icon{width:18px}.audit-example{background:#224e3f;border:1px solid #3b6350;border-radius:20px;padding:25px 28px;transform:rotate(-2deg)}.audit-head{display:flex;gap:8px;align-items:center;font-size:18px;font-weight:600;padding-bottom:20px;border-bottom:1px solid #476958}.audit-head>span:last-child{font-size:8px;color:#a8c0af;margin-left:auto;text-align:right;max-width:130px;font-weight:400;line-height:1.5}.audit-dot{height:7px;width:7px;background:#a6cbaa;border-radius:50%}.audit-row{display:grid;grid-template-columns:42px 22px 1fr auto;align-items:center;gap:12px;margin-top:28px}.audit-row>span{font-size:10px;color:#8cae98}.audit-row .icon{width:20px;color:#a7ceae}.audit-row b{font-size:13px;font-weight:500}.audit-row small{font-size:9px;color:#c5dccb}.faq-section{display:grid;grid-template-columns:1fr 1.6fr;gap:90px}.faq-section h2{max-width:320px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:14px;font-weight:600;line-height:1.6}summary::-webkit-details-marker{display:none}summary>span{font-size:21px;color:var(--green);font-weight:400;line-height:1.1}details[open] summary>span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.85;color:var(--body);margin:0 35px 22px 0}.download-section{padding-bottom:70px}.download-card{background:#e6f0e3;border:1px solid #d5e2ce;border-radius:28px;padding:45px 50px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.download-card .brand-mark{width:34px;height:34px;margin-bottom:20px}.download-card h2{font-size:34px;max-width:450px;margin-bottom:14px}.download-card p{font-size:13px;color:var(--body);line-height:1.8;margin:0}.download-action{max-width:390px;margin-left:auto}.play-link{display:flex;align-items:center;gap:13px;background:#173f33;color:white;padding:19px 22px;border-radius:14px;font-size:13px;line-height:1.5;font-weight:600;transition:background .2s}.play-link:hover{background:#00644e}.play-link>.icon:last-child{width:18px;margin-left:auto}.download-action>p{margin:13px 5px 0;font-size:10px;line-height:1.8}.footer{border-top:1px solid var(--line);padding-block:28px 35px;display:flex;align-items:center;gap:28px}.footer .brand{font-size:19px}.footer .brand-mark{width:30px;height:30px}.footer p{font-size:11px;color:#7a8b7e}.footer>a:last-child{margin-left:auto;font-size:11px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;padding:15px;border:2px solid var(--green)}.skip:focus{top:10px}@keyframes float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(min-width:1400px){.hero{padding-block:90px 100px}.hero-art{transform:scale(1.04)}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{gap:17px}.main-nav{gap:17px}.header-cta{display:none}.languages{margin-left:10px}.hero{gap:15px;grid-template-columns:1.1fr 1fr;padding-top:60px}.hero-art{transform:scale(.9);transform-origin:center center;margin-left:-20px}.hero h1{font-size:49px}.hero-copy{position:relative;z-index:2}.intro{font-size:15px;max-width:430px}.hero-note{max-width:340px;line-height:1.8}.trust-tags{gap:9px}.offline-section{padding:35px;gap:25px}.owner-inner{gap:35px}.features-grid{gap:30px}.faq-section{gap:45px}.download-card{padding:35px}.floating-receipt{right:-20px}}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.header-inner{height:74px;gap:10px}.brand{font-size:22px}.brand-mark{width:34px;height:34px}.main-nav{display:none}.languages{margin-left:auto}.hero{grid-template-columns:1fr;padding-block:48px 50px;gap:34px;min-height:0}.hero h1{font-size:clamp(40px,7vw,58px);letter-spacing:-1.8px;max-width:600px}.hero .intro{max-width:560px;font-size:16px}.hero-note{max-width:none;margin-bottom:23px}.hero-art{width:480px;max-width:100%;margin:0 auto;transform:none;height:570px}.phone{left:calc(50% - 138px)}.orbit-a{width:100%;height:auto;aspect-ratio:1;left:0;top:30px}.orbit-b{width:92%;height:auto;aspect-ratio:1;left:8%;top:5px}.floating-order{left:0;top:135px}.floating-receipt{right:0;bottom:27px}.demo-caption{left:0;bottom:-6px;width:100%;text-align:center}.art-label{right:0}.definition-inner{grid-template-columns:1fr;gap:4px;padding-block:28px}.definition h2{margin-bottom:10px}.section{padding-block:65px}.section-heading{display:block}.section-heading>p{max-width:600px}.roles{gap:25px}.role-card h3{font-size:21px}.role-card strong{font-size:12px}.role-card p{font-size:12px}.role-number{font-size:18px}.offline-section{grid-template-columns:1fr;padding:30px;gap:20px}.offline-visual{width:100%;margin:auto;max-width:390px;order:2;height:270px}.offline-copy h2{font-size:32px}.features-grid{grid-template-columns:repeat(2,1fr);gap:28px}.owner-inner{grid-template-columns:1fr;gap:30px}.owner-inner h2{max-width:540px}.owner-inner p:not(.eyebrow){max-width:600px}.audit-example{width:min(480px,100%);margin:10px auto 0}.owner-section{padding-block:50px}.faq-section{grid-template-columns:1fr;gap:10px}.faq-section h2{max-width:500px}.download-card{grid-template-columns:1fr;padding:28px;gap:25px}.download-card h2{font-size:31px}.download-action{margin-left:0;max-width:420px}.footer{flex-wrap:wrap;gap:15px}.footer p{order:3;width:100%;margin:0}.download-section{padding-bottom:40px}}
@media(max-width:430px){.hero-art{height:545px}.phone{width:266px;left:calc(50% - 133px)}.phone-tabs span{padding-inline:5px}.floating-order{padding:11px;top:103px;left:-3px}.floating-order strong{font-size:11px}.floating-receipt{width:180px;padding:15px;bottom:32px;right:-2px}.floating-receipt>strong{font-size:12px}.mini-dish img{height:80px}.phone-bill{margin-top:8px}.demo-caption{font-size:8px}.roles{grid-template-columns:1fr;gap:23px;margin-top:25px}.role-card{display:grid;grid-template-columns:48px 1fr;column-gap:17px;padding-top:20px}.role-card .role-symbol{grid-row:1/4;width:45px;height:48px}.role-card h3{margin:0 0 7px}.role-card strong,.role-card p{grid-column:2}.role-card p{max-width:none;font-size:13px}.role-card .role-number{top:18px}.features-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.feature{display:grid;grid-template-columns:40px 1fr;gap:0 15px}.feature-icon{grid-row:1/3}.feature h3{margin:0 0 9px;font-size:18px}.feature p{grid-column:2}.trust-tags{font-size:10px}.primary-link{font-size:13px;padding:17px 19px}.eyebrow{font-size:9px;letter-spacing:1.3px}.intro{font-size:15px!important}.audit-example{padding:22px 16px}.audit-row{gap:8px;grid-template-columns:36px 20px 1fr auto}.audit-row b{font-size:12px}.audit-row small{font-size:8px}.offline-section{padding:25px}.section{padding-block:52px}h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Explicit grid minimums keep the illustrative phone from widening small screens. */
.hero>*{min-width:0}.hero-art{height:595px}.demo-caption{bottom:-16px}
@media(max-width:780px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:min(480px,100%);height:595px}.demo-caption{bottom:-7px}}
@media(max-width:430px){.hero-art{height:570px}.floating-receipt{right:8px;bottom:25px}.demo-caption{bottom:-6px}}
