: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}}

/* ============================================================
   JSOFY HOME v0.6 — WebCore-inspired purple / cyan brand system
   Scoped to .jsofy-home so other product sites are unaffected.
   ============================================================ */
.jsofy-home{
  --j-ink:#10142A;
  --j-muted:#687083;
  --j-primary:#6856F6;
  --j-primary-end:#A651DB;
  --j-accent:#16D3D0;
  --j-line:#E5E7EE;
  --j-soft:#F3F2FF;
  --j-soft-cyan:#ECFBFB;
  --j-dark:#0C1124;
  --j-success:#19AF78;
  --j-gradient:linear-gradient(100deg,#6856F6,#8D50DD);
  --j-brand-gradient:linear-gradient(90deg,#6254F2,#C04DDE);
  color:var(--j-ink);
  background:#fff;
}
.jsofy-home .wrap{width:min(1180px,calc(100% - 44px))}
.jsofy-home .jsofy-nav{border-color:rgba(229,231,238,.86);background:rgba(255,255,255,.9)}
.jsofy-home .jsofy-nav.scrolled{background:rgba(255,255,255,.97);box-shadow:0 10px 34px rgba(28,30,64,.08)}
.jsofy-home .jsofy-brand{color:var(--j-ink);font-weight:850;letter-spacing:-.03em}
.jsofy-home .jsofy-brandmark{background:linear-gradient(135deg,#6856F6,#A651DB)!important;color:#fff!important;border-radius:10px;box-shadow:0 8px 22px rgba(104,86,246,.24)}
.jsofy-home .navlinks{color:#5C6273;gap:26px;font-weight:680}
.jsofy-home .navlinks a:after{background:linear-gradient(90deg,#6856F6,#16D3D0)}
.jsofy-nav-actions{display:flex;align-items:center;gap:10px}.jsofy-signin{font-size:14px;font-weight:760;color:#53596B;padding:10px 12px}.jsofy-home .jsofy-navcta{background:var(--j-gradient)!important;color:#fff!important;border-radius:8px;padding:12px 19px;box-shadow:0 10px 26px rgba(104,86,246,.18)}

.jsofy-hero-v2{position:relative;overflow:hidden;padding:76px 0 56px;background:linear-gradient(180deg,#fff 0%,#F8F7FF 76%,#fff 100%)}
.jsofy-hero-v2:before{content:"";position:absolute;width:620px;height:620px;right:-250px;top:-310px;border-radius:50%;background:radial-gradient(circle,rgba(104,86,246,.16),rgba(104,86,246,0) 68%)}
.jsofy-hero-v2:after{content:"";position:absolute;width:520px;height:520px;left:-270px;bottom:-350px;border-radius:50%;background:radial-gradient(circle,rgba(22,211,208,.14),rgba(22,211,208,0) 70%)}
.jsofy-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center;min-height:600px}
.jsofy-hero-copy{padding:26px 0}.jsofy-eyebrow,.jsofy-kicker{display:inline-block;color:#6856F6;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.jsofy-hero-copy h1{font-size:clamp(49px,5.1vw,69px);line-height:1.065;letter-spacing:-.047em;font-weight:720;margin:19px 0 22px;max-width:720px}.jsofy-hero-copy h1 span{background:linear-gradient(90deg,#6254F2,#A651DB);color:#78E7E3;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.jsofy-hero-copy>p{font-size:18px;line-height:1.72;color:var(--j-muted);max-width:665px;margin:0}.jsofy-hero-actions{margin-top:28px}.jsofy-home .jsofy-primary{background:var(--j-gradient);color:#fff;border-color:transparent;border-radius:8px;box-shadow:0 12px 30px rgba(104,86,246,.19)}.jsofy-home .jsofy-primary:hover{box-shadow:0 16px 34px rgba(104,86,246,.27)}.jsofy-home .jsofy-secondary{border-color:#D9D9E7;color:#313648;background:rgba(255,255,255,.82);border-radius:8px}.jsofy-hero-note{margin-top:20px;color:#767C8E;font-size:13px;display:flex;align-items:center;gap:8px}.jsofy-hero-note span{color:#19AF78;font-weight:900}

.jsofy-hero-visual{position:relative;height:535px;min-width:0}.hero-glow{position:absolute;border-radius:50%;filter:blur(1px)}.hero-glow-a{width:370px;height:370px;background:radial-gradient(circle,rgba(104,86,246,.17),rgba(104,86,246,0));right:20px;top:20px}.hero-glow-b{width:330px;height:330px;background:radial-gradient(circle,rgba(22,211,208,.16),rgba(22,211,208,0));left:10px;bottom:0}.jsofy-account-chip{position:absolute;z-index:10;left:48%;top:40%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--j-line);border-radius:16px;padding:12px 15px;box-shadow:0 15px 42px rgba(46,44,101,.16)}.jsofy-chip-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#6856F6,#A651DB);color:#fff;font-weight:900}.jsofy-account-chip b{display:block;font-size:13px}.jsofy-account-chip small{display:block;color:#83889A;font-size:10px;margin-top:1px}
.hero-product-window{position:absolute;background:#fff;border:1px solid #E2E4ED;border-radius:20px;box-shadow:0 28px 70px rgba(35,38,83,.16);overflow:hidden}.hero-jsonic-window{left:0;right:28px;top:44px;height:330px;transform:rotate(-1.5deg)}.hero-window-head{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #ECECF3}.hero-window-brand{display:flex;align-items:center;gap:8px}.hero-window-brand img{width:24px;height:24px}.hero-window-brand b{font-size:13px}.hero-window-head>span{font-size:10px;color:#19AF78;background:#EBFAF5;border-radius:999px;padding:5px 8px;font-weight:760}.hero-jsonic-body{height:calc(100% - 52px);display:grid;grid-template-columns:58px 1fr}.hero-jsonic-side{background:#10142A;padding:17px 13px;display:grid;gap:12px;align-content:start}.hero-jsonic-side i{height:8px;border-radius:9px;background:rgba(255,255,255,.25)}.hero-jsonic-side i:first-child{background:#16D3D0}.hero-jsonic-main{padding:19px}.hero-ui-title{display:flex;align-items:center;justify-content:space-between}.hero-ui-title span{font-weight:800;font-size:14px}.hero-ui-title small{color:#8A8FA0}.hero-metrics{display:grid;grid-template-columns:1.3fr .7fr;gap:9px;margin:14px 0}.hero-metrics>div{background:#F6F5FF;border:1px solid #EBE9FE;border-radius:12px;padding:11px}.hero-metrics small{display:block;color:#777D8E;font-size:9px}.hero-metrics b{font-size:16px}.hero-chart{height:85px;background:linear-gradient(180deg,#F9F9FD,#fff);border:1px solid #EEEFF5;border-radius:12px;display:flex;align-items:end;gap:6px;padding:11px;position:relative}.hero-chart span{position:absolute;left:12px;right:12px;top:35px;height:2px;background:linear-gradient(90deg,#6856F6,#16D3D0);transform:skewY(-7deg);box-shadow:0 7px 14px rgba(104,86,246,.14)}.hero-chart i{flex:1;border-radius:4px 4px 1px 1px;background:#E7E5FF}.hero-chart i:nth-of-type(1){height:28%}.hero-chart i:nth-of-type(2){height:46%}.hero-chart i:nth-of-type(3){height:38%}.hero-chart i:nth-of-type(4){height:62%}.hero-chart i:nth-of-type(5){height:54%}.hero-chart i:nth-of-type(6){height:78%}.hero-order-row{margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:10px 12px;border-radius:10px;background:#F2FCFB;color:#454B5E}.hero-order-row b{color:#10142A}
.hero-phone-shell{position:absolute;z-index:7;right:-3px;bottom:8px;width:182px;height:360px;background:#10142A;border-radius:33px;padding:9px;box-shadow:0 30px 62px rgba(20,23,55,.26);transform:rotate(4deg)}.hero-phone-screen{height:100%;border-radius:25px;background:#fff;padding:24px 13px 13px;overflow:hidden}.hero-phone-notch{position:absolute;z-index:2;left:50%;top:9px;transform:translateX(-50%);width:64px;height:15px;border-radius:0 0 10px 10px;background:#10142A}.hero-home-head{display:flex;gap:8px;align-items:center}.hero-home-head img{width:27px;height:27px}.hero-home-head b{display:block;font-size:12px}.hero-home-head small{display:block;color:#8B8FA0;font-size:8px}.hero-home-avatars{display:flex;margin:14px 0 11px}.hero-home-avatars i{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#F0EEFF;color:#6B58E7;font-size:7px;font-weight:850;border:2px solid #fff;margin-left:-4px}.hero-home-avatars i:first-child{margin-left:0;background:#DDF9F6;color:#087A77}.hero-home-card{background:linear-gradient(135deg,#6A58EF,#9D55D9);color:#fff;border-radius:14px;padding:13px}.hero-home-card small{font-size:8px;opacity:.76}.hero-home-card b{display:block;font-size:12px;margin:2px 0}.hero-home-card span{font-size:7px;opacity:.8}.hero-home-list{display:grid;gap:8px;margin-top:10px}.hero-home-list div{display:grid;grid-template-columns:36px 1fr;gap:6px;padding:8px;border:1px solid #EEEFF5;border-radius:10px;font-size:8px}.hero-home-list i{font-style:normal;color:#6D58EA;font-weight:800}.hero-home-list span{color:#555B6D}

.jsofy-proof-strip{background:#fff;border-top:1px solid #EEEFF5;border-bottom:1px solid #EEEFF5}.jsofy-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.jsofy-proof-grid>div{display:flex;align-items:baseline;gap:9px;justify-content:center;border-right:1px solid #ECECF3}.jsofy-proof-grid>div:last-child{border-right:0}.jsofy-proof-grid b{font-size:22px;letter-spacing:-.04em;color:#10142A}.jsofy-proof-grid span{font-size:12px;color:#7A8091}

.jsofy-about{padding:72px 0;background:#fff}.jsofy-about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px;align-items:start}.jsofy-section-copy h2,.jsofy-section-head h2,.jsofy-values-head h2,.jsofy-support h2{font-size:clamp(38px,4.1vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:700;margin:12px 0 0}.jsofy-about-copy>p{margin:0;color:#606678;font-size:17px;line-height:1.78}.jsofy-inline-points{margin-top:28px;border-top:1px solid var(--j-line)}.jsofy-inline-points>div{display:grid;grid-template-columns:42px 170px 1fr;gap:12px;align-items:start;padding:18px 0;border-bottom:1px solid var(--j-line)}.jsofy-inline-points span{font-size:11px;color:#8D50DD;font-weight:850}.jsofy-inline-points b{font-size:14px}.jsofy-inline-points p{margin:0;font-size:13px;color:#777D8E;line-height:1.5}

.jsofy-products{padding:76px 0 80px;background:#F8F8FC}.jsofy-section-head{max-width:780px;margin:0 auto 46px;text-align:center}.jsofy-section-head.compact h2{margin:11px 0 14px}.jsofy-section-head p{font-size:17px;line-height:1.7;color:#6B7183;margin:0 auto;max-width:760px}.jsofy-product-row{display:grid;grid-template-columns:.87fr 1.13fr;gap:64px;align-items:center;padding:48px 0;border-top:1px solid #E2E4ED}.jsofy-product-row:last-child{border-bottom:1px solid #E2E4ED}.jsofy-product-homelink{grid-template-columns:1.12fr .88fr}.jsofy-product-copy{padding:10px 0}.jsofy-product-label{display:flex;align-items:center;gap:10px}.jsofy-product-label>span{font-size:11px;font-weight:850;color:#A0A4B1;margin-right:2px}.jsofy-product-label img{width:43px;height:43px;object-fit:contain}.jsofy-product-label b{font-size:17px}.jsofy-product-copy h3{font-size:clamp(36px,3.7vw,48px);line-height:1.08;letter-spacing:-.042em;font-weight:680;margin:18px 0 16px}.jsofy-product-copy>p{font-size:16px;line-height:1.75;color:#676D7F;margin:0;max-width:560px}.jsofy-feature-line{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.jsofy-feature-line span{font-size:11px;font-weight:780;color:#5B6071;border:1px solid #DCDDE6;padding:7px 10px;border-radius:999px;background:#fff}.jsofy-text-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:#6856F6;padding:13px 2px}.jsofy-text-link span{transition:.22s}.jsofy-text-link:hover span{transform:translateX(4px)}

.jsofy-product-visual{position:relative;min-height:430px}.jsonic-realistic-ui{background:linear-gradient(135deg,#EDEBFF,#E8FBFB);border-radius:28px;overflow:hidden;border:1px solid #E3E2F3}.jsonic-realistic-ui:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-80px;background:rgba(22,211,208,.17)}.jsonic-tablet-frame{position:absolute;left:28px;right:45px;top:42px;height:330px;background:#10142A;border-radius:22px;padding:9px;box-shadow:0 28px 55px rgba(28,30,64,.23);transform:rotate(-1.5deg);z-index:2}.jsonic-screen{height:100%;border-radius:14px;background:#F9FAFC;overflow:hidden}.jsonic-topbar{height:39px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:0 12px;border-bottom:1px solid #ECEEF3;background:#fff;font-size:8px;color:#74798B}.jsonic-topbar>div{display:flex;align-items:center;gap:6px}.jsonic-topbar img{width:18px}.jsonic-topbar b{font-size:9px;color:#10142A}.jsonic-workspace{display:grid;grid-template-columns:86px 1fr;height:calc(100% - 39px)}.jsonic-workspace aside{background:#11162B;color:#AEB3C3;padding:16px 10px;display:grid;align-content:start;gap:10px;font-size:7px}.jsonic-workspace aside b{color:#fff;background:rgba(104,86,246,.25);padding:7px;border-radius:6px}.jsonic-workspace aside span{padding-left:7px}.jsonic-dashboard-main{padding:14px}.jsonic-screen-title{display:flex;justify-content:space-between;align-items:center}.jsonic-screen-title small{display:block;color:#959AAA;font-size:7px}.jsonic-screen-title b{display:block;font-size:10px}.jsonic-screen-title button{border:0;background:#6856F6;color:#fff;border-radius:6px;padding:7px 9px;font-size:7px}.jsonic-stat-row{display:grid;grid-template-columns:1.3fr .7fr .8fr;gap:7px;margin:12px 0}.jsonic-stat-row>div{border:1px solid #E7E8EF;background:#fff;border-radius:9px;padding:9px}.jsonic-stat-row small{display:block;color:#9499AA;font-size:6px}.jsonic-stat-row b{display:block;font-size:11px;margin:2px 0}.jsonic-stat-row em{font-style:normal;color:#19AF78;font-size:6px}.jsonic-stat-row em.warn{color:#C77C19}.jsonic-screen-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:7px}.jsonic-chart-panel,.jsonic-order-panel{background:#fff;border:1px solid #E7E8EF;border-radius:9px;padding:9px}.jsonic-chart-panel>b,.jsonic-order-panel>b{font-size:7px}.jsonic-bars{height:77px;display:flex;align-items:end;gap:5px;padding-top:8px}.jsonic-bars i{flex:1;background:linear-gradient(180deg,#6856F6,#A651DB);border-radius:3px 3px 1px 1px;opacity:.82}.jsonic-bars i:nth-child(1){height:28%}.jsonic-bars i:nth-child(2){height:50%}.jsonic-bars i:nth-child(3){height:43%}.jsonic-bars i:nth-child(4){height:67%}.jsonic-bars i:nth-child(5){height:58%}.jsonic-bars i:nth-child(6){height:82%}.jsonic-bars i:nth-child(7){height:72%}.jsonic-order-panel span{display:flex;justify-content:space-between;border-top:1px solid #F0F0F4;padding:8px 0;font-size:6px}.jsonic-order-panel i{font-style:normal;color:#74798B}.jsonic-mini-phone{position:absolute;z-index:5;right:18px;bottom:20px;width:125px;height:230px;border:8px solid #10142A;border-radius:25px;background:#fff;padding:24px 13px 12px;box-shadow:0 22px 45px rgba(20,23,55,.24);transform:rotate(6deg)}.jsonic-mini-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:52px;height:12px;background:#10142A;border-radius:0 0 8px 8px}.jsonic-mini-phone small{display:block;color:#8C91A2;font-size:7px}.jsonic-mini-phone b{display:block;font-size:20px;margin:5px 0;color:#10142A}.jsonic-mini-phone span{font-size:7px;color:#19AF78}.jsonic-mini-chart{display:flex;align-items:end;gap:4px;height:80px;margin-top:15px}.jsonic-mini-chart i{flex:1;border-radius:4px 4px 0 0;background:#A997FF}.jsonic-mini-chart i:nth-child(1){height:35%}.jsonic-mini-chart i:nth-child(2){height:55%}.jsonic-mini-chart i:nth-child(3){height:45%}.jsonic-mini-chart i:nth-child(4){height:78%}.jsonic-mini-chart i:nth-child(5){height:66%}
.homelink-realistic-ui{min-height:440px;background:linear-gradient(135deg,#EBFBFA,#F2EEFF);border-radius:28px;border:1px solid #E1EAEF;overflow:hidden}.homelink-realistic-ui:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;left:-70px;bottom:-80px;background:rgba(22,211,208,.15)}.home-phone{position:absolute;width:190px;height:370px;background:#10142A;border-radius:34px;padding:9px;box-shadow:0 28px 52px rgba(20,23,55,.22);top:36px}.phone-a{left:17%;transform:rotate(-5deg)}.phone-b{left:47%;transform:rotate(5deg);top:24px}.home-notch{position:absolute;z-index:3;left:50%;top:9px;transform:translateX(-50%);width:64px;height:14px;background:#10142A;border-radius:0 0 9px 9px}.home-screen{height:100%;border-radius:26px;background:#fff;padding:28px 13px 13px;overflow:hidden}.home-screen-top{display:flex;align-items:end;justify-content:space-between}.home-screen-top b{font-size:13px}.home-screen-top span{font-size:7px;color:#999EAD}.home-family{display:flex;margin:13px 0}.home-family i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;margin-left:-4px;border:2px solid #fff;background:#E8E5FF;color:#6856F6;font-size:7px;font-weight:800}.home-family i:first-child{margin-left:0;background:#DDF9F6;color:#097A77}.home-location-card{padding:13px;border-radius:13px;background:linear-gradient(135deg,#0F8D88,#16B7AF);color:#fff}.home-location-card small{font-size:7px;opacity:.7}.home-location-card b{display:block;font-size:11px;margin:3px 0}.home-location-card span{font-size:6px;opacity:.78}.home-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.home-quick-grid div{height:62px;border-radius:11px;background:#F5F5FA;padding:9px;font-size:13px}.home-quick-grid b{display:block;font-size:7px;margin-top:4px}.home-day-card{padding:12px;border-radius:12px;margin-top:10px}.home-day-card small{font-size:7px;opacity:.7}.home-day-card b{display:block;font-size:11px;margin:2px 0}.home-day-card span{font-size:7px;opacity:.72}.home-day-card.purple{background:#ECE9FF;color:#5646C6}.home-day-card.aqua{background:#DDF9F6;color:#087A77}.home-day-card.soft{background:#F6F7F9;color:#6F7585}

.jsofy-values{padding:74px 0;background:#0C1124;color:#fff}.jsofy-values-head{max-width:760px}.jsofy-values-head .light{color:#16D3D0}.jsofy-values-head h2{max-width:680px}.jsofy-values-head p{color:#AEB4C7;font-size:16px;line-height:1.7;max-width:670px}.jsofy-values-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.jsofy-values-grid>div{padding:30px 30px 34px 0;border-right:1px solid rgba(255,255,255,.14)}.jsofy-values-grid>div+div{padding-left:30px}.jsofy-values-grid>div:last-child{border-right:0}.jsofy-values-grid span{color:#16D3D0;font-size:11px;font-weight:850}.jsofy-values-grid h3{font-size:20px;margin:12px 0 8px}.jsofy-values-grid p{margin:0;color:#AEB4C7;font-size:14px;line-height:1.65}

.jsofy-pricing{padding:76px 0 82px;background:linear-gradient(180deg,#F8F7FF,#fff)}.jsofy-pricing-shell{display:grid;grid-template-columns:1fr 1px 1fr;background:#fff;border:1px solid #E3E4EE;border-radius:22px;box-shadow:0 24px 65px rgba(61,54,136,.10);overflow:hidden}.jsofy-pricing-divider{background:#E9E9F0}.jsofy-pricing-product{padding:32px}.jsofy-pricing-brand{display:flex;align-items:center;gap:11px}.jsofy-pricing-brand img{width:48px;height:48px;object-fit:contain}.jsofy-pricing-brand small{display:block;text-transform:uppercase;letter-spacing:.12em;color:#9297A7;font-size:9px;font-weight:800}.jsofy-pricing-brand b{display:block;font-size:19px}.jsofy-price-rows{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0;border-top:1px solid #ECECF2;border-bottom:1px solid #ECECF2}.jsofy-price-rows>div{padding:19px 12px 19px 0;border-right:1px solid #ECECF2}.jsofy-price-rows>div+div{padding-left:16px}.jsofy-price-rows>div:last-child{border-right:0}.jsofy-price-rows span{display:block;font-size:11px;color:#777D8E}.jsofy-price-rows b{display:block;font-size:21px;margin:4px 0;letter-spacing:-.03em}.jsofy-price-rows small{font-size:9px;color:#989CAB}.jsofy-pricing-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}

.jsofy-support{padding:76px 0;background:#fff}.jsofy-support-grid{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center}.jsofy-support h2{margin:12px 0 16px}.jsofy-support p{color:#686E80;font-size:16px;line-height:1.74;max-width:650px}.jsofy-support-preview{background:linear-gradient(145deg,#6856F6,#8D50DD 65%,#16B6B3);border-radius:26px;padding:22px;box-shadow:0 28px 65px rgba(67,54,155,.2);min-height:365px}.support-preview-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#fff}.support-preview-head b{display:block}.support-preview-head small{display:block;opacity:.72;font-size:11px}.support-preview-head i{font-style:normal;color:#45E2BC;font-size:10px}.support-preview-msg{max-width:86%;padding:13px 15px;border-radius:15px;margin-top:18px;font-size:13px;line-height:1.5}.support-preview-msg.agent{background:#fff;color:#272B3D;border-bottom-left-radius:5px}.support-preview-msg.user{background:rgba(255,255,255,.16);color:#fff;margin-left:auto;border-bottom-right-radius:5px}.support-preview-options{display:grid;gap:8px;margin-top:18px}.support-preview-options span{background:rgba(255,255,255,.94);padding:11px 13px;border-radius:10px;font-size:12px;color:#3E4253;font-weight:700}

.jsofy-home .jsofy-footer{background:#0C1124;color:#AEB4C7;border-top:0;padding:64px 0 24px}.jsofy-footer-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:44px}.jsofy-footer-intro{padding-right:38px}.jsofy-footer .footer-logo{color:#fff;display:inline-flex;margin-bottom:18px}.jsofy-footer p{color:#AEB4C7;line-height:1.7;max-width:330px}.jsofy-footer h4{color:#fff;font-size:13px}.jsofy-footer a{color:#AEB4C7}.jsofy-footer a:hover{color:#16D3D0}.jsofy-footer .footer-email{color:#fff;font-weight:720;margin-top:14px}.jsofy-footer .footer-bottom{border-color:rgba(255,255,255,.12);color:#858CA0}

.jsofy-home .support-fab{background:linear-gradient(145deg,#6856F6,#8D50DD 70%,#16D3D0);box-shadow:0 18px 40px rgba(76,63,178,.28)}.jsofy-home .support-head{background:linear-gradient(145deg,#6856F6,#8D50DD 70%,#16B7B4)}

@media(max-width:1000px){
  .jsofy-hero-grid{grid-template-columns:1fr;min-height:auto;gap:18px}.jsofy-hero-copy{text-align:center}.jsofy-hero-copy h1,.jsofy-hero-copy>p{margin-left:auto;margin-right:auto}.jsofy-hero-actions,.jsofy-hero-note{justify-content:center}.jsofy-hero-visual{max-width:700px;width:100%;margin:auto}.jsofy-about-grid{grid-template-columns:1fr;gap:32px}.jsofy-product-row,.jsofy-product-homelink{grid-template-columns:1fr;gap:28px}.jsofy-product-homelink .jsofy-product-visual{order:2}.jsofy-product-homelink .jsofy-product-copy{order:1}.jsofy-values-grid{grid-template-columns:1fr}.jsofy-values-grid>div,.jsofy-values-grid>div+div{padding:23px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.jsofy-values-grid>div:last-child{border-bottom:0}.jsofy-pricing-shell{grid-template-columns:1fr}.jsofy-pricing-divider{height:1px}.jsofy-support-grid{grid-template-columns:1fr}.jsofy-footer-top{grid-template-columns:1.3fr 1fr 1fr}.jsofy-footer-top>div:last-child{grid-column:2/4}.jsofy-proof-grid{grid-template-columns:repeat(2,1fr)}.jsofy-proof-grid>div:nth-child(2){border-right:0}.jsofy-proof-grid>div{padding:10px 0}
}
@media(max-width:700px){
  .jsofy-home .wrap{width:min(100% - 28px,1180px)}.jsofy-signin{display:none}.jsofy-hero-v2{padding:50px 0 34px}.jsofy-hero-copy h1{font-size:43px;line-height:1.08}.jsofy-hero-copy>p{font-size:16px}.jsofy-hero-visual{height:440px}.hero-jsonic-window{right:0;top:35px;height:270px}.hero-phone-shell{width:145px;height:290px;right:-2px}.jsofy-account-chip{left:42%;top:43%;transform:translate(-50%,-50%) scale(.86)}.hero-jsonic-side{display:none}.hero-jsonic-body{grid-template-columns:1fr}.hero-jsonic-main{padding:13px}.hero-metrics b{font-size:12px}.jsofy-proof-grid{grid-template-columns:1fr 1fr}.jsofy-proof-grid>div{display:grid;text-align:center;gap:2px}.jsofy-proof-grid b{font-size:19px}.jsofy-proof-grid span{font-size:10px}.jsofy-about,.jsofy-products,.jsofy-pricing,.jsofy-support,.jsofy-values{padding-top:64px;padding-bottom:64px}.jsofy-section-copy h2,.jsofy-section-head h2,.jsofy-values-head h2,.jsofy-support h2{font-size:38px}.jsofy-inline-points>div{grid-template-columns:34px 1fr}.jsofy-inline-points p{grid-column:2}.jsofy-product-row{padding:42px 0}.jsofy-product-copy h3{font-size:36px}.jsofy-product-visual{min-height:350px}.jsonic-tablet-frame{left:10px;right:25px;top:30px;height:270px}.jsonic-mini-phone{right:4px;bottom:10px;transform:rotate(5deg) scale(.82);transform-origin:bottom right}.jsonic-workspace{grid-template-columns:65px 1fr}.jsonic-stat-row{grid-template-columns:1fr 1fr}.jsonic-stat-row>div:last-child{display:none}.jsonic-screen-bottom{grid-template-columns:1fr}.jsonic-order-panel{display:none}.homelink-realistic-ui{min-height:365px}.home-phone{width:155px;height:310px;top:30px}.phone-a{left:5%}.phone-b{left:44%;top:20px}.home-quick-grid div{height:48px}.home-location-card{padding:10px}.jsofy-price-rows{grid-template-columns:1fr}.jsofy-price-rows>div,.jsofy-price-rows>div+div{padding:12px 0;border-right:0;border-bottom:1px solid #ECECF2}.jsofy-price-rows>div:last-child{border-bottom:0}.jsofy-pricing-product{padding:24px}.jsofy-footer-top{grid-template-columns:1fr}.jsofy-footer-top>div:last-child{grid-column:auto}.jsofy-footer-intro{padding-right:0}.jsofy-support-preview{min-height:330px}.jsofy-nav-actions{gap:4px}.jsofy-home .jsofy-navcta{padding:10px 13px}
}

/* v0.7.0 — requested compact SaaS hero + source-backed product visuals */
.jsofy-home .jsofy-hero-v2{padding:62px 0 48px}
.jsofy-home .jsofy-hero-grid{gap:54px;min-height:590px}
.jsofy-home .jsofy-hero-copy{padding:18px 0}
.jsofy-hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #DDD9FF;background:#F5F3FF;color:#5F50E8;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.085em}
.jsofy-home .jsofy-hero-copy h1{font-size:clamp(50px,5.2vw,72px);font-weight:690;line-height:1.2;letter-spacing:-.052em;margin:16px 0 16px;max-width:740px}
.jsofy-home .jsofy-hero-copy h1 .text-gradient{background:linear-gradient(135deg,#6856F6 0%,#A651DB 100%);color:#A651DB;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.jsofy-home .jsofy-hero-copy>p:not(.jsofy-hero-trust){font-size:18px;line-height:1.65;max-width:650px;color:#62687A}
.jsofy-home .jsofy-hero-actions{margin-top:24px;gap:10px}
.jsofy-home .jsofy-hero-actions .btn{min-height:50px;padding:13px 21px}
.jsofy-hero-trust{font-size:13px!important;color:#777D8E!important;margin:15px 0 0!important}.jsofy-hero-trust span{padding:0 5px;color:#A8ACB8}
.jsofy-real-hero{height:570px;position:relative;overflow:visible}
.jsofy-real-hero .real-product-card{position:absolute;background:rgba(255,255,255,.96);border:1px solid #E4E3EF;box-shadow:0 26px 70px rgba(48,43,107,.16);border-radius:24px;padding:15px;z-index:2}
.real-media-label{height:42px;display:flex;align-items:center;gap:9px;padding:0 2px 10px}.real-media-label img{width:30px;height:30px;object-fit:contain}.real-media-label b{display:block;font-size:13px}.real-media-label small{display:block;color:#828698;font-size:10px;margin-top:-2px}
.real-jsonic-card{left:4%;top:10px;width:47%;height:520px;transform:rotate(-1.8deg)}.real-jsonic-card .real-phone-frame{height:447px;border-radius:18px;overflow:hidden;background:#F5F5F8}.real-jsonic-card .real-phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top center}
.real-homelink-card{right:0;top:92px;width:49%;height:405px;transform:rotate(2deg)}.real-home-stack{position:relative;height:335px;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#F7F8FF,#EAFBFA)}.real-home-stack img{position:absolute;top:14px;height:308px;width:auto;border-radius:20px;box-shadow:0 16px 32px rgba(35,42,69,.18);border:1px solid #E7E8EF}.real-home-a{left:15px;z-index:2;transform:rotate(-3deg)}.real-home-b{right:12px;z-index:1;transform:rotate(3deg)}
.real-account-chip{left:48%;top:47%;z-index:5;transform:translate(-50%,-50%);box-shadow:0 16px 45px rgba(87,70,202,.23)}
.product-real-media{background:linear-gradient(145deg,#F4F2FF,#EFFBFA);border:1px solid #E2E2EC;overflow:hidden}.product-real-panel{height:100%;display:grid;place-items:center;padding:28px;position:relative}.product-real-jsonic img{height:470px;width:auto;max-width:78%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(33,38,64,.20))}.source-ui-tag{position:absolute;top:20px;left:22px;font-size:11px;font-weight:800;color:#6856F6;background:white;border:1px solid #E0DDFE;border-radius:999px;padding:7px 10px;z-index:2}
.product-real-homelink{position:relative;min-height:500px;padding:20px}.home-real-device{position:absolute;width:31%;top:48px;border-radius:23px;overflow:hidden;background:#fff;border:1px solid #E5E6ED;box-shadow:0 24px 45px rgba(40,44,72,.16)}.home-real-device img{width:100%;height:auto}.home-real-left{left:6%;transform:rotate(-4deg)}.home-real-center{left:34.5%;top:28px;z-index:3}.home-real-right{right:5%;transform:rotate(4deg)}
@media(max-width:1000px){.jsofy-real-hero{height:520px}.real-jsonic-card{height:475px}.real-jsonic-card .real-phone-frame{height:402px}.real-homelink-card{height:370px}.real-home-stack{height:300px}.real-home-stack img{height:276px}.product-real-jsonic img{height:430px}}
@media(max-width:700px){.jsofy-home .jsofy-hero-copy h1{font-size:42px;line-height:1.16}.jsofy-hero-badge{font-size:9.5px;letter-spacing:.05em}.jsofy-real-hero{height:430px}.real-jsonic-card{left:0;width:53%;height:390px}.real-jsonic-card .real-phone-frame{height:320px}.real-homelink-card{right:-2%;top:60px;width:52%;height:320px}.real-home-stack{height:250px}.real-home-stack img{height:225px;top:13px}.real-account-chip{display:none}.product-real-homelink{min-height:390px}.home-real-device{top:42px;width:34%}.home-real-left{left:1%}.home-real-center{left:33%;top:25px}.home-real-right{right:0}.product-real-jsonic img{height:360px;max-width:90%}}
.jsofy-home .hero-line-primary{white-space:nowrap}
@media(max-width:700px){.jsofy-home .hero-line-primary{white-space:normal}}

/* v0.8.0 · JSONIC Free Cloud / HĐĐT strategic emphasis */
.jsofy-free-strategy{margin:0 0 22px;padding:14px 16px;border:1px solid #d9d4ff;background:linear-gradient(135deg,#f6f4ff,#effcff);border-radius:16px;display:grid;gap:5px}.jsofy-free-strategy b{font-size:14px;color:#4436b8}.jsofy-free-strategy span{font-size:12px;line-height:1.55;color:#5f6473}.jsofy-price-rows>div:first-child{background:linear-gradient(180deg,#faf9ff,#f2feff);padding-left:12px;border-radius:12px 0 0 12px}.jsofy-price-rows>div:first-child span{color:#5e50dd;font-weight:850}.jsofy-price-rows>div:first-child small{color:#565e6d;font-weight:650}