:root{--ink:#10231e;--muted:#62736d;--line:#dce8e4;--paper:#fff;--bg:#f5f9f7;--shadow:0 22px 60px rgba(12,45,36,.12);--shadow-hover:0 30px 78px rgba(12,45,36,.17);--r:24px;--max:1180px;--ease:cubic-bezier(.2,.75,.2,1);--brand:#173b31;--accent:#00bfd1;--accent-soft:#e8fbfc;--danger:#b42318;--warning:#b54708;--ok:#087443}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.58;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
body.brand-jsonic{--brand:#173b31;--accent:#00bfd1;--accent-soft:#e8fbfc;--shadow-hover:0 30px 80px rgba(0,191,209,.15)}body.brand-homelink{--brand:#0b766f;--accent:#0aa397;--accent-soft:#e8f8f6;--shadow-hover:0 28px 72px rgba(10,163,151,.16)}body.brand-jsofy{--brand:#173b31;--accent:#2ca67c;--accent-soft:#ebf8f2}body.brand-system{--brand:#173b31;--accent:#00a99b;--accent-soft:#ebf8f5}
.nav{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(220,232,228,.82);backdrop-filter:blur(17px);background:rgba(255,255,255,.9);transition:.3s}.nav.scrolled{box-shadow:0 10px 30px rgba(17,33,29,.075);background:rgba(255,255,255,.97)}.navin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.025em}.brandmark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:950;transition:.32s var(--ease)}.brand:hover .brandmark{transform:rotate(-5deg) scale(1.06);box-shadow:0 10px 24px rgba(17,33,29,.15)}.navlinks{display:flex;align-items:center;gap:23px;color:#51615b;font-size:14px;font-weight:760}.navlinks a{position:relative;padding:8px 0}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;border-radius:10px;background:var(--accent);transition:right .28s var(--ease)}.navlinks a:hover:after{right:0}.navcta{padding:11px 17px;border-radius:12px;font-weight:850;transition:.25s var(--ease)}.navcta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,33,29,.16)}
.hero{padding:84px 0 70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-240px;top:-290px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 66%)}.hero-center{text-align:center}.hero-center .eyebrow{margin:auto}.hero-center h1,.hero-center p{margin-left:auto;margin-right:auto}.hero-center .actions{justify-content:center}.hero h1{font-size:clamp(46px,6.3vw,78px);line-height:.98;letter-spacing:-.057em;margin:20px auto;max-width:1040px}.hero p{font-size:19px;color:var(--muted);max-width:820px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:850;background:var(--accent-soft);color:var(--brand)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:14px 20px;font-weight:850;border:1px solid var(--line);background:#fff;cursor:pointer;position:relative;overflow:hidden;transition:.25s var(--ease)}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(17,33,29,.12);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.btn.primary{background:var(--brand);color:#fff;border-color:transparent}.btn.small{padding:9px 12px;border-radius:10px;font-size:13px}.btn.ghost{background:transparent}.btn.danger{border-color:#f1c7c2;color:var(--danger)}.btn[disabled],.btn.disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.micro{font-size:13px!important;color:#788780!important;margin-top:13px!important}.hero-stage{margin:48px auto 0;max-width:1060px;min-height:430px;border-radius:34px;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 75%,#000) 56%,var(--accent));box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.5s var(--ease)}.hero-stage:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}
.section{padding:84px 0;position:relative}.section.alt{background:#fff}.section-head{text-align:center;margin:0 auto 36px}.section h2,.page-title{font-size:clamp(35px,4.2vw,54px);line-height:1.04;letter-spacing:-.043em;margin:0 0 14px;text-align:center}.section .lead{font-size:18px;color:var(--muted);max-width:800px;margin:0 auto;text-align:center}.kicker{text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;color:var(--accent);margin-bottom:10px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;position:relative;overflow:hidden;transition:.32s var(--ease)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 36%,var(--line))}.card h3{margin:10px 0 7px;font-size:21px}.card p{color:var(--muted);margin:0}.iconbox{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);font-size:20px}.pill{border:1px solid var(--line);background:#f8fbfa;padding:8px 11px;border-radius:999px;font-weight:760;font-size:13px;color:#50615b;display:inline-flex;align-items:center;gap:6px}.strengths{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.tag{font-size:11px;font-weight:850;color:var(--brand);background:var(--accent-soft);padding:5px 8px;border-radius:999px;display:inline-block;margin-bottom:10px}.badge{position:absolute;right:18px;top:18px;font-size:11px;font-weight:900;padding:5px 8px;border-radius:999px;background:var(--accent-soft);color:var(--brand)}
.brand-row{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;margin:22px 0;transition:.35s var(--ease)}.brand-row:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.brand-identity{min-height:220px;border-radius:24px;display:grid;place-items:center;padding:28px}.brand-identity img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.12))}.brand-copy h3{font-size:32px;margin:0 0 7px;letter-spacing:-.035em}.brand-copy .mission{font-size:18px;color:#3d4f49;margin-bottom:16px}
.checklist{list-style:none;padding:0;margin:22px 0}.checklist li{padding:9px 0 9px 29px;position:relative;color:#455750}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:950}.note{border-left:4px solid var(--accent);background:var(--accent-soft);padding:14px 17px;border-radius:0 14px 14px 0;color:#42534e}.statusline{display:flex;gap:8px;align-items:center;font-size:13px}.statusdot{width:9px;height:9px;border-radius:50%;background:#98a2b3}.statusdot.ok{background:#12b76a}.statusdot.warn{background:#f79009}
.theme-toolbar{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:24px}.filter-chip{padding:9px 13px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:13px;font-weight:790;cursor:pointer}.filter-chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.theme-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.32s var(--ease)}.theme-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.theme-preview{height:210px;padding:14px;position:relative;overflow:hidden}.theme-browser{height:100%;border-radius:13px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.11);overflow:hidden}.browserbar{height:25px;background:#f1f3f3;border-bottom:1px solid #e4e8e7;display:flex;align-items:center;gap:5px;padding-left:9px}.dot{width:6px;height:6px;border-radius:50%;background:#c8cecc}.minihero{height:78px;margin:10px;border-radius:9px}.minigrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 10px}.minicard{height:42px;background:#f0f4f2;border-radius:7px}.theme-body{padding:17px}.theme-body h3{margin:0 0 5px}.theme-body p{font-size:14px;color:var(--muted);margin:0 0 13px}.theme-actions{display:flex;gap:8px}.theme-actions .btn{flex:1}
.pricegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pricegrid-two{grid-template-columns:repeat(2,1fr);max-width:820px;margin:auto}.price{background:#fff;border:1px solid var(--line);border-radius:24px;padding:27px;position:relative;transition:.35s var(--ease)}.price:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.price.pop{border-color:var(--accent);box-shadow:var(--shadow)}.amount{font-size:37px;font-weight:920;letter-spacing:-.04em;margin:18px 0 2px}.features{padding:0;list-style:none;margin:20px 0}.features li{padding:8px 0;color:#4d5b57}.features li:before{content:'✓';font-weight:950;margin-right:9px;color:var(--accent)}.pricing-note{text-align:center;color:#7b8984;font-size:13px;margin-top:17px}.annual-price{background:var(--accent-soft);padding:11px 13px;border-radius:12px;margin:14px 0;display:grid;gap:2px}.annual-price span{font-size:12px;color:var(--muted)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:step}.step{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;position:relative;transition:.3s var(--ease)}.step:before{counter-increment:step;content:counter(step);width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:16px}.step h3{margin:0 0 8px}.step p{color:var(--muted);font-size:15px}
.faq{max-width:900px;margin:auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:17px;padding:0 18px;margin:11px 0;transition:.25s}.faq details[open]{box-shadow:0 12px 30px rgba(17,33,29,.07);border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}.faq summary{cursor:pointer;font-weight:850;padding:18px 0}.faq p{color:var(--muted);margin:0 0 18px}.band{border-radius:31px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:24px}.band h2{text-align:left!important;margin:0!important;color:inherit}.band p{margin:9px 0 0;color:#c9dbd5;max-width:680px}
.footer{padding:52px 0;border-top:1px solid var(--line);color:#687772;font-size:14px;background:#fff}.footer-main{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:30px}.footer h4{margin:0 0 12px;color:var(--ink)}.footer a{display:block;margin:7px 0;transition:.2s}.footer a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.footer-brand{font-size:21px;font-weight:900;color:var(--ink)}
/* auth */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{padding:60px;display:flex;flex-direction:column;justify-content:space-between}.auth-main{display:grid;place-items:center;background:#fff;padding:32px}.auth-card{width:min(460px,100%)}.auth-card h1{text-align:center;font-size:38px;letter-spacing:-.04em}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0}.field label{font-weight:750;font-size:14px}.field input,.field select,.field textarea{min-height:50px;border:1px solid #d6e1dd;border-radius:13px;padding:0 14px;outline:none;background:#fff}.field textarea{padding:12px 14px;min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.full{width:100%}.divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#86938f;font-size:13px}.divider:before,.divider:after{content:'';height:1px;background:#e1e8e5;flex:1}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f2f6f4;border-radius:13px;padding:5px;margin:18px 0}.auth-tab{border:0;background:transparent;padding:10px;border-radius:10px;font-weight:800;cursor:pointer;color:#60716b}.auth-tab.active{background:#fff;color:var(--ink);box-shadow:0 4px 12px rgba(16,35,30,.08)}.auth-view[hidden]{display:none}.inline-link{color:var(--brand);font-weight:850;cursor:pointer}.form-status{display:none;padding:12px 14px;border-radius:12px;margin:14px 0;font-size:14px}.form-status.show{display:block}.form-status.error{background:#fff0ee;color:#912018}.form-status.success{background:#ecfdf3;color:#05603a}.form-status.info{background:#eef7ff;color:#175cd3}
/* account */
.dashboard{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#102d27;color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh}.side a,.side button{display:block;width:100%;text-align:left;padding:11px 12px;border-radius:10px;color:#bcd1ca;margin:4px 0;background:transparent;border:0;cursor:pointer;font-weight:700}.side a:hover,.side button:hover,.side button.active{background:#173d35;color:#fff}.main{padding:36px;min-width:0}.toprow{display:flex;align-items:center;justify-content:space-between;gap:18px}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;transition:.3s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-head{display:flex;gap:14px;align-items:center}.logo40{width:48px;height:48px;border-radius:13px;object-fit:contain}.panel[hidden]{display:none}.section-title{font-size:28px;letter-spacing:-.03em;margin:0 0 6px}.section-copy{color:var(--muted);margin:0 0 22px}.listbox{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.listrow{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.listrow:last-child{border-bottom:0}.kv{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:0}.kv span:first-child{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px}.metric b{display:block;font-size:22px;color:var(--brand)}
/* checkout */
.checkout{min-height:100vh;background:#f2f6f4}.checkout-wrap{width:min(1040px,calc(100% - 36px));margin:auto;padding:44px 0;display:grid;grid-template-columns:1.08fr .92fr;gap:24px}.summary{background:#102d27;color:#fff;border-radius:26px;padding:28px;position:sticky;top:24px;align-self:start}.summary-row{display:flex;justify-content:space-between;gap:18px;margin:9px 0}.summary hr{border:0;border-top:1px solid #31574e;margin:22px 0}.secure-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.secure-strip div{background:#f6faf8;border:1px solid var(--line);border-radius:13px;padding:11px;text-align:center;font-size:12px;font-weight:750;color:#52635d}
/* modal + toast */
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(9,25,21,.58);backdrop-filter:blur(8px)}.modal.open{display:grid}.modal-card{width:min(720px,100%);max-height:min(84vh,860px);overflow:auto;background:#fff;border-radius:26px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.25);position:relative}.modal-close{position:absolute;right:16px;top:16px;border:0;background:#f1f5f3;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:20px}.toast{position:fixed;right:20px;bottom:20px;z-index:130;max-width:380px;background:#102d27;color:#fff;padding:14px 17px;border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.22);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{background:#7a271a}.toast.success{background:#05603a}
/* special product visuals */
.pos-stage{position:absolute;inset:28px;display:grid;grid-template-columns:.58fr .42fr;gap:16px}.pos-pane{background:rgba(255,255,255,.97);border-radius:24px;padding:20px;box-shadow:0 14px 35px rgba(0,0,0,.11)}.pos-products{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.pos-product{background:#f2f7f5;border-radius:13px;padding:12px;min-height:72px}.order-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e6eeeb}.theme-big-preview{height:330px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#f6efe7,#fff)}.theme-big-preview .hero-sim{height:160px;margin:20px;border-radius:15px;background:linear-gradient(135deg,#d8c1aa,#8d6e55);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900}.theme-big-preview .cards-sim{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 20px}.theme-big-preview .cards-sim div{height:90px;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.08)}
@media(max-width:1000px){.navlinks{display:none}.brand-row{grid-template-columns:1fr}.brand-identity{min-height:175px}.theme-grid,.grid4,.steps,.pricegrid,.metric-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.auth-shell,.checkout-wrap{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.side{position:static;height:auto;display:flex;overflow:auto;gap:6px}.side .brand{min-width:max-content}.side button{width:auto;min-width:max-content}.main{padding:24px}.summary{position:static}.pos-stage{grid-template-columns:1fr}.pos-pane:last-child{display:none}}
@media(max-width:700px){.hero{padding-top:58px}.hero h1{font-size:47px}.hero-stage{min-height:500px}.grid2,.grid3,.grid4,.theme-grid,.steps,.pricegrid,.pricegrid-two,.metric-grid,.products,.secure-strip{grid-template-columns:1fr}.section{padding:64px 0}.brand-row{padding:23px;gap:22px}.brand-identity img{width:96px;height:96px}.footer-main{grid-template-columns:1fr}.band{padding:30px;align-items:flex-start;flex-direction:column}.navin{height:64px}.listrow{grid-template-columns:1fr}.kv{grid-template-columns:1fr;gap:3px}.auth-art{padding:34px;min-height:330px}.auth-art h1{font-size:42px!important}.auth-main{padding:28px 18px}.pos-products{grid-template-columns:repeat(2,1fr)}}
@media(hover:none){.card:hover,.brand-row:hover,.theme-card:hover,.price:hover,.hero-stage:hover,.product-card:hover,.btn:hover{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v0.5.0 — JSOFY brand home + JSONIC app product site */
.narrow-copy{max-width:1080px}.jsofy-hero .wrap{display:grid;grid-template-columns:1fr;gap:34px}.ecosystem-orbit{position:relative;min-height:410px;max-width:920px;width:100%;margin:22px auto 0;border-radius:38px;background:radial-gradient(circle at center,#fff 0 18%,transparent 18.5%),linear-gradient(135deg,#effbf6,#eefbfc 52%,#f6f0ff);border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}.ecosystem-orbit:before,.ecosystem-orbit:after{content:"";position:absolute;left:50%;top:50%;border:1px dashed rgba(23,59,49,.2);border-radius:50%;transform:translate(-50%,-50%)}.ecosystem-orbit:before{width:430px;height:250px}.ecosystem-orbit:after{width:700px;height:360px}.orbit-center{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:44px;background:#173b31;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(16,45,39,.24)}.orbit-center span{font-size:44px;font-weight:950;line-height:1}.orbit-center b{font-size:18px;margin-top:6px}.orbit-center small{opacity:.72}.orbit-card{position:absolute;z-index:4;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(220,232,228,.95);border-radius:22px;padding:18px 20px;box-shadow:0 18px 45px rgba(16,45,39,.12);min-width:245px}.orbit-card img{width:58px;height:58px;object-fit:contain}.orbit-card b{display:block;font-size:19px}.orbit-card span{color:var(--muted);font-size:13px}.orbit-jsonic{left:7%;top:18%}.orbit-homelink{right:7%;bottom:17%}.about-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-strip>div{padding:22px;border:1px solid var(--line);background:#fff;border-radius:20px}.about-strip b{display:block;font-size:18px;margin-bottom:7px}.about-strip span{display:block;color:var(--muted)}
.product-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-showcase{min-height:620px;border-radius:30px;padding:30px;border:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;overflow:hidden;position:relative}.product-homelink{background:linear-gradient(155deg,#effcf9,#dff6f3 52%,#eefafa)}.product-jsonic{background:linear-gradient(155deg,#eef6ff,#e7f5ff 52%,#f1efff)}.product-showcase-copy{position:relative;z-index:3}.product-title-row{display:flex;align-items:center;gap:14px}.product-title-row img{width:62px;height:62px;object-fit:contain}.product-title-row span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--muted)}.product-title-row h3{font-size:32px;margin:0;line-height:1}.product-showcase-copy>p{color:#42534e;font-size:16px;max-width:540px}.triple-actions{gap:8px}.triple-actions .btn{padding:11px 14px}.ghost-link{background:transparent;border-color:transparent}.ghost-link:hover{box-shadow:none;border-color:transparent}.phone-stack{position:relative;min-height:300px;margin-top:22px}.phone{width:158px;height:300px;border-radius:30px;background:#101715;padding:9px;box-shadow:0 22px 42px rgba(8,22,18,.22);position:absolute}.phone:before{content:"";position:absolute;inset:9px;border-radius:22px;background:#fff}.phone-notch{position:absolute;z-index:4;left:50%;top:10px;transform:translateX(-50%);width:58px;height:14px;border-radius:0 0 10px 10px;background:#101715}.phone-ui{position:absolute;z-index:3;inset:27px 18px 18px;color:#20332d}.ui-title{font-weight:900;font-size:13px}.ui-card{height:62px;border-radius:13px;margin:15px 0}.ui-card.mint{background:linear-gradient(135deg,#bfece6,#91dcd2)}.ui-card.teal{background:linear-gradient(135deg,#1b9b8e,#7fd1c9)}.ui-card.blue{background:linear-gradient(135deg,#5c7df1,#88c3ff)}.avatar-row{display:flex;gap:6px;margin-top:14px}.avatar-row i{width:25px;height:25px;border-radius:50%;background:#d7eeea;border:2px solid #fff}.ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ui-grid i{height:42px;border-radius:10px;background:#edf5f2}.ui-list{display:grid;gap:7px;margin-top:10px}.ui-list b{height:12px;border-radius:999px;background:#e7efec}.phone-back{left:18%;top:10px;transform:rotate(-7deg) scale(.92)}.phone-front{left:48%;top:0;transform:rotate(5deg)}.device-combo{position:relative;min-height:310px;margin-top:18px}.tablet-device{position:absolute;left:2%;right:14%;bottom:3%;height:235px;background:#17221f;border-radius:24px;padding:10px;box-shadow:0 24px 52px rgba(8,25,20,.21);transform:rotate(-2deg)}.tablet-screen{height:100%;border-radius:16px;background:#f8fbfa;padding:12px}.pos-top{height:20px;border-radius:7px;background:#173b31;margin-bottom:10px}.pos-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:8px;height:calc(100% - 30px)}.pos-grid-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pos-grid-mini i{border-radius:8px;background:linear-gradient(135deg,#dceae6,#c9deda)}.pos-ticket-mini{background:#fff;border:1px solid #e3ece8;border-radius:10px;padding:10px;display:grid;gap:8px}.pos-ticket-mini b{height:12px;background:#cedbd7;border-radius:6px}.pos-ticket-mini strong{height:28px;background:#173b31;border-radius:7px;margin-top:auto}.jsonic-phone{right:3%;bottom:0;transform:rotate(7deg) scale(.8);z-index:5}.update-card b{display:block;margin-top:16px;color:var(--brand)}.support-card-button{font:inherit;text-align:left;cursor:pointer}.support-card-button h3,.support-card-button p{font-family:inherit}.support-cards .card{min-height:190px}
.nav-actions{display:flex;align-items:center;gap:8px}.hero-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}.hero-copy-left h1{font-size:clamp(48px,5.4vw,72px);line-height:.98;letter-spacing:-.055em;margin:18px 0}.hero-copy-left>p{font-size:18px;color:var(--muted);max-width:650px}.jsonic-app-hero{background:linear-gradient(135deg,#eff8f4,#f1fbfa 52%,#edf5ff)}.jsonic-device-stage{position:relative;min-height:430px}.hero-tablet{position:absolute;left:0;right:7%;top:24px;height:330px;background:#15211d;border-radius:34px;padding:12px;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);box-shadow:0 30px 70px rgba(15,45,36,.22)}.hero-tablet-screen{height:100%;border-radius:22px;background:#f7faf9;overflow:hidden}.fake-appbar{height:54px;background:#173b31;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.fake-appbar span{font-size:12px;opacity:.72}.fake-pos{display:grid;grid-template-columns:1.5fr .65fr;gap:12px;padding:13px;height:calc(100% - 54px)}.fake-products{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.fake-products i{border-radius:11px;background:linear-gradient(135deg,#e1eeea,#cfe3dd)}.fake-ticket{background:#fff;border:1px solid #dfe9e5;border-radius:14px;padding:14px;display:grid;gap:10px}.fake-ticket span{height:12px;background:#edf2f0;border-radius:7px}.fake-ticket strong{height:38px;border-radius:10px;background:#0c7b67;margin-top:auto}.hero-phone{position:absolute;right:-3%;bottom:8px;width:160px;height:300px;border-radius:31px;background:#111a17;padding:9px;box-shadow:0 30px 60px rgba(8,25,20,.26);transform:rotate(5deg)}.hero-phone:before{content:"";position:absolute;inset:9px;background:white;border-radius:23px}.mobile-dashboard{position:absolute;z-index:3;inset:30px 18px 18px}.mobile-dashboard>b{font-size:13px}.mini-metric-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.mini-metric-row i{height:46px;border-radius:10px;background:#edf4f1}.mini-chart{height:72px;border-radius:12px;background:linear-gradient(160deg,#dff7f2,#91dccd);position:relative}.mini-chart:after{content:"";position:absolute;left:10px;right:10px;bottom:18px;height:2px;background:#0a8c76;transform:skewY(-9deg)}.mini-lines{display:grid;gap:8px;margin-top:12px}.mini-lines span{height:11px;border-radius:7px;background:#edf2f0}.jsonic-proofbar{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proofbar-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proofbar-grid>div{padding:23px 18px;text-align:center;border-right:1px solid var(--line)}.proofbar-grid>div:last-child{border-right:0}.proofbar-grid b{display:block;font-size:18px}.proofbar-grid span{color:var(--muted);font-size:13px}.feature-nav{display:flex;justify-content:center;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-top:38px}.feature-nav a{padding:15px 18px;border-bottom:2px solid transparent;font-weight:760;color:#50615b}.feature-nav a:hover{color:var(--brand);border-bottom-color:var(--accent)}.feature-story{padding:92px 0;background:#fff}.feature-story.alt-story{background:#f8fbfa}.feature-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.feature-story-grid.reverse .feature-visual{order:2}.feature-story-grid.reverse .feature-copy{order:1}.feature-copy h2{font-size:clamp(38px,4.4vw,56px);line-height:1.02;letter-spacing:-.045em;margin:0 0 10px}.feature-sub{font-size:20px;color:#40514b;margin:0 0 18px}.feature-copy ul{padding-left:20px;color:#43544e}.feature-copy li{margin:10px 0}.inline-cta{display:inline-block;margin-top:15px;color:#087a67;font-weight:850}.feature-visual{min-height:400px;border-radius:34px;position:relative;overflow:hidden;background:linear-gradient(145deg,#eff8f5,#edf6ff);border:1px solid var(--line)}.visual-device{position:absolute;left:8%;right:8%;top:14%;bottom:12%;background:#13201c;border-radius:28px;padding:10px;box-shadow:0 25px 55px rgba(16,35,30,.19)}.visual-screen{height:100%;border-radius:19px;background:#fff;padding:12px}.visual-toolbar{height:24px;background:#173b31;border-radius:8px;margin-bottom:9px}.visual-pos-layout{display:grid;grid-template-columns:1.5fr .65fr;gap:9px;height:calc(100% - 33px)}.visual-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.visual-product-grid i{border-radius:9px;background:linear-gradient(135deg,#e0ece8,#ccdfd9)}.visual-order{border:1px solid #dfe8e5;border-radius:11px;padding:10px;display:grid;gap:9px}.visual-order b,.visual-order span{height:11px;background:#e9f0ed;border-radius:6px}.visual-order strong{height:30px;border-radius:8px;background:#0d7c68;margin-top:auto}.payment-scene{position:absolute;inset:15%;display:flex;align-items:center;justify-content:center;gap:28px}.receipt-card{width:255px;background:white;border-radius:22px;padding:24px;box-shadow:0 20px 40px rgba(20,45,38,.14);display:grid;gap:13px}.receipt-card span{padding:10px;border-radius:10px;background:#f2f7f5}.receipt-card strong{padding:12px;border-radius:11px;background:#173b31;color:white;text-align:center}.payment-terminal{width:145px;height:190px;border-radius:28px;background:#173b31;color:white;display:grid;place-items:center;font-size:56px;box-shadow:0 25px 45px rgba(16,35,30,.18);transform:rotate(8deg)}.warehouse-map{position:absolute;inset:0;color:#5aa790}.warehouse-box{position:absolute;width:86px;height:72px;background:linear-gradient(145deg,#d5bb86,#ae8a51);border-radius:10px;box-shadow:0 18px 30px rgba(59,41,12,.12)}.warehouse-box.a{left:10%;top:14%}.warehouse-box.b{right:12%;top:18%}.warehouse-box.c{left:15%;bottom:12%}.warehouse-box.d{right:14%;bottom:13%}.warehouse-screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:155px;background:#fff;border:8px solid #173b31;border-radius:18px;padding:15px;display:grid;gap:9px;z-index:3}.warehouse-screen i{height:11px;background:#e8efec;border-radius:6px}.warehouse-screen strong{font-size:12px;color:#b54708}.warehouse-map svg{position:absolute;inset:0;width:100%;height:100%}.analytics-laptop{position:absolute;left:8%;right:11%;top:12%;height:255px;background:#1d2824;border-radius:24px 24px 12px 12px;padding:10px}.analytics-laptop:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-20px;height:22px;border-radius:0 0 50px 50px;background:#c9d0ce}.analytics-screen{height:100%;border-radius:15px;background:white;padding:13px}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric-strip i{height:38px;background:#eef4f2;border-radius:8px}.line-chart{height:92px;margin:13px 0;background:#f8faf9;border-radius:9px;position:relative}.line-chart span{position:absolute;left:10px;right:10px;top:48%;height:3px;background:#16a085;transform:skewY(-7deg)}.bar-chart{display:flex;gap:8px;align-items:end;height:60px}.bar-chart i{flex:1;background:#bce7de;border-radius:6px 6px 0 0}.bar-chart i:nth-child(1){height:30%}.bar-chart i:nth-child(2){height:55%}.bar-chart i:nth-child(3){height:42%}.bar-chart i:nth-child(4){height:78%}.bar-chart i:nth-child(5){height:66%}.bar-chart i:nth-child(6){height:88%}.analytics-phone{position:absolute;right:4%;bottom:10%;width:120px;height:205px;border-radius:25px;background:white;border:8px solid #17221f;padding:15px;box-shadow:0 16px 36px rgba(20,40,34,.2);display:grid;gap:9px}.mini-donut{width:62px;height:62px;margin:auto;border-radius:50%;border:11px solid #8fd4c7;border-right-color:#e8f1ee}.analytics-phone span{height:10px;background:#e7efec;border-radius:6px}.employee-board{position:absolute;left:7%;right:34%;top:12%;bottom:12%;background:white;border-radius:22px;padding:18px;box-shadow:0 20px 42px rgba(20,45,38,.14)}.employee-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px}.employee-head i,.employee-row i{width:34px;height:34px;border-radius:50%;background:#cce8e2}.employee-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf2f0}.employee-row span{height:10px;background:#e7efec;border-radius:6px}.employee-row b{font-size:11px;color:#087443}.pin-pad{position:absolute;right:8%;bottom:10%;width:185px;background:#173b31;color:white;border-radius:22px;padding:20px;box-shadow:0 18px 40px rgba(20,45,38,.2)}.pin-pad>b{display:block;font-size:24px;text-align:center}.pin-pad>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.pin-pad i{height:38px;background:rgba(255,255,255,.13);border-radius:9px}.customer-card-ui{position:absolute;left:9%;top:11%;width:58%;bottom:10%;background:white;border-radius:24px;padding:26px;box-shadow:0 22px 45px rgba(20,45,38,.14)}.customer-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(145deg,#bcded7,#78b8aa);margin-bottom:13px}.customer-card-ui>b{display:block;font-size:24px}.customer-card-ui>span{color:var(--muted)}.customer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.customer-stats i{height:48px;background:#eef4f2;border-radius:10px}.customer-lines{display:grid;gap:9px}.customer-lines span{height:12px;background:#e8efec;border-radius:7px}.loyalty-chip{position:absolute;right:8%;bottom:20%;padding:20px 24px;border-radius:20px;background:#173b31;color:white;font-size:28px;box-shadow:0 18px 42px rgba(20,45,38,.2)}.loyalty-chip b{font-size:18px}.table-map{position:absolute;left:7%;top:12%;width:58%;bottom:12%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.table-map i{border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;border:6px solid white;box-shadow:0 10px 25px rgba(20,45,38,.12)}.table-map .free{background:#dff4ed;color:#087443}.table-map .busy{background:#ffd9d4;color:#b42318}.table-map .warn{background:#ffedcc;color:#b54708}.kitchen-ticket{position:absolute;right:8%;top:24%;width:220px;background:#173b31;color:white;border-radius:22px;padding:24px;display:grid;gap:13px;box-shadow:0 20px 45px rgba(20,45,38,.2)}.kitchen-ticket span{padding:11px;border-radius:10px;background:rgba(255,255,255,.1)}.kitchen-ticket strong{padding:11px;background:#1b9a7f;border-radius:10px;text-align:center}.business-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.business-type-grid>div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}.business-type-grid span{font-size:30px}.business-type-grid b{display:block;font-size:20px;margin:8px 0 4px}.business-type-grid p{margin:0;color:var(--muted)}.jsonic-final-band{background:linear-gradient(135deg,#102f28,#155845);color:#fff}.jsonic-final-band p{color:#c5d8d1}.jsonic-final-band .btn.primary{background:#fff;color:#173b31}.jsonic-final-band .btn{border-color:rgba(255,255,255,.25)}
/* Support widget */
.support-fab{position:fixed;right:24px;bottom:24px;z-index:150;width:60px;height:60px;border:0;border-radius:50%;background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 70%,var(--accent)));color:#fff;font-size:25px;cursor:pointer;box-shadow:0 18px 40px rgba(13,46,37,.27);transition:.25s var(--ease)}.support-fab:hover{transform:translateY(-3px) scale(1.03)}.support-drawer{position:fixed;right:24px;bottom:96px;z-index:149;width:min(390px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 125px));display:none;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 90px rgba(10,32,26,.26);overflow:hidden}.support-drawer.open{display:block}.support-head{background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 72%,var(--accent)));color:#fff;padding:24px;position:relative}.support-head h3{font-size:24px;margin:4px 0}.support-head p{margin:0;color:rgba(255,255,255,.78)}.support-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer}.support-body{padding:20px;max-height:480px;overflow:auto}.support-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.support-quick a{padding:11px;border:1px solid var(--line);border-radius:12px;text-align:center;font-weight:800;font-size:13px}.support-body .field{margin-bottom:12px}.support-body textarea{min-height:110px}.support-note{font-size:12px;color:var(--muted);margin-top:9px}.support-submit-status{display:none;margin-top:10px;padding:10px 12px;border-radius:10px;background:#edf8f4;color:#087443;font-size:13px}.support-submit-status.show{display:block}
@media(max-width:1000px){.product-showcase-grid,.hero-split,.feature-story-grid{grid-template-columns:1fr}.feature-story-grid.reverse .feature-visual,.feature-story-grid.reverse .feature-copy{order:initial}.about-strip,.proofbar-grid,.business-type-grid{grid-template-columns:repeat(2,1fr)}.product-showcase{min-height:680px}.jsonic-device-stage{min-height:390px}.nav-actions .btn.small{display:none}}
@media(max-width:700px){.ecosystem-orbit{min-height:520px}.orbit-jsonic{left:50%;top:12%;transform:translateX(-50%)}.orbit-homelink{left:50%;right:auto;bottom:9%;transform:translateX(-50%)}.ecosystem-orbit:before{width:260px;height:350px}.ecosystem-orbit:after{width:360px;height:460px}.about-strip,.product-showcase-grid,.proofbar-grid,.business-type-grid{grid-template-columns:1fr}.product-showcase{min-height:720px;padding:22px}.phone-back{left:8%}.phone-front{left:42%}.tablet-device{left:0;right:5%}.jsonic-phone{right:-8%}.hero-split{gap:18px}.hero-copy-left h1{font-size:45px}.jsonic-device-stage{min-height:330px}.hero-tablet{right:2%;height:250px}.hero-phone{width:126px;height:240px;right:-4%;bottom:0}.feature-story{padding:64px 0}.feature-story-grid{gap:28px}.feature-visual{min-height:320px}.feature-copy h2{font-size:39px}.payment-scene{inset:10%;gap:10px}.receipt-card{width:210px}.payment-terminal{width:100px;height:150px}.warehouse-screen{width:170px}.analytics-laptop{right:6%;height:210px}.analytics-phone{width:95px;height:170px}.employee-board{right:25%;padding:14px}.pin-pad{right:3%;width:145px;padding:14px}.customer-card-ui{width:70%;padding:18px}.loyalty-chip{right:3%;font-size:20px;padding:14px}.table-map{width:68%;gap:8px}.kitchen-ticket{right:2%;width:165px;padding:16px}.support-fab{right:16px;bottom:16px}.support-drawer{right:16px;bottom:86px}}

/* v0.7.0 public download page — no dev notes */
body.jsofy-download{--brand:#6856F6;--accent:#16D3D0;--line:#E4E4EF;--ink:#181B2E;--muted:#6C7184;background:linear-gradient(180deg,#FAF9FF 0%,#F2FBFB 72%,#fff 100%);min-height:100vh}.download-nav{height:72px;width:min(1120px,calc(100% - 36px));margin:auto;display:flex;justify-content:space-between;align-items:center}.download-nav>div{display:flex;gap:18px}.download-nav>div a{font-size:13px;font-weight:800;color:#606579}.portal-brand{display:flex;align-items:center;gap:8px;font-weight:900}.portal-brand>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#6856F6,#A651DB);box-shadow:0 9px 20px rgba(104,86,246,.22)}.portal-brand small{font-weight:700;color:#8B8FA0}.dl-wrap{width:min(1040px,calc(100% - 36px));margin:0 auto;padding:48px 0 64px}.dl-head{text-align:center;max-width:760px;margin:0 auto 34px}.download-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#6856F6}.dl-head h1{font-size:clamp(42px,6vw,66px);line-height:1.05;letter-spacing:-.052em;margin:12px 0}.dl-head p{font-size:17px;line-height:1.7;color:#6C7184;margin:0 auto}.dl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dl-card{background:#fff;border:1px solid #E3E4EE;border-radius:26px;padding:28px;box-shadow:0 18px 50px rgba(52,47,102,.08)}.dl-brand{display:flex;align-items:center;gap:14px}.dl-brand img{width:58px;height:58px;border-radius:16px;object-fit:contain}.dl-brand b{font-size:23px}.dl-brand div div{color:#7C8192;font-size:13px}.dl-desc{color:#666C7E;line-height:1.65;min-height:52px;margin:17px 0 0}.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.meta div{background:#F7F7FB;border:1px solid #EEEFF5;border-radius:14px;padding:13px;min-width:0}.meta small{display:block;color:#858A9A;margin-bottom:4px;font-size:11px}.meta b{font-size:13px;overflow-wrap:anywhere}.dl-download-btn{min-height:50px;border:1.5px solid #D4D5E2!important;background:#fff!important;color:#666C7E!important}.dl-download-btn.ready{background:linear-gradient(135deg,#6856F6,#A651DB)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 25px rgba(104,86,246,.22)}.dl-download-btn[disabled]{opacity:1;cursor:not-allowed}.dl-download-btn.unavailable{background:#FAFAFC!important;color:#8C91A0!important}.dl-status{font-size:12px;color:#858A98;line-height:1.5;margin:10px 0 0}.download-help{margin-top:24px;border:1px solid #E1E1ED;background:linear-gradient(135deg,#F3F1FF,#ECFAFA);border-radius:22px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.download-help b{font-size:17px}.download-help p{margin:4px 0 0;color:#686E80;font-size:13px;line-height:1.6;max-width:700px}.download-help-btn{background:#fff;border-color:#D8D8E7;color:#5147C8}.download-footer{background:#11152B;color:#B8BED1;margin-top:24px}.download-footer-inner{width:min(1040px,calc(100% - 36px));margin:auto;padding:42px 0 28px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.download-footer .footer-brand{color:#fff}.download-footer p{max-width:390px;color:#AAB0C4;font-size:13px}.download-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-content:start}.download-footer-links a{color:#C5CAD9;font-size:13px;font-weight:700}.download-footer-links a:hover{color:#16D3D0}.download-footer-bottom{width:min(1040px,calc(100% - 36px));margin:auto;padding:18px 0 28px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#848BA0}
@media(max-width:760px){.dl-grid{grid-template-columns:1fr}.meta{grid-template-columns:1fr 1fr}.download-help{align-items:flex-start;flex-direction:column}.download-footer-inner{grid-template-columns:1fr}.download-nav>div a:first-child{display:none}}