@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#061c42;--navy2:#07376a;--mint:#ffd033;--text:#162735;--muted:#637586}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--text);background:#061c42}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}header{position:fixed;top:0;left:0;right:0;z-index:30;transition:.25s;background:linear-gradient(#061c42bd,transparent)}header.scrolled{background:#061c42f5;box-shadow:0 8px 30px #0002}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-1px;color:#fff;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:6px;color:#a4b5c1}.mark{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd033,#008fff);border-radius:13px;color:#052231;font-size:29px}.accent{color:var(--mint)}nav{display:flex;align-items:center;gap:25px}nav>a{color:#e0eaf1;font-size:13px;font-weight:700}nav>a:hover,.text-link{color:var(--mint)}.btn{border:1px solid transparent;background:var(--mint);color:#082638!important;display:inline-flex;align-items:center;justify-content:center;padding:16px 25px;border-radius:12px;font-weight:800;transition:.2s;box-shadow:0 9px 22px #ffbd2426}.btn:hover{transform:translateY(-2px);background:#ffe17c}.btn.small{padding:12px 16px;font-size:12px}.btn.ghost{background:#ffffff10;border-color:#ffffff60;color:#fff!important;box-shadow:none}.btn.outline{background:transparent;border-color:#b3c7cf;box-shadow:none;color:#17394b!important}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}.hero,.subhero{position:relative;background:radial-gradient(circle at 72% 34%,#115b9d 0,#0a3266 33%,#061c42 75%);color:#fff;overflow:hidden}.hero{padding:175px 0 100px;min-height:720px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.6px;color:var(--mint)}.eyebrow.dark{color:#0871c8}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.3vw,75px);line-height:1.11;letter-spacing:-3px;margin:22px 0}h2{font-size:clamp(30px,3.5vw,45px);letter-spacing:-1.6px;line-height:1.2;margin:15px 0 20px}h3{font-size:18px}.lead{font-size:18px;color:#b8cad5;line-height:1.85;max-width:610px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0}.mini-stats{display:flex;flex-wrap:wrap;gap:19px;color:#b1c7d0;font-size:12px}.visual{position:relative;display:flex;justify-content:center}.phone{width:255px;height:490px;background:#fff;border:9px solid #132f3b;border-radius:38px;overflow:hidden;box-shadow:0 40px 90px #0008;transform:rotate(6deg);position:relative}.phone img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-top{position:absolute;top:7px;left:35%;width:30%;height:17px;background:#0c2430;border-radius:30px;z-index:2}.float-note{position:absolute;bottom:45px;left:0;background:#fff;color:#173346;padding:18px 23px;border-radius:15px;box-shadow:0 15px 35px #0003}.float-note span{display:block;font-size:11px;color:#678}.section{padding:100px 0;background:#082852;color:#fff}.section.light{background:#f5f8fa;color:var(--text)}.section-lead{color:#647988;line-height:1.8;max-width:650px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.feature-card{padding:33px;background:#fff;border:1px solid #e5edf0;border-radius:20px;box-shadow:0 14px 35px #18344b08}.feature-card p{color:#71818d;line-height:1.8;font-size:14px}.feature-icon{font-size:30px;color:#0871c8;margin-bottom:22px}.steps{text-align:center}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.step-grid>div{padding:30px;border:1px solid #ffffff22;border-radius:18px}.step-grid strong{font-size:42px;color:var(--mint)}.step-grid h3{margin:16px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.feature-photo{width:100%;height:360px;object-fit:cover;border-radius:23px}.subhero{padding:170px 0 75px}.subhero h1{font-size:clamp(40px,5vw,60px)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.plan{position:relative;background:#fff;border:1px solid #e0e9ef;border-radius:23px;padding:34px;display:flex;flex-direction:column;overflow:hidden}.plan.featured{border:2px solid #ffc226;box-shadow:0 20px 45px #f0b5001a}.ribbon{position:absolute;right:0;top:0;background:var(--mint);padding:9px 15px;font-size:11px;font-weight:800;border-radius:0 0 0 12px}.price{font-size:22px;font-weight:800;margin:15px 0 30px}.amount{font-size:49px;letter-spacing:-2px}.price small{font-size:13px;color:#7c8b95}.plan ul{padding:0;list-style:none;flex:1}.plan li{padding:12px 0;border-bottom:1px solid #edf1f3;font-size:13px}.plan .btn{margin-top:25px}.switch{display:flex;justify-content:center;gap:7px;margin-bottom:35px}.switch button{border:1px solid #d4e3e8;background:#fff;border-radius:10px;padding:13px 25px;font-weight:700}.switch button.active{background:#07376a;color:#fff}.fine{font-size:12px;color:#788994;margin-top:25px}.narrow{max-width:780px}details{padding:20px 0;border-bottom:1px solid #ffffff30}summary{cursor:pointer;font-weight:700}details p{color:#b9c9d0;margin-top:16px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.contact-form{display:grid;gap:18px;padding:35px;background:#fff;border-radius:20px}.contact-form label{display:grid;gap:8px;font-size:13px;font-weight:700}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;border:1px solid #dce5e9;padding:13px;border-radius:9px;outline-color:#008fff}.contact-form .check{display:flex;align-items:flex-start;line-height:1.7;font-weight:500}.hidden-field{position:absolute;left:-99999px}.notice{padding:14px;border-radius:9px}.notice.success{background:#d8f7e9}.notice.error{background:#ffe6e6}.legal p{line-height:1.9}.cta{background:linear-gradient(100deg,#073a79,#0867b3);padding:70px 0;text-align:center;color:#fff}.cta h2{margin-bottom:25px}footer{background:#04152f;color:#c6d5df;padding:65px 0 20px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.foot-grid>div{display:flex;flex-direction:column;gap:15px}.foot-grid p{font-size:13px;margin:5px 0}.foot-grid a:not(.brand),.link-button{font-size:13px;color:#b8c9d3}.link-button{background:none;border:0;padding:0;text-align:left}.copyright{border-top:1px solid #ffffff20;margin-top:55px;padding-top:20px;font-size:12px;color:#8496a3}.cookie-banner{position:fixed;z-index:99;bottom:20px;left:50%;transform:translateX(-50%);width:min(950px,calc(100% - 30px));background:#fff;box-shadow:0 10px 60px #0005;border:1px solid #e3edf0;border-radius:17px;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;font-size:12px;line-height:1.7}.cookie-banner a{text-decoration:underline}.cookie-banner>div{display:flex;gap:10px;flex-shrink:0}@media(max-width:950px){.menu-toggle{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#061c42;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:55px}.hero{padding-top:145px}.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.visual{padding:10px 0}.foot-grid{grid-template-columns:1.5fr 1fr 1fr}}@media(max-width:640px){.wrap{width:min(100% - 32px,1180px)}h1{letter-spacing:-2px}.hero{padding-bottom:75px}.phone{height:385px;width:205px}.features-grid,.pricing-grid,.step-grid,.foot-grid{grid-template-columns:1fr}.section{padding:65px 0}.contact-grid{gap:25px}.cookie-banner{flex-direction:column;align-items:stretch}.cookie-banner>div{flex-wrap:wrap}.cookie-banner .btn{flex:1}.mini-stats{gap:9px}.feature-photo{height:260px}}
/* Brand refresh v1.2: authentic QR Menu artwork and matching blue / yellow / turquoise palette */
.brand{letter-spacing:normal;flex-shrink:0}.brand-logo{display:block;width:154px;height:66px;object-fit:contain;object-position:left center}.nav{min-height:92px}.eyebrow{color:#ffce2d}.eyebrow.dark{color:#0871c8}.btn{background:linear-gradient(120deg,#ffb900,#ffdb38);color:#061c42!important;box-shadow:0 9px 22px #ffbf002c}.btn:hover{background:linear-gradient(120deg,#ffd64b,#ffeb83)}.hero,.subhero{background:radial-gradient(circle at 73% 30%,#0c6e9d 0,#0b3b7d 34%,#061c42 78%)}.hero-glow{background:radial-gradient(circle,#00d6dc30,transparent 65%)}.plan.featured{border-color:#ffcb22}.ribbon{background:#ffcc2b}.feature-icon,.step-grid strong{color:#00bfc6}.cta{background:linear-gradient(110deg,#06316d,#0874b6)}header.scrolled{background:#061c42f5}@media(max-width:950px){nav{background:#061c42}}@media(max-width:640px){.brand-logo{width:119px;height:55px}.nav{min-height:76px}}

/* v1.3 — horizontal brand & legible transparent-top navigation */
header:not(.scrolled){background:linear-gradient(180deg,rgba(239,247,255,.97),rgba(235,245,255,.90));box-shadow:0 2px 18px rgba(0,20,65,.10);backdrop-filter:blur(16px)}
header:not(.scrolled) nav>a:not(.btn){color:#092a58}header:not(.scrolled) nav>a:not(.btn):hover{color:#0871c8}header:not(.scrolled) .menu-toggle{color:#082d62}
.brand-logo{width:215px;height:70px;object-fit:contain;object-position:left center}
.hero-copy{min-width:0}.hero-brand{display:block;width:min(320px,75%);height:auto;max-height:280px;object-fit:contain;object-position:left center;margin:0 0 24px;filter:drop-shadow(0 14px 26px rgba(0,0,0,.17))}
@media(max-width:950px){.brand-logo{width:170px;height:62px}header:not(.scrolled) nav.open a:not(.btn){color:#fff}}
@media(max-width:640px){.brand-logo{width:150px;height:55px}.hero-brand{width:min(240px,70%);max-height:210px;margin-bottom:18px}}

/* v1.4: actual QR Menu screenshot inside hero device */
.hero .phone{width:280px;height:590px;background:#201612;border:9px solid #132f3b;}
.hero .phone img{display:block;width:100%;height:100%;object-fit:fill;object-position:center;}
.hero .phone-top{display:none;}
@media(max-width:640px){.hero .phone{width:220px;height:465px;}}

/* v1.5 — subtle motion and animated navigation underline */
@media (hover:hover) and (pointer:fine){
  #nav>a:not(.btn){position:relative;transition:color .24s ease}
  #nav>a:not(.btn)::after{content:"";position:absolute;bottom:-9px;left:0;right:0;height:2px;border-radius:3px;background:linear-gradient(90deg,#00bfc6,#ffcc2b);transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
  #nav>a:not(.btn):hover::after,#nav>a:not(.btn):focus-visible::after,#nav>a:not(.btn)[aria-current="page"]::after{transform:scaleX(1)}
  .feature-card,.plan,.step-grid>div{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
  .feature-card:hover,.plan:hover,.step-grid>div:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(2,25,61,.13)}
  .feature-card:hover{border-color:#9ddfe4}
  .btn{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
  .btn:hover{box-shadow:0 13px 27px rgba(255,191,0,.22)}
  .foot-grid a:not(.brand){transition:color .2s ease}
  .foot-grid a:not(.brand):hover{color:#ffcc2b}
}
#nav>a[aria-current="page"]{color:#ffce2d}
header:not(.scrolled) #nav>a[aria-current="page"]{color:#0871c8}
.hero .phone{animation:qr-phone-float 7s ease-in-out infinite}
@keyframes qr-phone-float{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-9px) rotate(5deg)}}
.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.3,1)}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .phone{animation:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:950px){#nav>a:not(.btn)::after{display:none}}

/* v1.6 */
.print-partner{border-top:1px solid #d9e8ef}.print-partner-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.print-partner-inner>div{max-width:690px}.print-partner-inner .btn{white-space:nowrap}.about-copy p{line-height:1.9}.about-copy h2:not(:first-child){margin-top:2rem}.copyright a{color:#ffcc2b;text-decoration:none}.copyright a:hover{text-decoration:underline}@media(max-width:750px){.print-partner-inner{flex-direction:column;align-items:flex-start}.print-partner-inner .btn{white-space:normal}}

/* v1.7 presentation and plan details */
.poster-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,5vw,70px);align-items:center}.poster-thumb{position:relative;border:0;background:none;padding:0;cursor:zoom-in;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(5,30,65,.16);max-width:340px;justify-self:center}.poster-thumb img{display:block;width:100%;height:auto}.poster-thumb span{position:absolute;bottom:14px;right:14px;padding:8px 13px;border-radius:30px;background:#061c42;color:#fff;font-size:13px}.poster-thumb:hover{transform:translateY(-4px);transition:transform .25s}.plan-explanations{margin-top:45px}.plan-explanations h2{margin-bottom:22px}.plan-explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-explain-grid article{border:1px solid #d6e7ef;border-radius:18px;padding:25px;background:#fff}.plan-explain-grid h3{color:#0871c8;margin:0 0 12px}.plan-explain-grid p{line-height:1.8;margin:0;color:#33485e}.trial-note{margin-top:24px;font-weight:650;color:#075b92}.poster-lightbox[hidden]{display:none!important}.poster-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(3,11,24,.94);display:flex;align-items:center;justify-content:center;padding:55px 16px 20px;cursor:zoom-out}.poster-lightbox img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 20px 80px #0008;cursor:default}.poster-close{position:absolute;top:10px;right:18px;color:#fff;background:transparent;border:0;font-size:42px;cursor:pointer;line-height:1}@media(max-width:800px){.poster-layout{grid-template-columns:1fr}.plan-explain-grid{grid-template-columns:1fr}.poster-thumb{max-width:270px}}

/* v1.8: context-sensitive logo contrast */
.header-logo-stack{position:relative;display:block;width:215px;height:70px}
.header-logo-stack .brand-logo{position:absolute;inset:0;transition:opacity .28s ease}
.header-logo-stack .logo-on-dark{opacity:0}
header.scrolled .header-logo-stack .logo-default{opacity:0}
header.scrolled .header-logo-stack .logo-on-dark{opacity:1}
@media(max-width:950px){.header-logo-stack{width:170px;height:62px}}
@media(max-width:640px){.header-logo-stack{width:150px;height:55px}}
@media(prefers-reduced-motion:reduce){.header-logo-stack .brand-logo{transition:none}}