:root{
  --bg:#efe9f3;
  --panel:#ffffff;
  --line:#ddd2e7;
  --purple:#5b2499;
  --orange:#f28b24;
  --orange-dark:#dc7410;
  --green:#2f9a57;
  --text:#402f55;
  --muted:#786a89;
  --shadow:0 14px 34px rgba(64,47,85,.07);
}
section.hero-card h1 { font-size: 34px; }
.hero-grid{padding:0;}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}
a{text-decoration:none !important;color:inherit}
a:link,a:visited,a:hover,a:active{text-decoration:none !important}
.topbar{background:#faf8fb;border-bottom:1px solid #e4dceb;position:sticky;top:0;z-index:30}
.topbar .inner{width:min(1160px,calc(100% - 26px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:20px}
.nav-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.support-box{background:#fff5e8;border:1px solid #f1d8b3;border-radius:12px;padding:6px 10px;font-size:11px;line-height:1.2;color:#8c6f39;text-align:center}
.support-box strong{display:block;color:var(--orange-dark);font-size:16px;margin-top:1px}
.cta-top{background:var(--orange);color:#fff;border-radius:999px;padding:11px 18px;font-size:14px;font-weight:800;box-shadow:0 5px 12px rgba(242,139,36,.25)}
.page{width:min(575px,calc(100% - 22px));margin:22px auto 34px}
.hero-card,.section{background:#fff;border:1px solid var(--line);border-radius:26px;padding:21px;box-shadow:var(--shadow)}
.section{margin-top:22px}
.eyebrow{color:var(--orange-dark);font-weight:900;font-size:15px;text-transform:uppercase;letter-spacing:.45px;margin-bottom:7px}
h1{margin:0;color:var(--purple);font-size:39px;line-height:1.05;letter-spacing:-.7px}
.section-title{margin:0 0 17px;text-align:center;color:var(--purple);font-size:24px;font-weight:900;line-height:1.15}
.hero-copy{margin:16px 0 18px;color:#5d4e70;font-size:16.5px;line-height:1.5}
.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.single-cta{grid-template-columns:1fr;margin-top:0}
.btn{border-radius:15px;padding:16px 14px;font-weight:900;text-align:center;font-size:15px}
.btn-orange{background:var(--orange);color:#fff;display:block}
.btn-outline{border:2px solid #8f70b4;color:var(--purple);background:#fff;display:block}
.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px;align-items:start}
.system-card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:var(--shadow)}
.phone .screen{height:100%;background:linear-gradient(180deg,#121212 0 10%,#0000 10%),linear-gradient(180deg,#e9c77f 0 35%,#a96d17 35% 52%,#141414 52% 100%);position:relative}
.phone .screen:after{content:"";position:absolute;left:13px;right:13px;bottom:16px;height:43px;border-radius:10px;background:linear-gradient(90deg,#d07b17 0 32%,#161616 32% 68%,#f1a329 68% 100%)}
.system-bottom{padding:12px 15px 15px;color:#14a04a;font-weight:900;font-size:15px}
.side-list{display:grid;gap:13px}
.mini-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:16px;min-height:92px;box-shadow:var(--shadow)}
.mini-card strong{display:block;color:var(--purple);font-size:16px;margin-bottom:5px}
.mini-card p{margin:0;color:#736683;font-size:13.5px;line-height:1.36}
.mini-card span{display:block;margin-top:5px;color:var(--orange-dark);font-weight:800;font-size:12px}
.area-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.area-tags span,.feature-pill{background:#fff;border:1px solid #cbb7de;color:#5d2e99;border-radius:12px;padding:10px;font-size:13px;font-weight:900;text-align:center}
.excerpt-box{background:#fff8ef;border:1px solid #efd4b6;border-radius:20px;padding:18px}
.excerpt-box h3{margin:0 0 8px;color:var(--purple);font-size:19px;line-height:1.15}
.excerpt-box p{margin:0;color:#6b5b7d;font-size:14px;line-height:1.5}
.built-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.built-card{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fff}
.built-card strong{display:block;color:var(--purple);font-size:15px;margin-bottom:5px}
.built-card p{margin:0;color:#746783;font-size:13px;line-height:1.36}
.pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.included-list{display:grid;border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff}
.included-item{display:grid;grid-template-columns:22px 1fr 14px;gap:12px;align-items:start;padding:13px 15px;border-bottom:1px solid #eee6f5}
.included-item:last-child{border-bottom:0}
.included-item:hover{background:#fff8ef}
.included-item .left{font-size:18px;line-height:1.1}
.included-item strong{display:block;color:#5a2e97;font-size:15px;margin-bottom:3px}
.included-item p{margin:0;color:#786a89;font-size:13px;line-height:1.32}
.included-item .arrow{color:#8050b8;font-size:18px;font-weight:900;text-align:right}
.cuisine-text{text-align:center;color:#786a89;font-size:13px;line-height:1.45;max-width:470px;margin:0 auto 16px}
.cuisine-scroll-wrap{overflow-x:auto;padding-bottom:8px;margin:0 -2px}
.cuisine-scroll{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:150px;gap:10px;width:max-content;padding:2px 2px 8px}
.cuisine-card{width:150px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:var(--shadow);min-height:70px;display:flex;flex-direction:column;justify-content:space-between}
.cuisine-card strong{display:block;color:var(--purple);font-size:13px;line-height:1.25;margin-bottom:7px}
.cuisine-card span{color:var(--orange-dark);font-size:11px;font-weight:800}
.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:start}
.flow-step{text-align:center;position:relative}
.flow-step:not(:last-child):after{content:"›";position:absolute;right:-7px;top:16px;color:#8b6ab0;font-weight:900;font-size:19px}
.flow-step strong{display:block;color:#582a97;font-size:14px;line-height:1.1}
.flow-step span{display:block;margin-top:3px;color:#7a6d8a;font-size:11px;line-height:1.18}
.pricing-sub{text-align:center;color:var(--purple);font-weight:900;font-size:20px;margin:0 0 7px}
.pricing-copy{text-align:center;color:#756887;font-size:14px;line-height:1.42;margin:0 0 16px}
.pricing-stack{display:grid;gap:16px}
.price-card{border:1px solid #d9d0df;border-radius:19px;background:#fff;padding:16px;display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:start}
.price-left{text-align:center;color:var(--green);font-weight:900}
.price-left.purple{color:var(--purple)}
.price-left .big{display:block;font-size:31px;line-height:1}
.price-left .small{display:block;font-size:13px;line-height:1.1}
.price-left .tiny{display:block;margin-top:5px;font-size:10px;color:#7c6e8a}
.price-right ul{margin:0 0 12px;padding:0;list-style:none}
.price-right li{position:relative;padding-left:17px;margin:5px 0;color:#6e617e;font-size:13px;line-height:1.34}
.price-right li:before{content:"✓";position:absolute;left:0;top:0;color:#35a05d;font-weight:900}
.price-btn{display:block;text-align:center;border-radius:10px;font-weight:900;font-size:14px;padding:12px 11px;color:#fff;background:#2f9a57}
.price-btn.purple{background:#5a24a0}
.cta-box{margin-top:18px;background:#4a1f85;color:#fff;border-radius:20px;padding:20px}
.cta-box h3{margin:0 0 6px;font-size:23px;line-height:1.15}
.cta-box p{margin:0 0 14px;font-size:14px;line-height:1.38;color:#e5d9f6}
.footer{margin-top:26px;text-align:center;color:#7a6d8a;font-size:12px}

.quick-features{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 18px;
}
.quick-features span{
  background:#fff8ef;
  border:1px solid #efd4b6;
  color:#5b2499;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}


.hero-pricing-note{
  background:#fff8ef;
  border:1px solid #efd4b6;
  color:#5b2499;
  border-radius:14px;
  padding:10px 12px;
  font-size:14px;
  font-weight:900;
  text-align:center;
  margin:0 0 16px;
}




.hero-action-box{
  background:linear-gradient(135deg,#f28b24,#dc7410) !important;
  border:1px solid #dc7410 !important;
  border-radius:18px;
  padding:15px;
  margin:0 0 18px;
  display:grid;
  gap:9px;
  box-shadow:0 10px 22px rgba(242,139,36,.24);
}
.hero-action-box .btn-orange{
  background:#ffffff !important;
  color:#5b2499 !important;
  border-radius:14px;
  box-shadow:none;
  width:100%;
}
.hero-action-box strong{
  display:block;
  color:#ffffff !important;
  font-size:13px;
  text-align:center;
  line-height:1.25;
  font-weight:900;
}
.hero-action-box .btn-orange:hover{
  background:#fff8ef !important;
}

.combined-local-box{
  background:#fff8ef;
  border:1px solid #efd4b6;
  border-radius:20px;
  padding:18px;
}
.combined-local-box h3{
  margin:0 0 8px;
  color:#5b2499;
  font-size:19px;
  line-height:1.15;
}
.combined-local-box p{
  margin:0 0 14px;
  color:#6b5b7d;
  font-size:14px;
  line-height:1.5;
}
.combined-local-box .built-grid{
  margin-top:14px;
}

@media(max-width:640px){
  .support-box{display:none}.topbar .inner{width:calc(100% - 18px)}
  .page{width:calc(100% - 14px)}
  h1{font-size:32px}
  .hero-grid,.area-tags,.pill-grid,.cta-row,.built-grid{grid-template-columns:1fr}
  .workflow{grid-template-columns:repeat(3,1fr);row-gap:12px}
  .flow-step:not(:last-child):after{display:none}
  .cuisine-scroll{grid-auto-columns:138px}
  .cuisine-card{width:138px}
}

.hero-action-box{
  background:linear-gradient(135deg,#f28b24,#dc7410) !important;
  border:1px solid #dc7410 !important;
  border-radius:18px !important;
  padding:15px !important;
  margin:0 0 18px !important;
  display:grid !important;
  gap:8px !important;
  box-shadow:0 10px 22px rgba(242,139,36,.24) !important;
}
.hero-start-btn{
  display:block !important;
  width:100% !important;
  background:#ffffff !important;
  color:#5b2499 !important;
  border-radius:14px !important;
  padding:16px 14px !important;
  font-size:15px !important;
  font-weight:900 !important;
  text-align:center !important;
  text-decoration:none !important;
}
.hero-price-line{
  color:#ffffff !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  text-align:center !important;
}


.hero-action-box{
  background:linear-gradient(135deg,#f28b24,#dc7410) !important;
  border:1px solid #dc7410 !important;
  border-radius:15px !important;
  padding:11px 13px !important;
  margin:0 0 16px !important;
  display:grid !important;
  gap:3px !important;
  box-shadow:0 8px 18px rgba(242,139,36,.22) !important;
  text-decoration:none !important;
}
.hero-start-btn{
  display:block !important;
  width:100% !important;
  background:transparent !important;
  color:#ffffff !important;
  border-radius:0 !important;
  padding:0 !important;
  font-size:15px !important;
  font-weight:900 !important;
  text-align:center !important;
  text-decoration:none !important;
  line-height:1.22 !important;
}
.hero-price-line{
  display:block !important;
  color:#fff6ed !important;
  font-size:12px !important;
  line-height:1.22 !important;
  font-weight:800 !important;
  text-align:center !important;
  text-decoration:none !important;
}
.hero-action-box:hover,
.hero-action-box:visited,
.hero-action-box:active{
  text-decoration:none !important;
}


.hero-action-box{
  background:linear-gradient(135deg,#f28b24,#dc7410) !important;
  border:1px solid #dc7410 !important;
  border-radius:15px !important;
  padding:11px 13px !important;
  margin:0 0 16px !important;
  display:grid !important;
  gap:3px !important;
  box-shadow:0 8px 18px rgba(242,139,36,.22) !important;
  text-decoration:none !important;
}
.hero-start-btn,
.hero-price-line{
  display:block !important;
  background:transparent !important;
  background-color:transparent !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:none !important;
  box-shadow:none !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  text-align:center !important;
  text-decoration:none !important;
}
.hero-start-btn{
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.22 !important;
  padding:0 !important;
}
.hero-price-line{
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.22 !important;
  padding:0 !important;
}
.hero-action-box:hover {
    background-color: #ffffff !important;
    color: #5b2499 !important;
    -webkit-text-fill-color: #5b2499 !important;
    text-decoration: none !important;
}