@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#191919;--orange:#7047EB;--gray:#656565;--line:#dededb;--paper:#f5f5f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:white;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.08;letter-spacing:-.055em}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1272d7;outline-offset:5px}.wrap{max-width:1320px;margin:auto;padding-left:48px;padding-right:48px}.header{height:108px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:32px}.brand{width:174px;display:flex;align-items:center}.brand img{width:100%;height:56px;object-fit:contain}.header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:54px;padding:15px 23px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:7px;font-weight:600;font-size:15px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#353535;transform:translateY(-2px)}.small{min-height:45px;padding:10px 18px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;min-height:650px;align-items:center;padding-top:38px;padding-bottom:68px;overflow:hidden}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.tiny-mark{font-size:25px;color:var(--orange)}h1{font-size:clamp(48px,5.3vw,77px);line-height:1.06;letter-spacing:-.065em;margin:22px 0}h1>span{color:var(--orange)}.hero-copy>p{font-size:17px;max-width:435px;line-height:1.7;color:var(--gray);margin-bottom:29px}.text-link{margin-left:20px;font-size:14px;font-weight:600}.hero-note{font-size:13px;margin-top:24px;color:var(--gray)}.hero-visual{height:510px;background:#f0f0ec;border-radius:22px;position:relative;margin-left:10px}.visual-label{position:absolute;top:20px;left:26px;font-size:10px;font-weight:700;letter-spacing:.14em}.browser-demo{position:absolute;left:25px;right:25px;top:67px;background:white;border-radius:9px;box-shadow:0 15px 30px #00000016;overflow:hidden;transform:rotate(-3deg)}.browser-bar{height:25px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:7px;border-bottom:1px solid #eee}.dots{font-size:6px;color:#c5c5c5;letter-spacing:2px}.mini-nav{display:flex;align-items:center;justify-content:space-between;padding:14px;font-size:7px}.mini-nav b{font-size:20px;letter-spacing:-1px}.mini-nav b span{font-size:9px}.mini-nav a{padding:7px;background:#244b31;color:white;border-radius:3px}.restaurant-hero{height:217px;position:relative;color:white;background:#47392e}.restaurant-hero>img{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.restaurant-hero>div{position:absolute;inset:20px}.restaurant-hero span{font-size:7px;letter-spacing:1px}.restaurant-hero h2{font-size:48px;margin:12px 0}.restaurant-hero a{font-size:8px;text-decoration:underline}.mini-bottom{padding:19px;display:flex;justify-content:space-between;line-height:1.3}.mini-bottom b{font-size:21px;letter-spacing:-1px}.mini-bottom>span{font-size:8px}.phone-demo{width:172px;position:absolute;right:2px;top:169px;background:#fcfcf7;border:6px solid #212121;border-radius:28px;padding:10px;box-shadow:0 18px 35px #0003;transform:rotate(6deg)}.phone-top{display:flex;justify-content:space-between;font-size:7px;margin-bottom:11px}.phone-brand{font-size:20px;letter-spacing:-1px}.phone-demo p{font-size:8px;margin-top:8px}.phone-demo h3{font-size:18px;line-height:1.15;margin:5px 0 9px}.phone-demo>img{width:100%;height:90px;object-fit:cover;border-radius:8px}.food-detail{font-size:9px;display:flex;justify-content:space-between;margin-top:5px}.food-note{font-size:7px}.phone-order{display:block;background:#254b31;color:white;font-size:9px;text-align:center;padding:8px;margin-top:9px;border-radius:5px}.phone-nav{font-size:7px;text-align:center;margin:12px 0 3px}.floating-label{position:absolute;left:12px;bottom:34px;font-size:12px;background:white;padding:12px 15px;box-shadow:0 6px 20px #0000000b;border-radius:7px;transform:rotate(-3deg)}.floating-label>span{color:var(--orange);font-size:20px;margin-right:8px}.concept-label{position:absolute;bottom:9px;left:25px;color:#767676;font-size:10px}.strip{border-block:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;padding-block:23px;font-weight:600;font-size:14px}.strip span::before{content:'✳';color:var(--orange);margin-right:16px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:43px}.section-heading h2,h2{font-size:clamp(32px,3.5vw,48px);line-height:1.13}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{max-width:345px;color:var(--gray);font-size:16px}.feature-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.feature{background:var(--paper);border-radius:12px;padding:30px;display:flex;flex-direction:column;align-items:start;min-height:415px}.number{font-size:11px;font-weight:700;letter-spacing:.12em}.feature h3{font-size:29px;margin:20px 0 17px;line-height:1.15}.feature p{font-size:15px;color:var(--gray)}.feature-main{background:#20221f;color:white}.feature-main p{color:#bfc2ba}.page-list{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;margin:23px 0}.page-list span{padding:9px 10px;border:1px solid #52554e;border-radius:5px;font-size:12px}.feature-foot{font-size:12px;margin-top:auto;padding-top:20px}.feature-main .feature-foot{color:#bfc2ba}.feature-icon{font-size:47px;background:white;height:70px;width:70px;text-align:center;border-radius:18px;line-height:70px;margin-top:28px;color:var(--orange)}.industry-section{background:var(--paper)}.industry-section>.wrap>.eyebrow{margin-bottom:17px}.industry-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.industry-tabs button{background:none;border:1px solid #c8c8c3;border-radius:30px;padding:11px 22px;font-size:14px;cursor:pointer}.industry-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:white}.industry-panel{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #d3d3cd;padding-top:38px}.industry-panel h3{font-size:39px;margin:15px 0}.industry-panel p{color:var(--gray);margin-bottom:24px;max-width:450px}.industry-checks{display:flex;flex-direction:column;justify-content:center}.industry-checks>div{display:flex;align-items:center;gap:23px;border-bottom:1px solid #d3d3cd;padding:23px 0}.industry-checks b{font-size:12px;color:var(--orange)}.industry-checks span{font-size:17px;font-weight:500}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plans article{border:1px solid var(--line);border-radius:12px;padding:29px;display:flex;flex-direction:column}.plans h3{font-size:32px;margin:24px 0 15px}.plans p{color:var(--gray);font-size:15px;min-height:72px}.plans ul{list-style:none;padding:0;margin:25px 0 30px;font-size:14px;line-height:2.4}.plans li::before{content:'✓';margin-right:10px}.plans a{margin-top:auto;font-size:14px;gap:10px}.outline-button{background:white;color:var(--ink);border-color:#cececa}.highlight-plan{background:#fff4ee;border-color:var(--orange)!important}.highlight-plan>.number{color:#b13209}.highlight-plan .button{background:var(--orange);border-color:var(--orange);color:#1b1b1b}.plan-note{font-size:12px;color:var(--gray);max-width:850px;margin-top:20px}.process{padding-bottom:90px}.process>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:30px}.process article>span{color:var(--orange);font-size:31px;letter-spacing:-2px}.process h3{font-size:21px;letter-spacing:-.03em;margin:12px 0}.process p{font-size:15px;color:var(--gray)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.faq .eyebrow{margin-bottom:17px}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{font-weight:600;font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::after{content:'+';font-size:22px;font-weight:400}details[open] summary::after{content:'−'}details p{padding-top:15px;font-size:15px;color:var(--gray)}.contact-section{background:var(--orange)}.contact-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding-block:74px}.contact-inner h2{font-size:61px;margin:20px 0;letter-spacing:-.06em}.contact-inner em{font-style:normal;color:white}.contact-inner p{max-width:340px;font-size:16px}.contact-inner form{background:white;padding:32px;border-radius:13px;align-self:center;display:flex;flex-direction:column;gap:10px}.contact-inner label{font-size:14px;font-weight:600}.contact-inner select{width:100%;padding:12px;background:white;border:1px solid #ccc;border-radius:5px;font-size:15px;margin-bottom:13px}.contact-inner .form-note{font-size:12px;color:var(--gray);margin-top:6px}.recommendation{background:var(--paper);padding:15px;font-size:14px;border-radius:6px}.recommendation strong{display:block;margin-bottom:5px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px!important;font-size:12px;color:var(--gray)}.footer-brand{font-family:Manrope,sans-serif;font-size:29px;color:var(--ink);font-weight:800;letter-spacing:-2px}.footer-brand span{font-size:11px;vertical-align:top;letter-spacing:0}footer p{font-size:14px}
@media(min-width:1500px){.hero-visual{height:530px}}@media(max-width:1000px){.wrap{padding-left:28px;padding-right:28px}.header{padding-inline:28px;gap:20px}.header nav{gap:18px}.hero{grid-template-columns:1fr 1fr;gap:10px}h1{font-size:57px}.hero-visual{height:440px}.browser-demo{left:15px;right:15px}.phone-demo{width:147px;right:0;top:170px}.mini-nav>span{display:none}.floating-label{bottom:18px;font-size:10px;left:8px}.concept-label{bottom:0}.restaurant-hero{height:180px}.text-link{display:block;margin:15px 0 0}.feature{padding:22px}.feature h3{font-size:25px}.industry-panel{gap:40px}.contact-inner{gap:40px}.plans article{padding:22px}.contact-inner h2{font-size:50px}}@media(max-width:720px){html{scroll-padding-top:20px}.header{height:85px;padding-inline:21px}.brand{width:135px}.header nav{display:none}.header>.button{font-size:12px;padding:9px 12px;gap:8px;min-height:40px}.wrap{padding-inline:22px}.hero{display:block;padding-top:20px;padding-bottom:30px}.hero-copy .eyebrow{font-size:10px}h1{font-size:clamp(47px,11vw,70px);margin:19px 0}.hero-copy>p{font-size:16px;max-width:480px}.text-link{display:inline-block;margin:0 0 0 16px;font-size:12px}.hero-note{font-size:12px;margin-top:19px}.hero-visual{margin:35px 0 0;height:445px}.browser-demo{left:18px;right:30px;top:60px}.restaurant-hero{height:191px}.phone-demo{right:6px;top:154px;width:155px}.mini-bottom{padding:16px}.mini-bottom b{font-size:18px}.floating-label{bottom:25px}.concept-label{bottom:7px;font-size:9px}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:17px;font-size:12px}.strip span::before{margin-right:6px}.section{padding-block:62px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:21px;max-width:none}h2,.section-heading h2{font-size:35px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0;padding:27px}.feature h3{font-size:29px}.feature-icon{margin-top:20px}.feature-foot{padding-top:25px}.industry-panel{grid-template-columns:1fr;gap:15px}.industry-panel h3{font-size:35px}.industry-tabs{gap:7px}.industry-tabs button{padding:9px 12px;font-size:12px}.industry-checks>div{padding:18px 0}.industry-checks span{font-size:15px}.plans{grid-template-columns:1fr}.plans article{padding:28px}.plans p{min-height:0}.plans h3{margin-top:16px}.plans ul{margin-block:17px}.process{padding-bottom:55px}.process>div:last-child{grid-template-columns:1fr;gap:24px}.faq{grid-template-columns:1fr;gap:20px}.contact-inner{grid-template-columns:1fr;gap:30px;padding-block:55px}.contact-inner h2{font-size:49px}.contact-inner form{padding:25px}.contact-inner .button{font-size:14px;padding-inline:10px}footer{flex-wrap:wrap;gap:12px}footer p{font-size:12px}footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plans .scope-note{font-size:13px;min-height:0;margin:-10px 0 20px;color:var(--gray)}@media(max-width:720px){.plans{grid-template-columns:1fr}}

:root{--orange:#7047EB;--accent-soft:#f2eeff;--accent-deep:#5030b7;--on-accent:#fff}
.palette-logo{display:block;width:100%;aspect-ratio:2055/765;background:linear-gradient(to right,var(--orange) 0 28%,var(--ink) 28% 100%);mask:url('assets/sokello-logo.png') center/contain no-repeat;-webkit-mask:url('assets/sokello-logo.png') center/contain no-repeat}
.highlight-plan{background:var(--accent-soft)}.highlight-plan>.number{color:var(--accent-deep)}.highlight-plan .button{color:var(--on-accent)}.hero-copy>.button,.header>.button{background:var(--orange);border-color:var(--orange);color:var(--on-accent)}.hero-copy>.button:hover,.header>.button:hover,.highlight-plan .button:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.contact-inner>div{color:var(--on-accent)}.contact-inner em{color:var(--on-accent)}.contact-inner form{color:var(--ink)}.hero-visual{background:var(--accent-soft)}html{scroll-padding-top:30px}

.hero-showcase{min-width:0;padding-bottom:4px}.hero-showcase .floating-label{position:static;transform:none;box-shadow:none;background:transparent;margin:24px 10px 0;padding:0 15px;font-size:14px;line-height:1.5}.hero-showcase .hero-visual{margin-bottom:0}@media(max-width:720px){.hero-showcase .floating-label{margin-top:24px;font-size:13px}}

.hero-showcase .hero-visual{min-height:520px}@media(max-width:720px){.hero-showcase .hero-visual{min-height:490px}}

.logo-review{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 40px;background:#fff;border-bottom:1px solid #dededb;box-shadow:0 3px 12px #00000006}.logo-review>div:first-child{display:flex;flex-direction:column}.logo-review strong{font-size:14px}.logo-review #logo-caption{font-size:13px;color:#656565}.logo-choices{display:flex;gap:8px}.logo-choices button{font:inherit;font-size:14px;min-height:42px;border:1px solid #ccc;border-radius:25px;padding:8px 20px;background:white;color:#191919;cursor:pointer}.logo-choices button[aria-pressed="true"]{background:#7047EB;border-color:#7047EB;color:#fff}.brand{width:225px;flex-shrink:0}.concept-logo{display:block;position:relative;width:100%;aspect-ratio:700/250;overflow:hidden;background:white}.concept-logo img,.brand .concept-logo img{position:absolute;display:block;width:219.428571%;height:auto;max-width:none;left:-10%;top:-40%;object-fit:initial}html[data-logo="market"] .concept-logo img{left:-114.285714%}.footer-brand{display:block;width:225px;flex-shrink:0}html{scroll-padding-top:110px}@media(max-width:1000px){.brand{width:190px}.header nav{gap:14px}}@media(max-width:720px){.brand{width:155px}.logo-review{padding:10px 18px;gap:12px}.logo-review strong{font-size:13px}.logo-review #logo-caption{font-size:11px}.logo-choices{gap:5px}.logo-choices button{font-size:12px;padding:8px 12px}.footer-brand{width:195px}}

html{scroll-padding-top:30px}

.plans{grid-template-columns:repeat(4,minmax(0,1fr))}.plans article{padding:24px 20px}.plans h3{font-size:28px}.plans .number{font-size:10px}.plans .button,.plans .outline-button{padding:13px 10px;gap:6px;font-size:13px}.plans p{min-height:96px}.plans .scope-note{min-height:0}@media(max-width:1000px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plans p{min-height:72px}}@media(max-width:720px){.plans{grid-template-columns:1fr}.plans p{min-height:0}.plans article{padding:28px}}

.plan-price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin:4px 0 22px;color:var(--ink)}.plan-price strong{font-family:Manrope,Arial,sans-serif;font-size:43px;line-height:1.1;letter-spacing:-.055em}.plan-price>span{font-size:14px;color:var(--gray)}.plan-price .price-prefix{width:100%;font-size:12px}.plans article:not(:last-child) .plan-price{padding-top:19px}.plans h3{margin-bottom:18px}.highlight-plan .plan-price strong{color:var(--orange)}

.plans .custom-price{min-height:66px;align-items:center}.plans .custom-price>span{font-size:20px;font-weight:600;color:var(--ink)}