@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f7ef;--ink:#263c33;--green:#234c3d;--muted:#778078;--line:#dedfd4;--lime:#dce6ad;--serif:Georgia,'Noto Serif SC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8aaf64;outline-offset:5px}button{color:inherit}::selection{background:var(--lime)}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;left:20px;top:-60px;z-index:100;background:var(--green);color:white;padding:12px}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px;width:min(1340px,calc(100% - 80px));margin:auto;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:700;letter-spacing:-1.5px;display:flex;gap:7px;align-items:center;white-space:nowrap}.slash{font-weight:400;color:#8d9b85}.brand-mark{width:29px;height:29px;border:1px solid var(--green);border-radius:50%;font-size:24px;display:grid;place-items:center;margin-right:5px}.brand-period{color:#a8ba73;margin-left:-6px}.header nav{display:flex;gap:28px;font-size:13px}.header nav a:hover,.text-link:hover{color:#61814a}.header-actions{display:flex;align-items:center;gap:23px}.language{border:0;background:transparent;font-size:12px;letter-spacing:1px;padding:10px 0}.language span{font-size:14px;margin-left:4px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 24px;min-height:56px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:5px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#35674e;transform:translateY(-2px)}.button.small{min-height:41px;padding:11px 17px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;min-height:760px;align-items:center;padding-block:65px 80px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#617553;text-transform:uppercase}.status-dot{display:inline-block;flex:none;width:6px;height:6px;background:#648a51;border-radius:50%;box-shadow:0 0 0 4px #648a5110}.hero h1{font-size:clamp(44px,4.65vw,69px);line-height:1.23;letter-spacing:-3px;font-weight:600;margin:30px 0 24px;position:relative}.hero h1 .serif{color:#648250}.spark{display:inline-block;color:#8eab6f;font-size:48px;font-style:normal;vertical-align:middle;margin-left:22px;font-weight:400}.lead{font-size:14px;color:#788073;line-height:1.95;max-width:395px}.hero-buttons{display:flex;align-items:center;gap:26px;margin-top:30px}.text-link{font-size:12px;display:inline-flex;gap:20px;align-items:center;padding:12px 0}.hero-meta{display:flex;gap:19px;flex-wrap:wrap;margin-top:33px;color:#7d8579;font-size:10px}.hero-meta b{color:#62835a;margin-right:3px;font-weight:400}.hero-art{height:590px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 52% 55%,#e6ead8 0,transparent 65%)}.orbit{position:absolute;border:1px solid #dfe3d2;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.orbit-one{height:470px;width:535px}.orbit-two{height:380px;width:620px}.art-note{position:absolute;top:5px;left:80px;font-size:9px;color:#7c8773;display:flex;gap:9px;align-items:center}.phone{position:relative;width:257px;min-height:513px;border:6px solid #26392f;border-radius:38px;background:#fcfcf7;box-shadow:14px 22px 45px #29443225;transform:rotate(6deg);z-index:2;overflow:hidden;margin-left:66px}.phone-top{display:flex;justify-content:space-between;padding:13px 21px 5px;font-size:9px}.island{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:75px;height:18px;border-radius:20px;background:#26392f}.phone-content{padding:9px 17px 5px}.phone-shop{text-align:center;padding-bottom:13px}.sun{font-size:30px;color:#d2a957}.phone-shop small{font-size:6px;letter-spacing:1.1px;color:#889076;display:block;margin:4px 0}.phone-shop h3{font-size:16px;letter-spacing:-.6px;margin:7px 0}.demo-label{font-size:7px;color:#8d987d}.wifi-demo{display:flex;align-items:center;gap:9px;border:1px solid #d1dbc7;background:#f4f8eb;border-radius:8px;width:100%;padding:9px;text-align:left}.wifi-demo>span{font-size:24px}.wifi-demo div{display:flex;flex-direction:column;gap:2px;flex:1}.wifi-demo strong{font-size:9px}.wifi-demo small{font-size:7px;color:#8b967f}.wifi-demo b{font-size:11px;font-weight:400}.phone-section{border-top:1px solid #e4e7dc;margin-top:15px;padding-top:11px}.phone-section h4{font-size:9px;margin:0 0 9px}.social-row{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.social-row a{border:1px solid #e4e8dc;border-radius:6px;background:white;aspect-ratio:1;display:grid;place-items:center;transition:transform .2s}.social-row a:hover{transform:translateY(-3px)}.social-row img{width:16px;height:16px;object-fit:contain}.phone-review{display:flex;gap:9px;align-items:center;width:100%;border:1px solid #dce3d3;background:white;padding:10px 9px;border-radius:6px;font-size:9px}.phone-review b{margin-left:auto;font-weight:400}.phone-review>span:first-child{color:#8fa468;font-size:16px}.review-snippet{font-size:9px;line-height:1.6;background:#f0f4e8;padding:8px;border-radius:6px;margin-top:7px}.review-snippet p{margin:0 0 5px}.review-snippet small{color:#779555;font-size:7px}.phone-offers>div{display:flex;gap:8px}.phone-offers>div span{border:1px solid #e3e7d9;border-radius:6px;padding:8px;font-size:8px;background:#fff}.phone-footer{font-size:6px;text-align:center;color:#a0a793;margin:22px 0 9px}.floating-note{position:absolute;z-index:3;right:-16px;top:95px;display:flex;align-items:center;gap:12px;border-radius:9px;background:#fffffff0;border:1px solid #e8ebdd;box-shadow:0 10px 25px #263c3308;padding:15px 18px;transform:rotate(-5deg)}.floating-note>span{font-size:25px;color:#8ba15f}.floating-note strong{font-size:10px;display:block}.floating-note small{font-size:8px;color:#909684;display:block;margin-top:5px}.nfc-stand{position:absolute;z-index:4;bottom:25px;left:0;width:176px;min-height:226px;transform:rotate(-12deg);background:var(--green);border-radius:9px 9px 3px 3px;box-shadow:6px 12px 0 #163a2d,10px 25px 30px #27432c20;padding:19px 19px 14px;color:#f0f1d7}.stand-brand{font-size:11px;letter-spacing:-.5px}.nfc-waves{font:39px/1.2 var(--serif);transform:rotate(-20deg);margin:13px 0 10px;color:#dce6ad}.nfc-stand strong{font-size:21px;line-height:1.45;font-weight:500;display:block;max-width:135px}.stand-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:18px;border-top:1px solid #ffffff25;padding-top:9px}.stand-bottom span{font-size:6px}.stand-bottom svg{flex-shrink:0}.art-caption{position:absolute;right:35px;bottom:-10px;font-size:8px;color:#9fa38f}.platform-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;text-align:center}.platform-band .wrap>span{font-size:10px;color:#8d9485;letter-spacing:1px}.platform-names{display:flex;justify-content:space-between;gap:20px;margin:25px 0 17px;font-size:22px;letter-spacing:-1px;font-weight:600;color:#5b6d5c}.platform-band small{font-size:9px;color:#a1a596}.section{padding-block:100px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:48px}h2{font-size:40px;letter-spacing:-1.8px;line-height:1.4;font-weight:500;margin:20px 0 0}.section-intro{font-size:13px;color:#89907f;line-height:1.9;max-width:330px;margin:0 0 6px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.experience-visual{background:#e9eddf;min-height:350px;border-radius:6px;position:relative;overflow:hidden}.scene-label{position:absolute;left:25px;top:24px;font-size:9px;color:#81916d;letter-spacing:.7px}.coffee-illustration{position:absolute;font-size:126px;left:80px;top:110px;filter:drop-shadow(10px 15px 10px #66764620)}.table-line{position:absolute;height:1px;width:80%;background:#c6cdb7;left:10%;top:260px;transform:rotate(-9deg)}.mini-stand{position:absolute;right:63px;bottom:79px;background:#254d3b;color:#e3e9ca;padding:14px 20px 20px;transform:rotate(8deg);font-size:10px;border-radius:4px;box-shadow:5px 5px #173f30}.mini-stand span{font-size:36px;line-height:1.6}.quote-bubble{position:absolute;top:82px;left:42px;font-size:11px;padding:15px;background:#fcfdf6;border-radius:12px 12px 12px 0;color:#6a7b5b;max-width:80%;box-shadow:0 7px 20px #71855710}.experience-visual>small{position:absolute;bottom:21px;left:25px;font-size:9px;color:#839074}.experience-steps{display:flex;flex-direction:column;justify-content:center}.experience-step{border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:flex-start;gap:20px;text-align:left;padding:24px 10px;transition:background .2s}.experience-step.selected{background:#ecf0e2;border-radius:6px}.experience-step>span{font-size:10px;color:#8c9d6f;margin-top:6px}.experience-step h3{font-size:15px;font-weight:500;margin:0 0 9px}.experience-step p{font-size:11px;color:#8c9283;line-height:1.9;margin:0}.experience-step b{font-size:15px;font-weight:400;margin-left:auto;color:#7b9263}.features-section{background:#edefe4;border-block:1px solid #e1e4d8}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.feature{background:#f9faf4;border:1px solid #e2e7d7;border-radius:6px;padding:28px;overflow:hidden}.feature-large{grid-row:span 2}.feature-icon{font-size:25px;color:#78935b;margin-bottom:25px}.feature h3{font-weight:500;font-size:17px;line-height:1.6;margin:0 0 12px;letter-spacing:-.3px}.feature p{font-size:11px;color:#909685;line-height:1.95;margin:0}.draft-example{padding:22px 18px;margin-top:35px;border:1px solid #e1e6d6;border-radius:7px;background:white;transform:rotate(-3deg);box-shadow:4px 9px 20px #687f3c0a}.draft-example>span{font-size:8px;letter-spacing:1px;color:#859a70}.draft-example p{font-size:13px;color:#566c51;margin:19px 0;line-height:1.85}.draft-example>div{color:#77944f;font-size:10px;line-height:1.8}.draft-example .draft-footnote{display:block;font-size:7px;color:#a0a894;margin-top:22px;border-top:1px solid #edf0e6;padding-top:15px;letter-spacing:0}.feature-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:25px}.feature-pills span{border:1px solid #dde4cf;border-radius:30px;padding:7px 9px;font-size:8px;color:#81936c}.wifi-card{border:1px solid #dfe6d1;border-radius:7px;padding:12px;margin-top:23px;display:flex;flex-direction:column;gap:7px;font-size:9px;background:#f0f4e6}.wifi-card strong{color:#8ca571;letter-spacing:2px}.wifi-card span:last-child{font-size:8px;color:#8a997a}.admin-preview{font-size:8px;margin-top:24px;display:grid;grid-template-columns:65px 1fr;gap:12px;color:#8a987a;align-items:center}.admin-line{height:6px;border-radius:5px;background:#d6dfc3}.admin-line.short{width:70%}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.setup-grid article{border-top:1px solid #ccd4bd;padding-top:22px}.setup-number{font-size:12px;color:#9ba885}.setup-grid h3{font-size:18px;font-weight:500;margin:25px 0 14px}.setup-grid p{font-size:12px;color:#8e9585;line-height:1.9}.use-cases{margin-top:70px;border-top:1px solid var(--line);padding-top:30px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8a9480;gap:20px}.use-cases>div{display:flex;flex-wrap:wrap;gap:12px}.use-cases>div span{padding:9px 16px;border:1px solid #dfe4d3;border-radius:30px;font-size:10px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section>div>p{color:#9a9f90;font-size:12px;margin-top:25px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{font-size:14px;list-style:none;cursor:pointer;padding-right:30px;position:relative;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:0;top:0;color:#879d6c;font-size:20px}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:12px;line-height:1.9;color:#8c9584;max-width:95%;margin:16px 0 3px}.final-cta{padding:65px 70px;margin-bottom:65px;background:var(--green);color:#edf0d9;border-radius:7px;position:relative;overflow:hidden}.final-cta .eyebrow{color:#afc292}.final-cta h2{font-size:45px;margin:20px 0 30px;line-height:1.45}.button.light{background:#e5edc8;color:#274e38;border-color:#e5edc8}.button.light:hover{background:#f2f7df}.final-cta p{font-size:10px;color:#a6bb9c;margin:18px 0 0}.cta-symbol{position:absolute;right:75px;top:34px;font-size:290px;color:#54764d;line-height:1.1;transform:rotate(15deg)}footer{padding:0 0 30px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top{padding-bottom:28px;border-bottom:1px solid var(--line)}.footer-top p{font-size:11px;color:#99a18d}.footer-top>a:last-child{font-size:10px;color:#8b987b}.footer-bottom{padding-top:20px;font-size:9px;color:#a1a792}.footer-bottom .language{font-size:9px;padding:0}dialog{border:1px solid #d9e0cc;border-radius:16px;background:var(--paper);color:var(--ink);max-width:420px;width:calc(100% - 32px);padding:35px;box-shadow:0 20px 80px #1c352f35}dialog::backdrop{background:#203c3280;backdrop-filter:blur(4px)}dialog h2{font-size:24px;letter-spacing:-.8px}dialog p{font-size:12px;line-height:1.8;color:#7c8b72}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:25px}.dialog-icon{font-size:35px;color:#7e9e60}.wifi-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px;margin:26px 0}.wifi-details span{color:#8a967c}.wifi-details strong{font-weight:500}dialog .button{width:100%;justify-content:center}#wifi-feedback{min-height:18px;margin-bottom:0}html[lang=en] .hero h1{font-size:clamp(46px,4.5vw,65px);letter-spacing:-3px;line-height:1.1}html[lang=en] .hero-copy .lead{line-height:1.8}html[lang=en] .phone-shop h3{font-size:14px}html[lang=en] .nfc-stand strong{font-size:21px}html[lang=en] h2{line-height:1.15}html[lang=en] .final-cta h2{line-height:1.15}html[lang=en] .eyebrow{letter-spacing:1.2px}
@media(min-width:1500px){.hero{min-height:810px}.hero-art{transform:scale(1.05)}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header{width:calc(100% - 48px)}.header nav{gap:18px;font-size:11px}.hero{gap:10px}.hero-art{transform:scale(.88);transform-origin:center}.floating-note{right:-40px}.hero h1{font-size:52px}.hero-buttons{gap:17px}.hero-meta{gap:10px}.hero-buttons .text-link{font-size:10px;gap:10px}.feature{padding:22px}.feature h3{font-size:15px}.platform-names{font-size:18px}.section-top{gap:30px}.experience-grid{gap:35px}}
@media(max-width:800px){.header nav{display:none}.hero{grid-template-columns:1fr 1fr;min-height:660px;padding-top:30px;padding-bottom:30px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-art{transform:scale(.72);width:420px;margin-left:-54px}.lead{font-size:12px}.hero-buttons{flex-wrap:wrap;gap:8px}.hero-meta{gap:12px;font-size:9px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.platform-names{flex-wrap:wrap;justify-content:center;gap:20px 30px;font-size:17px}.section{padding-block:70px}h2{font-size:32px}.section-intro{max-width:250px;font-size:11px}.experience-grid{grid-template-columns:1fr;gap:20px}.experience-visual{min-height:300px}.coffee-illustration{left:20%;top:75px}.table-line{top:220px}.mini-stand{right:22%;bottom:60px}.experience-steps{gap:0}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.feature-large .feature-icon{grid-column:1}.feature-large h3,.feature-large>p{grid-column:1}.draft-example{grid-column:2;grid-row:1 / span 3;margin:5px}.setup-grid{gap:25px}.setup-grid h3{font-size:15px}.setup-grid p{font-size:11px}.use-cases{align-items:flex-start;flex-direction:column}.faq-section{gap:35px}.faq-list summary{font-size:12px}.final-cta{padding:45px}.final-cta h2{font-size:36px}.cta-symbol{font-size:200px;right:30px;top:55px}.footer-top p{font-size:10px}.footer-top .brand{font-size:25px}html[lang=en] .hero h1{font-size:43px}}
@media(max-width:580px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header{height:76px;width:calc(100% - 40px);gap:8px}.brand{font-size:25px;gap:5px}.brand-mark{width:25px;height:25px;font-size:20px;margin-right:1px}.header-actions{gap:16px}.header .button.small{font-size:10px;padding:10px 12px;min-height:37px}.language{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:37px;padding-bottom:15px;gap:0}.hero h1{font-size:53px;line-height:1.18;margin:23px 0 18px}.hero h1 br:nth-child(2){display:none}.spark{font-size:33px;margin-left:12px}.hero .eyebrow{font-size:9px}.lead{font-size:13px;line-height:1.85;max-width:100%}.hero-buttons{gap:21px;margin-top:24px}.hero-buttons .button{font-size:12px;padding:15px 20px;min-height:50px;gap:24px}.hero-buttons .text-link{font-size:11px}.hero-meta{font-size:9px;margin-top:23px;gap:16px}.hero-art{width:100%;height:540px;transform:scale(.84);margin:0;transform-origin:center;align-self:center}.floating-note{right:-9px;top:74px;padding:12px}.phone{margin-left:28px}.nfc-stand{left:-5px;bottom:6px;width:150px;min-height:210px}.nfc-stand strong{font-size:18px}.art-note{top:-2px;left:15px}.orbit-one{width:390px;height:410px}.orbit-two{width:420px;height:330px}.art-caption{bottom:-24px;right:-5px}.platform-band{padding:25px 0}.platform-band .wrap>span{font-size:9px}.platform-names{gap:16px 22px;font-size:16px;margin:22px 0 17px}.platform-band small{font-size:8px;line-height:1.7;display:block}.section{padding-block:57px}.section-top{display:block;margin-bottom:30px}.section-intro{max-width:none;margin-top:20px;font-size:12px;line-height:1.9}h2{font-size:32px;letter-spacing:-1.6px;margin-top:17px}.eyebrow{font-size:9px;letter-spacing:1.1px}.experience-visual{min-height:290px}.scene-label{left:20px;font-size:8px}.quote-bubble{left:20px;font-size:10px}.coffee-illustration{left:10%;font-size:110px;top:102px}.mini-stand{right:14%;bottom:58px;padding:13px 15px}.experience-visual>small{left:20px;font-size:8px}.experience-step{gap:13px;padding:21px 9px}.experience-step h3{font-size:14px}.experience-step p{font-size:11px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-large{grid-column:auto;display:block}.feature{padding:25px}.feature-icon{margin-bottom:16px}.feature h3{font-size:18px}.feature p{font-size:12px}.draft-example{margin:25px 5px 9px;transform:rotate(-2deg)}.draft-example p{font-size:13px}.feature-pills{margin-top:20px}.feature-pills span{font-size:10px}.wifi-card{font-size:11px}.admin-preview{font-size:10px;margin-bottom:8px}.setup-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}.setup-grid article{position:relative;padding:20px 0 0 45px}.setup-number{position:absolute;left:0;top:24px}.setup-grid h3{font-size:16px;margin:0 0 12px}.setup-grid p{font-size:12px;margin:0}.use-cases{margin-top:35px;padding-top:23px;font-size:10px;gap:15px}.use-cases>div{gap:8px}.use-cases>div span{font-size:9px;padding:8px 12px}.faq-section{display:block}.faq-section>div>p{margin-top:17px}.faq-list{margin-top:20px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.final-cta{padding:34px 26px;margin-bottom:40px}.final-cta h2{font-size:32px;position:relative;z-index:1;margin-top:20px}.final-cta .eyebrow{font-size:8px}.cta-symbol{font-size:140px;right:-30px;top:95px;opacity:.55}.final-cta .button{position:relative;z-index:1;font-size:12px;gap:30px;min-height:50px;padding:14px 18px}.final-cta p{font-size:9px;position:relative}.footer-top{flex-wrap:wrap;gap:15px;padding-bottom:22px}.footer-top .brand{font-size:23px}.footer-top p{font-size:9px;order:3;width:100%;margin:0}.footer-top>a:last-child{font-size:9px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:12px}.footer-bottom>span:nth-child(2){order:3;width:100%;font-size:8px}.footer-bottom .language{font-size:8px}html[lang=en] .hero h1{font-size:49px;line-height:1.08}html[lang=en] .hero h1 br:nth-child(2){display:inline}html[lang=en] h2{font-size:34px}html[lang=en] .final-cta h2{font-size:32px}}
body{overflow-x:clip}.hero-art .orbit{max-width:95%}
@media(max-width:580px){.hero h1 br:nth-child(2){display:inline}.hero-art{overflow:clip}.hero-art .art-caption{bottom:0;right:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}