:root{--navy:#0a2235;--blue:#0c4868;--green:#08775d;--mint:#e4f8ef;--muted:#587083;--line:#dce9ee;--paper:#fff;--bg:#f7fbfa;--gold:#c69236;--shadow:0 18px 52px #143c4917;--radius:24px;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--navy);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:16px;line-height:1.58}a{color:inherit}img{max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dcaa45;outline-offset:3px} .container{max-width:1160px;margin:auto;padding:0 24px}
.sitehead{position:sticky;top:0;z-index:12;background:#fffffff2;backdrop-filter:blur(14px);border-bottom:1px solid #d9e7e988}.bar{height:79px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:850;font-size:21px;white-space:nowrap;letter-spacing:-.6px}.mark{width:39px;height:39px;border-radius:12px;color:white;display:grid;place-items:center;background:linear-gradient(140deg,#18a678,#0878af);font-weight:900;box-shadow:0 7px 20px #14a16a38}.brand span span{color:#098a6a}.navlinks{display:flex;align-items:center;gap:22px}.navlinks a{font-size:13px;font-weight:700;text-decoration:none;color:#526879}.navlinks a:hover,.navlinks a.current{color:#087a62}.navcta{background:#0c8569!important;color:#fff!important;padding:11px 17px;border-radius:12px;text-decoration:none;box-shadow:0 10px 19px #0d805b28;white-space:nowrap}.menu{display:none;border:1px solid var(--line);background:white;border-radius:12px;padding:10px 13px}.note{display:inline-flex;gap:8px;align-items:center;color:#0e755b;background:#e0f9ed;font-size:12px;font-weight:800;letter-spacing:.5px;border-radius:100px;padding:7px 13px}.eyebrow{color:#0a9571;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.hero{overflow:hidden;position:relative;background:radial-gradient(circle at 84% 27%,#def5ef 0%,transparent 38%),linear-gradient(135deg,#f5faff,#edfbf5);padding:87px 0 95px}.hero:after{content:"";position:absolute;right:-155px;top:20px;width:500px;height:500px;border:1px solid #96cfb650;border-radius:50%;box-shadow:0 0 0 50px #d8f2e52b,0 0 0 120px #d8f2e51d;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:45px;position:relative;z-index:1}.hero h1{font-size:clamp(39px,5vw,67px);line-height:1.1;letter-spacing:-2.3px;margin:24px 0 20px;font-weight:850}.hero h1 span,.gradient-text{background:linear-gradient(100deg,#0b8367,#0575a6);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.7;color:#556b7d;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border-radius:13px;min-height:49px;padding:12px 21px;font-size:14px;font-weight:800;border:1px solid transparent;transition:transform .16s,background .16s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(110deg,#0a8b65,#0a688e);color:white;box-shadow:0 12px 20px #0d86603a}.btn.secondary{background:white;border-color:#c8e1df;color:#145165}.btn.ghost{background:#eff8f6;color:#0b795d}.small{font-size:13px;color:var(--muted)}.hero-checks{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;font-weight:750;color:#547282}.hero-checks span:before{content:'✓ ';color:#068761}.visual{position:relative;max-width:510px;margin:auto}.aura{position:absolute;inset:20px;border-radius:50%;background:linear-gradient(90deg,#bfeee5,#b8dbe7);filter:blur(52px);opacity:.65}.phone{position:relative;margin:auto;width:min(320px,80vw);background:#fff;border:9px solid #173951;border-radius:39px;overflow:hidden;box-shadow:0 40px 95px #21466d45;transform:rotate(-3deg)}.phone-top{height:45px;background:#fff;padding:10px 18px;color:#19384d;display:flex;justify-content:space-between;font-size:12px;font-weight:750}.phone-body{padding:15px 18px 22px}.phone h3{margin:7px 0 14px;font-size:24px;letter-spacing:-.5px}.searchbar{background:#f0f6f8;padding:13px;border-radius:13px;color:#7890a0;font-size:12px}.tiny-tabs{display:flex;gap:7px;margin:13px 0}.tiny-tabs span{font-size:10px;background:#edf4f8;padding:6px 11px;border-radius:40px;color:#748b9d}.tiny-tabs span:first-child{background:#d7f5e8;color:#087a58;font-weight:850}.contact-row{display:flex;gap:12px;border-bottom:1px solid #edf2f5;padding:15px 0;align-items:center}.avatar{display:grid;place-items:center;flex-shrink:0;height:46px;width:46px;border-radius:17px;background:#dcecfb;color:#18628d;font-weight:850}.avatar.green{background:#daf6e8;color:#078860}.contact-row b{display:block;font-size:12px}.contact-row small{display:block;color:#8a9baa;font-size:10px}.contact-row .callglyph{margin-left:auto;color:#068568}.phone-foot{display:flex;justify-content:space-around;padding:10px 0 0;color:#81949e;border-top:1px solid #eef2f4;font-size:11px}.floatcard{position:absolute;z-index:2;background:white;border:1px solid #e4f0ed;border-radius:17px;padding:13px 18px;box-shadow:var(--shadow);color:#19445b;font-size:12px;font-weight:750}.floatcard.one{top:16%;left:-4%;transform:rotate(-4deg)}.floatcard.two{right:-1%;bottom:11%;transform:rotate(5deg)}
section.pad{padding:85px 0}.sectionhead{text-align:center;margin:0 auto 42px;max-width:720px}.sectionhead h2,.page-head h1{font-size:clamp(30px,3.5vw,44px);line-height:1.16;letter-spacing:-1.2px;margin:12px 0}.sectionhead p,.page-head p{color:var(--muted);font-size:16px}.grid{display:grid;gap:20px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.tile{background:white;border-radius:22px;padding:28px;border:1px solid #e3ecef;box-shadow:0 9px 23px #1d4b6410}.tile h3{margin:15px 0 8px;font-size:18px;letter-spacing:-.3px}.tile p{margin:0;color:#637989;font-size:14px}.icn{background:linear-gradient(145deg,#e5f8ef,#e4f4fb);height:48px;width:48px;display:grid;place-items:center;border-radius:16px;font-size:22px}.stripe{background:#0a2a3e;color:white;padding:50px 0;background-image:radial-gradient(circle at 85% 40%,#16795f77,transparent 50%)}.stripe .flex{display:flex;align-items:center;justify-content:space-between;gap:20px}.stripe h2{margin:0 0 7px;font-size:28px;letter-spacing:-.6px}.stripe p{color:#c4dce6;margin:0}.stripe .btn{background:#fff;color:#096b5b}.page-head{padding:66px 0 45px;text-align:center;background:radial-gradient(ellipse at 50% 0,#dff7ed,transparent 67%)}.page-head h1{font-size:clamp(38px,4vw,52px)}.page-head p{max-width:740px;margin:12px auto}.content{padding:43px 0 90px}.content.narrow{max-width:800px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}.stack>*+*{margin-top:16px}.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:0 8px 19px #21486d0c}.box h2,.box h3{margin:0 0 11px}.box p{color:#5e7383}.step{display:flex;gap:17px;align-items:flex-start;padding:14px 0}.num{border-radius:14px;display:grid;place-items:center;flex:0 0 41px;height:41px;background:#def6e9;color:#096e56;font-weight:900}.step h3{margin:1px 0 5px;font-size:18px}.step p{margin:0;color:#5d7386;font-size:14px}.faq{background:white;border:1px solid var(--line);border-radius:15px;margin-bottom:12px;padding:0 22px}.faq summary{cursor:pointer;padding:19px 0;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'+';color:#098261}.faq[open] summary:after{content:'−'}.faq p{margin:0 0 20px;color:#5c7084}.tag{display:inline-block;border-radius:30px;background:#e6f7f0;color:#0b7255;font-size:11px;font-weight:850;padding:5px 11px;letter-spacing:.35px}.tag.later{color:#905b17;background:#fff3d8}.project{display:flex;align-items:flex-start;gap:14px;padding:19px;border:1px solid #e5eeef;border-radius:17px;background:#fff;text-decoration:none;transition:transform .16s,border .16s}.project:hover{transform:translateY(-2px);border-color:#72baa5}.project b{display:block}.project small{display:block;color:#6d8191}.award{display:flex;align-items:center;gap:14px;background:#fffaf0;border:1px solid #ead4a5;border-radius:15px;padding:17px}.award b{display:block}.award span{font-size:26px}.award small{color:#786a51;display:block}.profile{display:flex;gap:25px;align-items:center}.profilemark{width:105px;height:105px;flex:0 0 105px;background:linear-gradient(145deg,#d6fae6,#cee8fb);display:grid;place-items:center;border-radius:28px;font-weight:900;color:#0a806b;font-size:34px}.profile h2{margin:0}.profile strong{display:block;color:#12665f}.contactbox a{color:#0a7a67;font-weight:800}.form{display:grid;gap:13px}.form label{font-size:13px;font-weight:750;color:#355061}.form input,.form textarea{width:100%;display:block;border:1px solid #d7e5eb;border-radius:12px;padding:12px 14px;margin-top:6px;background:#fafcfd}.form textarea{min-height:130px;resize:vertical}.warning{background:#fffae9;border:1px solid #f0db9c;padding:16px;border-radius:14px;color:#765c21;font-size:13px}.notice{background:#eaf8f4;border:1px solid #bce1d2;padding:13px 17px;border-radius:13px;color:#0d5f4e;font-size:13px}.footer{padding:55px 0 27px;background:#102d40;color:#fff}.footergrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px}.footer a{color:#d0e3ec;text-decoration:none;display:block;font-size:13px;margin-top:10px}.footer a:hover{text-decoration:underline}.footer p{max-width:370px;color:#b7ccda;font-size:13px}.footer small{font-size:12px;color:#b2c6ce}.footbottom{margin-top:35px;border-top:1px solid #ffffff2a;padding-top:23px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.demo-wrap{display:grid;grid-template-columns:1fr .92fr;align-items:start;gap:34px}.demo-phone{background:#fff;border:7px solid #1c3c50;border-radius:34px;overflow:hidden;max-width:410px;margin:auto;box-shadow:0 22px 62px #17395729;min-height:650px;position:relative}.demo-top{background:#f9fbfd;padding:17px 20px;border-bottom:1px solid var(--line)}.demo-badge{background:#fff3d5;color:#815714;font-weight:850;font-size:10px;border-radius:8px;padding:6px 9px}.demo-screen{padding:18px;min-height:455px}.demo-screen[hidden]{display:none!important}.demo-nav{display:flex;justify-content:space-around;background:#f5f9fb;border-top:1px solid var(--line);padding:8px 5px;gap:3px}.demo-nav button{border:0;border-radius:9px;background:transparent;padding:12px 6px;font-size:12px;color:#59788c;font-weight:750;flex:1}.demo-nav button.sel{background:#dff6e9;color:#096c50}.demo-user{width:100%;display:flex;align-items:center;text-align:left;gap:11px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent}.demo-user b{display:block;font-size:13px}.demo-user small{color:#758b9e;font-size:11px}.demo-user .right{margin-left:auto;color:#068968;font-weight:800}.demo-input{border:1px solid var(--line);border-radius:12px;background:#f6fafc;padding:11px;width:100%;margin:9px 0}.demo-chat{min-height:285px;padding-top:13px;overflow:auto;max-height:325px;display:flex;flex-direction:column;gap:12px}.bubble{padding:10px 13px;border-radius:14px;background:#edf2f6;font-size:13px;max-width:82%;align-self:flex-start}.bubble.mine{align-self:flex-end;background:#def7ea}.sendrow{display:flex;gap:7px;align-items:center}.sendrow button{border:0;border-radius:11px;background:#087e68;color:white;padding:11px;font-weight:850}.call-stage{background:linear-gradient(150deg,#075c60,#102e4b);border-radius:22px;color:white;min-height:380px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center}.call-stage .roundav{width:104px;height:104px;display:grid;place-items:center;border-radius:50%;border:3px solid #51cfa5;background:#d2f5e7;color:#0a795f;font-size:30px;font-weight:800;margin:8px}.call-tools{display:flex;justify-content:center;gap:14px;margin-top:29px}.call-tools button{border:1px solid #ffffff66;background:#ffffff25;color:white;border-radius:50px;min-height:54px;min-width:54px;padding:8px}.call-tools button.end{background:#e45163;border-color:#e45163}.demo-info{display:flex;align-items:center;justify-content:space-between;gap:8px}.demo-info h2{font-size:20px;margin:0}.demo-note{font-size:12px;color:#7b8c98}.demo-explain{padding:26px;background:#fff;border:1px solid var(--line);border-radius:22px}.demo-explain h2{font-size:28px;margin:5px 0 9px}.legal h2{margin:32px 0 12px}.legal p,.legal li{color:#52697b}.legal ul{padding-left:21px} .minirow{display:flex;flex-wrap:wrap;gap:9px}.bubblelink{display:inline-block;padding:9px 14px;border-radius:11px;border:1px solid #d5e8e3;color:#0a725d;text-decoration:none;font-size:12px;font-weight:750;background:#fff}
@media(max-width:1000px){.navlinks{gap:12px}.navlinks a{font-size:12px}.hero-grid{gap:5px}.floatcard.one{left:4%}.floatcard.two{right:1%}}
@media(max-width:800px){.bar{height:67px}.menu{display:block}.navlinks{display:none;position:absolute;left:12px;right:12px;top:68px;background:white;flex-direction:column;align-items:stretch;box-shadow:var(--shadow);padding:20px;gap:10px;border:1px solid var(--line);border-radius:18px}.navlinks.open{display:flex}.navlinks a{font-size:14px;padding:9px}.hero-grid,.cols,.demo-wrap{grid-template-columns:1fr}.hero{padding:55px 0 66px}.hero-grid .visual{margin:38px auto 0}.grid.three{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr 1fr}.stripe .flex{align-items:flex-start;flex-direction:column}}
@media(max-width:550px){.container{padding:0 17px}.hero h1{font-size:42px;letter-spacing:-1.8px}.hero{padding:38px 0 55px}.lead{font-size:16px}.floatcard{display:none}.grid.three,.grid.two,.footergrid{grid-template-columns:1fr}.sectionhead{margin-bottom:26px}.page-head{padding:48px 0 35px}.content{padding:25px 0 65px}.profile{align-items:flex-start;flex-direction:column}.demo-phone{border-width:5px}.phone{transform:none}.actions .btn{width:100%}section.pad{padding:61px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Approved green/red speech bubble identity and blue wordmark */
.brand-icon{width:43px;height:43px;object-fit:contain;flex-shrink:0}.jat-brand-word{color:#123fbb;font-weight:850}.jat-brand-word em{font-style:normal;color:#058d55}.sitehead .navcta{background:linear-gradient(100deg,#02945e,#1257ce)!important}.hero h1 span,.gradient-text{background:linear-gradient(100deg,#078b57,#184bcb);background-clip:text;-webkit-background-clip:text;color:transparent}

/* V3 approved six-screen art direction */
.approved-hero{position:relative;display:grid;align-items:center;min-width:0}.approved-hero a{display:block;max-width:100%;border-radius:26px;overflow:hidden;border:4px solid #e5eef8;box-shadow:0 22px 65px #092f6233;background:#e9f5ff}.approved-hero img{width:100%;display:block;aspect-ratio:1.125;object-fit:contain}.approved-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);border-radius:30px;background:#ffffffec;color:#14539e;box-shadow:0 5px 18px #15364c22;padding:8px 11px;font-size:11px;font-weight:850;white-space:nowrap}.design-banner{padding-top:24px;padding-bottom:35px}.design-banner h2{font-size:27px;color:#124d9b}.design-banner p{color:#556980;max-width:840px}.design-banner img{width:100%;border-radius:20px;border:1px solid #dde8f5;box-shadow:0 15px 44px #12375c21}
@media(max-width:900px){.approved-label{font-size:10px}}

/* V4.2 — vibrant global-home flavor based on the user-approved visual reference, JAT brand kept distinct */
.jat-language-control{display:flex;align-items:center;gap:4px;background:#f6faff;border:1px solid #dfe9f4;border-radius:100px;padding:6px 10px;white-space:nowrap;color:#15376d;box-shadow:0 2px 9px #1347730b}.jat-lang-select{max-width:130px;color:inherit;background:transparent;border:none;font:700 12px Inter,system-ui,Arial,sans-serif;cursor:pointer}.header-lang-slot{margin-left:11px;display:flex;align-items:center;flex-shrink:0}.jat-home-hero{position:relative;isolation:isolate;padding:65px 0 58px;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 16% 52%,#00a2ef59,transparent 43%),radial-gradient(circle at 90% 12%,#1dbbd22d,transparent 45%),linear-gradient(122deg,#051e61,#064d9e 47%,#0a337d 78%,#071d46)!important}.jat-home-hero:before{content:'';position:absolute;inset:0;opacity:.26;z-index:-1;background-image:radial-gradient(circle,#a5efff 1px,transparent 1.5px);background-size:25px 25px;mask-image:linear-gradient(90deg,#000,transparent 86%)}.jat-home-hero .world-orbit{position:absolute;width:770px;height:770px;border-radius:50%;left:-260px;top:-80px;border:1px solid #77eaff4a;box-shadow:0 0 0 78px #10c2ff0b,0 0 0 155px #75dbfc08;opacity:.7;pointer-events:none;z-index:-1}.jat-home-hero .world-orbit:after{content:'';position:absolute;inset:25%;border-radius:50%;border:2px dashed #8ceeff62;transform:rotate(20deg)}.jat-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1.12fr);align-items:center;gap:36px}.jat-hero-copy{padding:25px 0}.jat-hero-kicker{display:inline-flex;color:#bdeeff;border-radius:50px;border:1px solid #ffffff45;background:#ffffff1b;padding:10px 17px;font-size:13px;font-weight:800}.jat-hero-copy h1{font-size:clamp(39px,4.8vw,68px);letter-spacing:-2px;line-height:1.11;color:white;margin:24px 0 19px}.jat-gold{color:#ffe775!important;-webkit-text-fill-color:#ffe775!important;background:none!important}.jat-hero-lead{font-size:clamp(16px,1.6vw,21px);line-height:1.5;color:#e0f4ff;max-width:590px}.jat-hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin:29px 0}.jat-btn-blue,.jat-btn-glass{display:inline-flex;text-decoration:none;border-radius:14px;min-height:52px;padding:14px 22px;font-weight:800;align-items:center;justify-content:center}.jat-btn-blue{background:#1677ff;color:#fff;box-shadow:0 8px 21px #001e54aa}.jat-btn-glass{border:1px solid #a6d3ff7a;background:#ffffff20;color:#fff}.jat-feature-pills{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.jat-feature-pills>span{padding:9px 12px;background:#ffffff1f;border:1px solid #ffffff21;border-radius:13px;color:#fff;font-size:13px}.jat-hero-dots{color:#caeaf8;display:flex;align-items:center;gap:8px;font-size:13px}.jat-hero-art{position:relative;max-width:100%;overflow:hidden;box-shadow:0 26px 54px #03153166;border-radius:24px;border:3px solid #ffffff94;background:#eaf6ff}.jat-hero-art img{display:block;width:100%;height:auto}.jat-art-caption{position:absolute;bottom:10px;right:12px;background:#f8fcffff;color:#18406b;padding:8px 12px;border-radius:100px;font-size:10px;font-weight:750}.jat-quick-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-24px;margin-bottom:20px}.jat-quick-cards a{background:linear-gradient(150deg,#fff,#f1f7ff);display:flex;gap:13px;align-items:center;padding:20px 17px;border:1px solid #e0e8f5;border-radius:18px;box-shadow:0 10px 28px #07346b1e;text-decoration:none;color:#122d5f}.jat-quick-cards a>span{font-size:27px}.jat-quick-cards strong,.jat-quick-cards small{display:block}.jat-quick-cards small{font-size:11px;line-height:1.5;color:#6c7c92;margin-top:4px}.developer-photo{width:170px;height:170px;object-fit:cover;border-radius:22px;box-shadow:0 8px 27px #20467930;border:4px solid #d5f6e6;flex-shrink:0}.jat-ownership-credit{text-align:center;padding:14px 16px;margin-top:20px;border-top:1px solid #ffffff24;color:#d3e8f7;font-size:12px;font-weight:700}.header-lang-slot select:focus-visible{outline:2px solid #1466d7}.sitehead .bar{gap:12px}html[dir="rtl"] .jat-hero-copy{text-align:right}html[dir="rtl"] .jat-feature-pills,html[dir="rtl"] .jat-hero-cta{justify-content:flex-start}html[dir="rtl"] .profile{text-align:right}@media(max-width:1060px){.jat-hero-grid{grid-template-columns:1fr 1fr;gap:20px}.jat-hero-copy h1{font-size:clamp(36px,4.8vw,54px)}.jat-quick-cards{grid-template-columns:repeat(2,1fr)}.header-lang-slot{margin-left:0}}@media(max-width:800px){.header-lang-slot{margin-left:auto}.jat-hero-grid{grid-template-columns:1fr}.jat-hero-art{max-width:600px;margin:auto}.jat-hero-copy{text-align:center}.jat-hero-cta,.jat-feature-pills,.jat-hero-dots{justify-content:center}.jat-hero-copy .jat-hero-lead{margin:auto}}@media(max-width:480px){.jat-home-hero{padding:40px 0 55px}.jat-hero-copy h1{font-size:39px}.jat-quick-cards{grid-template-columns:1fr 1fr;gap:9px}.jat-quick-cards a{padding:14px 10px;gap:7px}.jat-quick-cards a>span{font-size:19px}.jat-quick-cards strong{font-size:12px}.jat-quick-cards small{font-size:10px}.jat-hero-art .jat-art-caption{font-size:9px}.jat-language-control{padding:6px}.jat-lang-select{max-width:96px}}

/* V4.2: reuse developer portrait from Find Near Me About Me */
.jat-developer-portrait{width:150px;height:150px;flex-shrink:0;object-fit:cover;border-radius:22px;border:4px solid #d9f1e4;box-shadow:0 9px 24px #063b7621}
@media(max-width:650px){.jat-developer-portrait{width:115px;height:115px}.profile{flex-wrap:wrap}}