:root{--ink:#17202e;--muted:#858c98;--body:#656c78;--blue:#0071e3;--blue-dark:#0061cf;--line:#e8ecf1;--light:#f5f7fa;--radius:30px;--font:-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}img{display:block;max-width:100%;height:auto}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650}p{line-height:1.65}strong{font-weight:600}::selection{background:#c9e5ff;color:#12324e}:focus-visible{outline:3px solid #087cf1;outline-offset:5px}svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-weight:400;font-style:normal}.shell{width:calc(100% - 96px);max-width:1176px;margin-left:auto;margin-right:auto}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:white;z-index:100}.skip-link:focus{top:15px}.muted{color:var(--muted)}.gradient-text{color:#087cf1;background:linear-gradient(110deg,#005fd9 0%,#0d8efa 52%,#6ab8f8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:650;line-height:1.5}.section-space{padding-top:104px;padding-bottom:12px}.section-heading{margin-bottom:44px}.section-heading .eyebrow{color:#718092;margin-bottom:17px}.section-heading h2{font-size:46px;letter-spacing:-1.9px;line-height:1.14}.section-heading>p:last-child{font-size:17px;color:var(--body);margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:49px;padding:0 24px;background:var(--blue);border:0;border-radius:100px;color:white;font-size:14px;font-weight:500;line-height:1.25;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 7px 20px #0277ed23}.button .icon{width:19px;height:19px}.button-small{min-height:36px;padding:0 16px;font-size:12px;gap:14px}.text-link{display:inline-flex;align-items:center;gap:13px;color:#0875df;font-size:14px;font-weight:550;line-height:1.5}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(2px,-2px)}
/* A quiet, translucent navigation. */
.site-header{position:sticky;top:0;z-index:50;background:#ffffffdc;border-bottom:1px solid #e8edf18c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex-shrink:0;width:167px}.brand img{width:100%;height:auto}.nav-links{display:flex;align-items:center;gap:34px;margin-left:55px}.nav-links a{font-size:12px;color:#626a76;transition:color .2s}.nav-links a:hover{color:#087cf1}.menu-toggle{display:none;border:none;background:none;padding:10px;width:40px;height:40px;position:relative}.menu-toggle span{display:block;width:19px;height:1.5px;background:var(--ink);margin:6px 0;transition:transform .2s}.announcement{height:43px;display:flex;justify-content:center;align-items:center;gap:5px;background:#f0f7ff;font-size:11px;letter-spacing:.1px;color:#5b6b7c}.announcement a{color:#0875df}.announcement .emoji{margin-left:3px;font-size:13px}
/* Hero and live, code-built product illustrations. */
.hero{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff 69%,#fafdff 100%);padding-bottom:35px}.hero-copy{text-align:center;padding-top:48px;position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;color:#718092;font-size:10px;letter-spacing:1.7px}.little-dot{height:5px;width:5px;border-radius:50%;background:#1187f3;box-shadow:0 0 0 4px #0b87f010}.hero h1{margin-top:18px;font-size:clamp(56px,5.55vw,78px);line-height:1.04;letter-spacing:-3.9px;font-weight:700}.hero-description{font-size:18px;line-height:1.5;margin-top:22px;color:#737b87;font-weight:400}.hero-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:25px}.hero-note{font-size:10px;line-height:1.6;color:#8c929d;margin-top:13px}.hero-note strong{color:#737b86}.hero-scene{height:463px;margin-top:3px;position:relative;max-width:1110px}.scene-halo{position:absolute;width:1100px;height:430px;background:radial-gradient(ellipse at center,#c9e7ffb5 0%,#e4f3ff80 42%,#fff0 72%);top:28px;left:50%;transform:translateX(-50%);filter:blur(12px)}.browser-mock{position:absolute;width:679px;height:349px;left:20%;top:44px;background:#fff;border:7px solid #e8edf2;border-bottom-width:9px;border-radius:17px;box-shadow:0 25px 45px #23486a1a,0 4px 12px #1f4a6a10;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg) rotateZ(-2deg);overflow:hidden}.browser-top{height:27px;background:#f7f8f9;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #eef0f1}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#d6dbe1}.browser-dots i:first-child{background:#faada4}.browser-dots i:nth-child(2){background:#f8d995}.browser-dots i:nth-child(3){background:#a9d7b9}.address{width:44%;border-radius:4px;font-size:7px;letter-spacing:.2px;background:#ebedf0;text-align:center;padding:3px;color:#9298a0}.address span{margin-right:5px}.browser-tool{font-size:11px;color:#a1a7b0}.demo-nav{display:flex;justify-content:space-between;align-items:center;height:49px;padding:0 24px;background:#fcfaf5}.cafe-logo{color:#384e39;font-family:Georgia,serif;font-size:24px;letter-spacing:-1px;font-weight:bold;line-height:.8}.cafe-logo span{display:block;font-family:var(--font);font-size:4.5px;letter-spacing:1px;font-weight:400;margin-top:6px}.demo-nav>span:nth-child(2){font-size:7px;color:#7c8175}.demo-nav-pill{padding:7px 10px;border:1px solid #80907366;border-radius:20px;font-size:6px;color:#586549}.demo-hero{display:grid;grid-template-columns:47% 53%;height:260px;background:#f2f1e9}.demo-copy{padding:28px 0 0 30px}.demo-label{font-size:5px;letter-spacing:1.2px;color:#7c8374}.demo-copy h2{font-size:41px;font-family:Georgia,serif;line-height:1.06;letter-spacing:-1.5px;color:#334b38;font-weight:400;margin-top:12px}.demo-copy p{font-size:8px;line-height:1.65;color:#858a7e;margin-top:11px}.demo-pill{display:inline-block;margin-top:14px;font-size:6px;padding:8px 12px;border-radius:15px;background:#3c563f;color:#fff}.demo-tiny{display:block;color:#a3a69b;font-size:5px;margin-top:12px}.demo-photo{height:100%;overflow:hidden;position:relative;margin:0 13px 13px 0;border-radius:70px 5px 5px 5px}.demo-photo img{height:100%;width:100%;object-fit:cover;object-position:58% center}.photo-tag{position:absolute;bottom:15px;left:15px;background:#fffde9cf;backdrop-filter:blur(5px);color:#52614b;font-size:6px;border-radius:12px;padding:7px 10px}.nfc-card{background:#fff;border:1px solid #f3f5f7;border-radius:14px;padding:18px 17px;box-shadow:0 15px 35px #365a7b12}.hero-nfc{position:absolute;left:7%;top:131px;width:151px;height:223px;transform:rotate(-11deg);z-index:4;box-shadow:0 18px 40px #29456621}.nfc-card-top{display:flex;align-items:center;justify-content:space-between}.google-g{font-family:Arial,sans-serif;font-size:24px;line-height:1;font-weight:bold;background:conic-gradient(#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 67%,#ea4335 67% 83%,#4285f4 83%);-webkit-background-clip:text;background-clip:text;color:transparent}.nfc-card-top .icon{width:17px;color:#a6b2c3}.nfc-card-title{display:block;font-size:13px;font-weight:650;line-height:1.3;letter-spacing:-.3px;margin-top:15px}.stars{display:block;color:#ffbc27;letter-spacing:2px}.hero-nfc .stars{font-size:13px;margin-top:7px}.nfc-instruction{display:block;font-size:5px;color:#8c939c;margin-top:5px}.qr-code{width:56px;height:56px;margin-top:10px}.nfc-bottom{display:block;font-size:4.5px;line-height:1.3;color:#97a0aa;margin-top:8px}.phone-mock{border:5px solid #e0e5ea;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 20px 38px #284c6d26,0 0 0 .7px #b9c1ca;position:relative}.hero-phone{position:absolute;width:175px;height:350px;left:77%;top:87px;z-index:5;transform:rotate(8deg)}.phone-island{height:11px;width:50px;border-radius:0 0 9px 9px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:#20252d;z-index:2}.phone-status{display:flex;justify-content:space-between;font-size:6px;position:absolute;top:6px;left:11px;right:10px;color:#25282a;font-weight:600}.phone-page{padding-top:27px;background:#fbfaf4;height:100%;color:#394e3c}.phone-cafe-brand{font-size:18px;font-family:Georgia,serif;padding:0 11px 8px;font-weight:600;letter-spacing:-.6px}.phone-cafe-brand span{float:right;font-size:9px;padding-top:5px}.phone-page>img{width:calc(100% - 18px);margin:0 auto;height:107px;object-fit:cover;object-position:65% 55%;border-radius:29px 3px 3px 3px}.phone-label{font-size:4px;letter-spacing:1px;display:block;margin:14px 0 0 13px;color:#959c8d}.phone-page h3{font-family:Georgia,serif;font-weight:400;font-size:27px;line-height:1.03;letter-spacing:-.8px;margin:7px 0 0 13px}.phone-page p{font-size:5px;line-height:1.5;margin:7px 0 0 13px;color:#8a907f}.phone-action{display:block;border-radius:13px;background:#435b41;color:#fff;text-align:center;margin:11px 13px 0;padding:7px;font-size:5px}.phone-mini{display:flex;justify-content:space-around;text-align:center;font-size:4px;line-height:2.1;color:#959c8d;margin-top:9px}.phone-home{position:absolute;bottom:4px;width:49px;height:3px;border-radius:4px;background:#29322d;left:50%;transform:translateX(-50%)}.float-chip{position:absolute;display:flex;align-items:center;gap:10px;background:#ffffffeb;backdrop-filter:blur(15px);border:1px solid #fff;border-radius:13px;padding:13px 17px;box-shadow:0 10px 25px #385c7810;font-size:10px;line-height:1.5;color:#89919b;z-index:6}.float-chip strong{font-size:10px;color:#434e5c}.float-chip .emoji{font-size:24px}.chip-design{left:6%;top:26px;transform:rotate(-5deg);animation:float-a 6s ease-in-out infinite}.chip-contact{top:0;right:2.5%;transform:rotate(6deg);animation:float-b 7s ease-in-out infinite}.chat-circle{width:33px;height:33px;border-radius:50%;background:#def8e9;color:#31b774;display:grid;place-items:center}.chat-circle .icon{width:20px;height:20px;stroke-width:1.6}.scene-plane{position:absolute;width:110px;left:25%;top:345px;transform:rotate(-8deg);z-index:6;filter:drop-shadow(0 8px 12px #047cee18)}.scene-caption{position:absolute;bottom:3px;left:0;right:0;text-align:center;color:#a2a9b2;font-size:8px}.hero-benefits{display:flex;justify-content:center;gap:54px;margin-top:6px}.hero-benefits span{display:flex;align-items:center;gap:7px;font-size:11px;color:#7b8694}.hero-benefits .icon{width:13px;height:13px;stroke-width:1.7;color:#1686e9}
/* Two distinct service stories. */
.solutions-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:22px}.solution-card{border-radius:var(--radius);overflow:hidden;min-width:0;position:relative;min-height:565px}.web-card{background:#f4f6f9}.nfc-solution{background:linear-gradient(135deg,#eaf5ff,#f1f8ff 65%,#e4f1ff)}.card-copy{padding:35px 37px 0;position:relative;z-index:2}.feature-tag{font-size:9px;font-weight:650;letter-spacing:1.4px;display:flex;align-items:center;gap:7px;color:#6c7f93}.feature-tag .emoji{font-size:19px;letter-spacing:0}.card-copy h3{font-size:34px;line-height:1.13;letter-spacing:-1.2px;margin-top:17px}.card-copy h3>span{color:#8594a5}.nfc-solution h3>span{color:#6699ca}.card-copy p{font-size:14px;color:#7b8490;max-width:350px;line-height:1.65;margin-top:16px}.card-copy .text-link{margin-top:20px;font-size:12px}.web-card-art{height:267px;position:relative;margin-top:29px}.mini-website{height:238px;width:81%;position:absolute;left:20%;top:4px;background:#fff;border:6px solid #fff;border-radius:13px;transform:rotate(-6deg);box-shadow:0 16px 32px #183e5a1a;overflow:hidden}.mini-bar{display:flex;align-items:center;justify-content:space-between;height:30px;background:#fffdf8;padding:0 14px;color:#465941}.mini-bar>span:first-child{font-family:Georgia,serif;font-size:18px;font-weight:600}.mini-bar>span:nth-child(2){font-size:6px}.mini-bar>span:last-child{font-size:9px}.mini-website>img{width:100%;height:calc(100% - 30px);object-fit:cover;object-position:50% 60%;filter:brightness(.76)}.mini-overlay{position:absolute;left:24px;bottom:32px;color:white;text-shadow:0 1px 8px #0002}.mini-overlay>span{font-size:5px;letter-spacing:1.3px}.mini-overlay strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.1;margin-top:8px}.art-chip{position:absolute;bottom:24px;left:24px;background:#fff;border-radius:11px;box-shadow:0 8px 24px #36435512;font-size:9px;color:#596778;padding:12px 14px;display:flex;align-items:center;gap:8px;transform:rotate(-3deg)}.art-chip .emoji{font-size:18px}.nfc-product-art{height:270px;position:relative;margin-top:10px}.nfc-ripple{border:1px solid #9dd0ff66;position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg);width:300px;height:180px}.ripple-two{width:405px;height:235px;opacity:.55}.product-stand{position:absolute;top:6px;left:50%;transform:translateX(-50%) rotate(-9deg);width:167px;height:221px;filter:drop-shadow(6px 20px 15px #4981b127)}.stand-face{background:linear-gradient(125deg,#fff,#fff 80%,#edf3fa);border:1px solid #fff;box-shadow:inset -3px 0 #dbe5ef;border-radius:14px 14px 5px 5px;width:163px;height:216px;display:flex;align-items:center;flex-direction:column;position:relative;z-index:2;padding:16px 12px}.google-word{font-size:18px;font-weight:500;letter-spacing:-1.3px;font-family:Arial,sans-serif}.google-word b{font-weight:500}.google-word b:first-child,.google-word b:nth-child(4){color:#4285f4}.google-word b:nth-child(2),.google-word b:last-child{color:#ea4335}.google-word b:nth-child(3){color:#fbbc05}.google-word b:nth-child(5){color:#34a853}.stand-title{font-size:19px;letter-spacing:-.7px;line-height:1.1;font-weight:600;text-align:center;margin-top:9px}.stand-face .stars{font-size:12px;letter-spacing:2px;margin-top:7px}.stand-face>img{width:57px;height:57px;margin-top:9px}.stand-instruction{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:6px;color:#778899}.stand-instruction .icon{width:12px;height:12px}.stand-base{height:29px;width:182px;position:absolute;bottom:-10px;left:-4px;background:linear-gradient(0deg,#c2d2e3,#f8fbff);clip-path:polygon(10% 0,89% 0,100% 80%,94% 100%,4% 100%,0 80%);border-radius:8px;box-shadow:0 5px 8px #2c5e8511}.nfc-small-tag{position:absolute;bottom:5px;width:100%;text-align:center;color:#7fa4c6;font-size:8px}.addons-card{margin-top:22px;padding:28px 32px;display:flex;align-items:center;gap:24px;border:1px solid #e9edf2;border-radius:23px;background:#fff}.addons-intro{display:flex;align-items:center;gap:16px;flex-shrink:0}.addons-intro>.emoji{font-size:32px}.addons-intro h3{font-size:18px;letter-spacing:-.4px}.addons-intro p{color:#8b919b;font-size:12px;margin-top:3px}.addons-tags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin-left:auto;max-width:470px}.addons-tags>span{font-size:10px;white-space:nowrap;background:#f5f7fa;border-radius:100px;padding:9px 11px;color:#6e7885}.round-arrow{display:grid;place-items:center;width:37px;height:37px;background:#eff6ff;color:#0679eb;border-radius:50%;flex-shrink:0;transition:background .2s,transform .2s}.round-arrow .icon{width:18px;height:18px}.round-arrow:hover{background:#d9ecff;transform:rotate(5deg)}.nfc-footnote{font-size:9px;color:#9aa2ad;margin-top:16px;padding-left:4px;line-height:1.6}
/* An editorial pause. */
.businesses{margin-top:70px;background:linear-gradient(180deg,#fbfcfe,#f6f9fd);padding-top:76px;padding-bottom:73px}.business-heading{text-align:center}.business-heading .eyebrow{color:#7e8d9f;font-size:10px}.business-heading h2{font-size:42px;letter-spacing:-1.6px;line-height:1.2;margin-top:18px}.business-heading em{font-family:Georgia,"Times New Roman",serif;font-size:47px;font-weight:400;letter-spacing:-1.6px;color:#488cce}.business-heading p{font-size:15px;color:#8b929c;margin-top:22px;line-height:1.65}.business-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;margin:34px auto 0;max-width:990px}.business-tags>span{background:#fff;border:1px solid #eaf0f7;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:9px;font-size:11px;color:#778495;box-shadow:0 4px 14px #233c521c;box-shadow:0 4px 14px #233c5204}.business-tags .emoji{font-size:21px}
/* Process. */
.process{padding-top:101px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:6px}.step{position:relative;padding-top:33px;border-top:1px solid #e2e9f1}.step-number{position:absolute;left:0;top:-8px;font-size:11px;line-height:15px;font-weight:600;letter-spacing:1px;background:#fff;padding-right:13px;color:#7ca5d0}.step-emoji{font-size:32px;display:block;margin-bottom:20px}.step h3{font-size:18px;line-height:1.3;letter-spacing:-.5px}.step p{font-size:13px;color:#9299a3;line-height:1.7;margin-top:12px;max-width:245px}
/* A single, honest price. */
.proposal-section{padding-top:95px}.proposal-card{border:1px solid #e8f0f9;background:radial-gradient(ellipse at 0 100%,#e5f1ff 0,transparent 55%),linear-gradient(105deg,#f7fbff,#f5f9ff);border-radius:var(--radius);padding:48px 54px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px}.proposal-copy .eyebrow{font-size:9px;letter-spacing:1.6px;color:#7b92ad}.proposal-copy h2{font-size:43px;letter-spacing:-1.8px;line-height:1.13;margin-top:21px}.proposal-copy p:not(.eyebrow){font-size:14px;line-height:1.65;color:#8a96a5;margin-top:19px}.proposal-copy .text-link{margin-top:24px;font-size:13px}.price-panel{padding:10px 0 5px 37px;border-left:1px solid #d8e5f4}.price-label{font-size:9px;font-weight:550;letter-spacing:1.2px;color:#7d93ad}.price{font-size:79px;line-height:1.12;letter-spacing:-4px;font-weight:650;margin-top:13px;color:#263e59}.price>span{font-size:40px;font-weight:400;letter-spacing:-1px}.tax-note{display:block;font-size:10px;line-height:1.5;margin-top:4px;color:#8295aa}.price-panel ul{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:11px}.price-panel li{font-size:12px;color:#69819c;display:flex;align-items:center;gap:8px}.price-panel li .icon{width:13px;height:13px;color:#348de2}.price-note{font-size:8px;line-height:1.7;color:#91a2b6;margin-top:21px}
/* Native, keyboard-accessible disclosures. */
.faq{display:grid;grid-template-columns:.9fr 1.5fr;gap:90px;padding-top:104px;padding-bottom:42px}.faq-heading .eyebrow{font-size:9px;color:#8591a0;letter-spacing:1.3px}.faq-heading h2{font-size:41px;letter-spacing:-1.7px;line-height:1.16;margin-top:18px}.faq-heading>p:not(.eyebrow){font-size:14px;color:#9199a4;margin-top:20px}.faq-heading .text-link{font-size:13px;margin-top:20px}.faq-list{padding-top:2px}.faq-list details{border-bottom:1px solid #e7edf3}.faq-list details:first-child{border-top:1px solid #e7edf3}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px;color:#596879;font-weight:500;cursor:pointer;padding:23px 0;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:17px;height:17px;color:#6e9ac4;transition:transform .2s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details[open] summary{color:#147bdb}.faq-answer{padding:0 25px 21px 0}.faq-answer p{font-size:13px;color:#8a95a3;line-height:1.75}
/* Final invitation. */
.contact-section{padding-top:51px}.contact-card{position:relative;overflow:hidden;border-radius:32px;padding:68px 60px;background:radial-gradient(ellipse at 92% 60%,#a6d9fc9c,transparent 45%),linear-gradient(115deg,#086cdb,#168eee 65%,#68bcf5);color:white;min-height:389px}.contact-content{position:relative;z-index:3}.contact-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:500;letter-spacing:1.6px;color:#d2e9ff}.contact-eyebrow .emoji{font-size:18px}.contact-content h2{font-size:49px;line-height:1.1;letter-spacing:-2px;margin-top:18px}.contact-content p{font-size:13px;color:#cce7ff;margin-top:18px}.button-white{margin-top:25px;color:#0872d9;background:#fff;min-height:46px;font-size:12px;gap:12px}.button-white:hover{background:#f4faff;box-shadow:0 7px 20px #0055ac33}.button-white .icon{width:18px;height:18px}.contact-number{display:block;font-size:9px;color:#b8ddfe;margin-top:14px}.contact-number>span{margin:0 7px}.contact-plane{position:absolute;width:375px;right:-3px;top:38px;transform:rotate(-8deg);filter:brightness(1.2) drop-shadow(0 30px 30px #005abc26);z-index:2}.contact-orbit{position:absolute;border:1px solid #d3e9ff38;border-radius:50%;right:-100px;top:-90px;width:600px;height:600px;transform:rotate(-30deg) scaleX(1.15)}.orbit-two{width:850px;height:850px;right:-220px;top:-210px;opacity:.5}.footer{display:flex;align-items:center;gap:22px;padding-top:39px;padding-bottom:40px;margin-top:7px}.footer-brand{width:125px}.footer>span:nth-child(2){font-size:10px;color:#8e99a6}.copyright{margin-left:auto;font-size:9px;color:#a2aab5}.back-top{font-size:9px;display:flex;gap:7px;color:#7e90a4;margin-left:13px}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:40;display:flex;align-items:center;gap:9px;color:#fff;background:#243c52eb;backdrop-filter:blur(10px);border:1px solid #ffffff50;border-radius:100px;padding:13px 18px;box-shadow:0 8px 25px #1f39462b;font-size:11px;transition:transform .2s,background .2s}.floating-whatsapp:hover{transform:translateY(-3px);background:#0b87ec}.floating-whatsapp .icon{width:21px;height:21px;color:#a4edc8}
.animate-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.animate-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.steps .step:nth-child(2){transition-delay:.07s}.steps .step:nth-child(3){transition-delay:.14s}.steps .step:nth-child(4){transition-delay:.21s}@keyframes float-a{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes float-b{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(7px) rotate(4deg)}}
/* Tablet. */
@media(min-width:1600px){.hero-copy{padding-top:61px}.hero-scene{margin-top:17px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}.nav-links{margin-left:0;gap:25px}.hero-scene{height:435px;max-width:940px}.browser-mock{width:615px;height:335px;left:18%;top:49px}.demo-hero{height:246px}.demo-copy{padding-top:20px}.hero-nfc{left:1%;top:134px;width:137px;height:216px;padding:16px 14px}.hero-phone{width:158px;height:324px;left:auto;right:1%;top:94px;border-radius:26px}.phone-page>img{height:96px}.phone-page h3{font-size:25px}.phone-page p{margin-top:5px}.phone-mini{margin-top:5px}.phone-label{margin-top:10px}.chip-design{left:1%;top:18px}.chip-contact{right:0;top:2px}.scene-plane{top:334px;left:20%;width:97px}.section-heading h2{font-size:41px}.card-copy{padding:30px 29px 0}.card-copy h3{font-size:30px}.card-copy p{font-size:13px}.addons-card{gap:17px;padding:25px}.addons-intro h3{font-size:16px}.addons-intro>.emoji{font-size:27px}.addons-tags>span{padding:8px;font-size:9px}.addons-tags{max-width:320px}.steps{gap:24px}.step h3{font-size:16px}.proposal-card{padding:42px;gap:36px}.proposal-copy h2{font-size:37px}.price-panel{padding-left:30px}.faq{gap:50px}.contact-plane{width:310px;right:0;top:66px}.contact-content h2{font-size:44px}.contact-content p{max-width:360px}.footer{gap:16px}.footer>span:nth-child(2){font-size:9px}}
/* Mobile. */
@media(max-width:760px){html{scroll-padding-top:82px}.shell{width:calc(100% - 40px)}.nav{height:66px;gap:15px}.brand{width:139px}.nav-contact{margin-left:auto;min-height:33px;padding:0 13px;gap:7px;font-size:10px}.nav-contact .icon{width:14px;height:14px}.menu-toggle{display:block;margin-right:-7px}.nav-links{position:absolute;top:65px;left:0;right:0;padding:18px 25px 25px;background:#fffffff7;backdrop-filter:blur(20px);border-bottom:1px solid #e4edf7;box-shadow:0 18px 24px #29435e08;display:none;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:12px 0;font-size:15px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.8px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.8px) rotate(-45deg)}.announcement{height:37px;font-size:10px}.hero-copy{padding-top:39px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px;gap:7px}.hero h1{font-size:58px;letter-spacing:-2.8px;margin-top:20px;line-height:1.04}.hero-description{font-size:15px;line-height:1.6;margin:19px auto 0;max-width:350px}.hero-actions{margin-top:24px;gap:19px;flex-direction:column}.hero-actions .button{font-size:12px;min-height:46px;padding:0 22px}.hero-actions .text-link{font-size:11px;gap:9px}.hero-note{font-size:8px;margin-top:13px}.hero-scene{width:100%;height:333px;margin-top:20px;max-width:540px}.scene-halo{height:300px;width:700px;top:7px;filter:blur(8px)}.browser-mock{width:365px;height:216px;left:50%;top:56px;margin-left:-166px;border-width:4px;border-radius:10px;transform:perspective(1000px) rotateY(-9deg) rotateZ(-3deg)}.browser-top{height:18px;padding:0 7px}.browser-dots{gap:3px}.browser-dots i{width:3px;height:3px}.address{font-size:4px;padding:2px}.browser-tool{font-size:7px}.demo-nav{height:32px;padding:0 13px}.cafe-logo{font-size:16px}.cafe-logo span{font-size:3px;letter-spacing:.6px;margin-top:4px}.demo-nav>span:nth-child(2){font-size:4px}.demo-nav-pill{font-size:3.5px;padding:4px 5px}.demo-hero{height:161px}.demo-copy{padding:16px 0 0 16px}.demo-label{font-size:3px;letter-spacing:.6px}.demo-copy h2{font-size:26px;margin-top:8px;letter-spacing:-.8px}.demo-copy p{font-size:4.5px;margin-top:6px}.demo-pill{font-size:4px;padding:5px 8px;margin-top:7px}.demo-tiny{font-size:3px;margin-top:7px}.demo-photo{border-radius:42px 3px 3px 3px;margin-right:7px}.photo-tag{font-size:3.5px;padding:5px 7px;left:8px;bottom:10px}.hero-nfc{left:calc(50% - 186px);top:121px;width:91px;height:143px;border-radius:9px;padding:11px 10px;transform:rotate(-10deg)}.google-g{font-size:16px}.nfc-card-top .icon{width:12px;height:12px}.nfc-card-title{font-size:8px;margin-top:7px;letter-spacing:-.2px}.hero-nfc .stars{font-size:8px;letter-spacing:1px;margin-top:5px}.nfc-instruction{font-size:3px;margin-top:3px}.qr-code{width:37px;height:37px;margin-top:6px}.nfc-bottom{font-size:2.5px;margin-top:5px}.hero-phone{width:111px;height:225px;right:calc(50% - 197px);top:89px;border-width:3px;border-radius:19px;transform:rotate(8deg)}.phone-island{height:7px;width:34px;border-radius:0 0 6px 6px}.phone-status{font-size:4px;left:7px;right:6px;top:4px}.phone-page{padding-top:18px}.phone-cafe-brand{font-size:12px;padding:0 8px 5px}.phone-cafe-brand span{font-size:6px;padding-top:4px}.phone-page>img{width:calc(100% - 12px);height:65px;border-radius:20px 2px 2px 2px}.phone-label{font-size:2.5px;letter-spacing:.6px;margin:10px 0 0 9px}.phone-page h3{font-size:18px;margin:5px 0 0 9px;letter-spacing:-.5px}.phone-page p{font-size:3.5px;line-height:1.5;margin:5px 0 0 9px}.phone-action{font-size:3.5px;margin:8px 9px 0;padding:5px}.phone-mini{font-size:2.7px;margin-top:6px}.phone-home{width:31px;height:2px;bottom:3px}.float-chip{border-radius:10px;padding:9px 10px;gap:7px;font-size:7px}.float-chip strong{font-size:7px}.float-chip .emoji{font-size:19px}.chip-design{left:calc(50% - 175px);top:8px}.chip-contact{right:calc(50% - 163px);top:18px}.chat-circle{width:25px;height:25px}.chat-circle .icon{width:16px;height:16px}.scene-plane{width:68px;top:267px;left:calc(50% - 130px)}.scene-caption{bottom:0;font-size:6px}.hero-benefits{gap:21px;margin-top:17px;width:calc(100% - 36px)}.hero-benefits span{font-size:8px;gap:5px}.hero-benefits .icon{width:10px;height:10px}.hero{padding-bottom:27px}.section-space{padding-top:63px}.section-heading{margin-bottom:29px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:13px}.section-heading h2{font-size:33px;line-height:1.14;letter-spacing:-1.3px}.section-heading>p:last-child{font-size:14px;margin-top:14px}.solutions-grid{grid-template-columns:1fr;gap:16px}.solution-card{border-radius:25px;min-height:510px}.card-copy{padding:29px 29px 0}.feature-tag{font-size:8px;letter-spacing:1.1px}.feature-tag .emoji{font-size:18px}.card-copy h3{font-size:32px;margin-top:16px}.card-copy p{font-size:13px;margin-top:14px;max-width:340px}.card-copy .text-link{margin-top:18px;font-size:12px}.web-card-art{height:236px;margin-top:21px}.mini-website{width:83%;height:230px;left:18%;top:7px}.art-chip{bottom:17px;left:20px;font-size:8px}.nfc-solution{min-height:523px}.nfc-product-art{height:263px;margin-top:12px}.product-stand{top:7px}.nfc-small-tag{bottom:5px;font-size:7px}.addons-card{padding:23px;gap:15px;flex-wrap:wrap;border-radius:22px;margin-top:16px;position:relative}.addons-intro{gap:12px;padding-right:20px}.addons-intro>.emoji{font-size:28px}.addons-intro h3{font-size:17px}.addons-intro p{font-size:11px}.addons-tags{justify-content:flex-start;margin-left:0;max-width:none;gap:6px}.addons-tags>span{font-size:9px;padding:8px 10px}.round-arrow{width:31px;height:31px;position:absolute;top:23px;right:17px}.round-arrow .icon{width:15px;height:15px}.nfc-footnote{font-size:7px;margin-top:12px}.businesses{margin-top:46px;padding-top:52px;padding-bottom:48px}.business-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.business-heading h2{font-size:30px;letter-spacing:-1px;line-height:1.2;margin-top:17px}.business-heading em{font-size:34px;letter-spacing:-1.2px}.business-heading p{font-size:12px;line-height:1.7;margin-top:21px}.business-tags{gap:8px;margin-top:27px}.business-tags>span{font-size:9px;padding:10px 11px;gap:7px;border-radius:11px}.business-tags .emoji{font-size:17px}.steps{grid-template-columns:1fr 1fr;gap:38px 25px;padding-top:10px}.step{padding-top:27px}.step-emoji{font-size:28px;margin-bottom:15px}.step h3{font-size:16px;letter-spacing:-.4px}.step p{font-size:11px;margin-top:10px;line-height:1.65}.step-number{font-size:9px}.proposal-section{padding-top:67px}.proposal-card{padding:31px;grid-template-columns:1fr;gap:32px;border-radius:26px}.proposal-copy .eyebrow{font-size:8px;line-height:1.7;letter-spacing:1.1px}.proposal-copy h2{font-size:35px;letter-spacing:-1.4px;margin-top:16px}.proposal-copy p:not(.eyebrow){font-size:12px;margin-top:17px}.proposal-copy .text-link{margin-top:18px;font-size:12px}.price-panel{padding:27px 0 0;border-left:none;border-top:1px solid #d8e5f4}.price-label{font-size:8px}.price{font-size:71px;margin-top:12px}.price>span{font-size:36px}.price-panel ul{gap:11px;margin-top:20px}.price-panel li{font-size:11px}.price-note{font-size:8px;line-height:1.8;margin-top:18px}.faq{grid-template-columns:1fr;gap:27px;padding-top:68px;padding-bottom:15px}.faq-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.faq-heading h2{font-size:35px;letter-spacing:-1.3px;margin-top:15px}.faq-heading>p:not(.eyebrow){font-size:13px;margin-top:16px}.faq-heading .text-link{font-size:12px;margin-top:16px}.faq-list summary{font-size:12px;padding:21px 0}.faq-answer p{font-size:12px}.faq-answer{padding-right:6px}.contact-section{padding-top:46px}.contact-card{padding:36px 27px 220px;border-radius:26px;min-height:510px}.contact-eyebrow{font-size:7px;letter-spacing:1.1px;gap:6px}.contact-eyebrow .emoji{font-size:16px}.contact-content h2{font-size:37px;letter-spacing:-1.6px;margin-top:19px}.contact-content p{font-size:12px;line-height:1.7;max-width:260px;margin-top:17px}.button-white{min-height:45px;gap:9px;padding:0 18px;font-size:11px;margin-top:23px}.button-white .icon{width:16px;height:16px}.contact-number{font-size:8px;line-height:1.8;max-width:240px;margin-top:13px}.contact-number>span{margin:0 4px}.contact-plane{width:250px;right:0;top:auto;bottom:-21px;transform:rotate(-10deg)}.contact-orbit{right:-180px;top:150px;width:440px;height:440px}.orbit-two{right:-260px;top:60px;width:620px;height:620px}.footer{margin-top:0;padding-top:29px;padding-bottom:80px;gap:15px;flex-wrap:wrap}.footer-brand{width:125px}.footer>span:nth-child(2){margin-left:auto;font-size:8px}.copyright{margin-left:0;width:calc(60% - 8px);font-size:8px}.back-top{margin-left:auto;font-size:8px}.floating-whatsapp{right:16px;bottom:16px;padding:12px;box-shadow:0 4px 20px #1f394622}.floating-whatsapp>span{display:none}.floating-whatsapp .icon{width:23px;height:23px}}
@media(max-width:380px){.shell{width:calc(100% - 32px)}.nav{gap:9px}.brand{width:124px}.hero h1{font-size:52px;letter-spacing:-2.5px}.hero-description{font-size:14px}.hero-scene{transform-origin:center top;transform:scale(.9);width:111.111%;margin-left:-5.555%;margin-bottom:-33px}.hero-benefits{gap:13px}.hero-benefits span{font-size:7px}.section-heading h2{font-size:29px}.card-copy{padding:27px 24px 0}.card-copy h3{font-size:29px}.card-copy p{font-size:12px}.business-heading h2{font-size:27px}.business-heading em{font-size:30px}.steps{gap:33px 19px}.step h3{font-size:14px}.proposal-card{padding:27px}.proposal-copy h2{font-size:32px}.contact-card{padding:33px 23px 211px}.contact-content h2{font-size:33px}.contact-eyebrow{font-size:6px;letter-spacing:.9px}.contact-number{font-size:7px}.addons-intro h3{font-size:15px}.addons-intro p{font-size:10px}}
.hero-description,.hero-note,.hero-note strong{color:#697481}.hero-benefits span,.card-copy p,.business-heading p,.step p,.proposal-copy p:not(.eyebrow),.faq-heading>p:not(.eyebrow),.faq-answer p{color:#667382}.addons-intro p,.business-tags>span{color:#647386}.price-panel li{color:#5e748d}.price-note,.nfc-footnote{color:#63758a}.hero-note{font-size:11px}.price-note{font-size:10px}.nfc-footnote{font-size:10px}.hero-benefits span{font-size:12px}
@media(max-width:760px){.hero h1 .gradient-text{font-size:.76em;letter-spacing:-2px;white-space:nowrap}.hero h1{line-height:1.1}.hero-note{font-size:9px}.hero-benefits span{font-size:8px}.price-note,.nfc-footnote{font-size:9px}}
@media(max-width:380px){.hero h1 .gradient-text{font-size:.67em;letter-spacing:-1.6px}.hero-benefits span{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.animate-ready .reveal{opacity:1;transform:none}}