@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700;800&display=swap');
:root{font-family:'Bai Jamjuree',Inter,system-ui,sans-serif;color:#edf2ff;background:#090f20;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #81a7ff;outline-offset:3px}.landing{overflow-x:hidden;background:radial-gradient(ellipse 60% 21% at 70% 6%,#1c2550 0,transparent 100%),#090f20}.site-head{height:90px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 42px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:21px;letter-spacing:-.7px}.brand>span:last-child{color:#7293ff;margin-left:-8px}.brand-icon{width:37px;height:37px;border-radius:11px;color:#fff;background:linear-gradient(140deg,#477cff,#8350ed);display:grid;place-items:center;font-size:23px;box-shadow:0 8px 22px #3868ff47}.site-head nav{display:flex;gap:39px;color:#a8b4d3;font-size:13px;font-weight:600}.site-head nav a:hover{color:white}.outline-btn{border:1px solid #354562;border-radius:11px;padding:12px 18px;font-size:13px;font-weight:700}.outline-btn span{margin-left:10px;color:#8aa8ff}.hero-web{max-width:1320px;margin:auto;min-height:642px;padding:84px 48px 100px;display:grid;grid-template-columns:51% 49%;align-items:center;position:relative}.ambient{pointer-events:none;position:absolute;border-radius:50%;filter:blur(90px)}.ambient-1{width:250px;height:250px;background:#3e56cc23;left:-130px;top:90px}.ambient-2{width:240px;height:240px;background:#6841ca25;right:60px;bottom:70px}.hero-left{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:#91aafa;font-size:11px;letter-spacing:1.5px}.light-dot,.online-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#36d5b0;box-shadow:0 0 0 4px #36d5b020}.hero-left h1{font-size:clamp(44px,5.2vw,73px);line-height:1.09;letter-spacing:-3px;font-weight:800;margin:27px 0 27px}.hero-left h1 em,.section-heading em{font-style:normal;background:linear-gradient(115deg,#78aaff,#ae8afa);color:transparent;background-clip:text}.hero-left p{color:#9eabc7;max-width:480px;line-height:1.85;font-size:16px;margin:0}.hero-actions{display:flex;align-items:center;gap:32px;margin:34px 0 60px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:36px;border:0;border-radius:13px;padding:17px 22px;color:white;background:linear-gradient(112deg,#3074f3,#8050e8);font-weight:800;font-size:13px;box-shadow:0 16px 36px #3d4cb649;cursor:pointer}.btn:hover{filter:brightness(1.12)}.ghost-link{font-weight:700;font-size:13px;color:#d5deff}.ghost-link b{color:#8eaaff;margin-left:7px}.hero-trust{display:flex;gap:18px;align-items:center}.round-avatars{display:flex;padding-left:6px}.round-avatars span{display:grid;place-items:center;width:41px;height:41px;margin-left:-8px;background:#1b2849;border:2px solid #090f20;border-radius:50%;font-size:19px}.hero-trust strong,.hero-trust small{display:block}.hero-trust strong{font-size:13px}.hero-trust small{font-size:11px;color:#9eabc7;margin-top:5px}.hero-display{min-height:500px;display:flex;justify-content:center;align-items:center;position:relative}.halo{position:absolute;border:1px solid #34458c52;border-radius:50%;width:510px;height:510px;box-shadow:0 0 0 45px #2f40810b,0 0 0 95px #2f408108}.h2{width:320px;height:320px;box-shadow:none;border-style:dashed;transform:rotate(20deg)}.preview-window{position:relative;z-index:1;width:380px;max-width:90vw;border:1px solid #46577d;background:#111b33;border-radius:23px;box-shadow:0 34px 90px #01040fc4,0 0 70px #6176ed1c;overflow:hidden;transform:rotate(-2deg)}.preview-top{height:52px;border-bottom:1px solid #2b3c5d;padding:0 15px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#bbc8e9}.preview-top .dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#53647e}.dots i:first-child{background:#fb7481}.dots i:nth-child(2){background:#ffc47b}.dots i:nth-child(3){background:#4bdcbb}.status-dot{color:#3ee4b0;font-size:10px}.preview-inner{padding:21px}.micro-label{letter-spacing:1.2px;font-size:10px;color:#93a5c8;font-weight:800;margin-bottom:13px}.preview-user{display:flex;align-items:center;gap:12px;background:#202d48;border:1px solid #374967;border-radius:15px;padding:12px}.preview-user .orb{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(130deg,#4f88ff,#9b4bf3);font-size:24px}.preview-user strong,.preview-user span{display:block}.preview-user strong{font-size:12px}.preview-user span{color:#93a6c9;font-size:10px;margin-top:4px}.preview-user b{margin-left:auto;color:#64e4a8}.preview-sub{margin:20px 0 12px;font-size:11px;font-weight:800;color:#cedbf8}.preview-menu{display:grid;gap:9px}.preview-menu>div{display:grid;grid-template-columns:43px 1fr 20px;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:10px;border-radius:13px;background:#1b2740;border:1px solid #33415e}.tile-icon{grid-row:1/3;display:grid;place-items:center;border-radius:11px;height:41px;font-size:23px}.indigo{background:linear-gradient(130deg,#4477ff,#7451ef)}.green{background:linear-gradient(130deg,#0ba8ae,#16b689)}.orange{background:linear-gradient(130deg,#ffac46,#e45d88)}.preview-menu strong{font-size:12px}.preview-menu small{font-size:10px;color:#94a5c1}.preview-menu b{grid-row:1/3;grid-column:3;color:#7485a3}.floating-flag{position:absolute;z-index:2;right:0;bottom:65px;background:#eff5ff;color:#172342;border-radius:13px;padding:15px 23px;display:flex;align-items:center;gap:13px;box-shadow:0 15px 38px #01081892;transform:rotate(4deg)}.floating-flag>span{width:31px;height:31px;background:#d5faed;color:#11835d;display:grid;place-items:center;border-radius:50%;font-size:17px}.floating-flag strong,.floating-flag small{display:block}.floating-flag strong{font-size:12px}.floating-flag small{font-size:10px;color:#71829e;margin-top:4px}.features-section{padding:82px 42px 115px;border-top:1px solid #26304b;background:#0e152a}.section-heading{text-align:center;max-width:650px;margin:0 auto 46px}.section-heading h2{font-size:clamp(30px,3.5vw,44px);line-height:1.25;letter-spacing:-1.5px;margin:18px 0}.section-heading p{line-height:1.8;color:#99a9c8}.feature-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature-grid article{border-radius:19px;background:#151f36;border:1px solid #2b3855;padding:30px;min-height:250px;display:flex;flex-direction:column}.feature-bubble{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#24375f;color:#9cbaff;font-size:25px;margin-bottom:25px}.feature-grid h3{margin:0 0 10px}.feature-grid p{color:#98a9c7;font-size:13px;line-height:1.8;margin:0 0 20px}.feature-grid article>span{color:#6d85b6;font-size:10px;letter-spacing:1.2px;margin-top:auto;font-weight:800}.platform-section{max-width:1260px;margin:auto;padding:120px 42px 130px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.platform-section h2{font-size:clamp(38px,4vw,56px);line-height:1.2;letter-spacing:-2px}.platform-section p{line-height:1.9;color:#9dabca;max-width:450px;margin-bottom:25px}.platform-card{padding:20px;background:#141e36;border:1px solid #354363;border-radius:22px;box-shadow:0 20px 65px #03061680}.stage{display:flex;align-items:center;gap:20px;padding:22px 15px;border-bottom:1px solid #2a3854}.stage:last-child{border:0}.stage>span{display:grid;place-items:center;width:40px;height:40px;background:#26395f;border-radius:12px;color:#a8c4ff;font-weight:800}.stage div{flex:1}.stage strong,.stage small{display:block}.stage strong{font-size:14px}.stage small{margin-top:5px;color:#8ea1c2;font-size:11px}.stage>b{font-size:20px;color:#7697ee}.site-footer{max-width:1320px;margin:auto;border-top:1px solid #24314b;padding:30px 42px;display:flex;justify-content:space-between;align-items:center;gap:15px}.site-footer p,.site-footer small{color:#7b8cac;font-size:11px}.site-footer .brand{font-size:17px}.site-footer .brand-icon{width:30px;height:30px;font-size:17px}.setup{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at top,#263b78 0,transparent 60%),#090f20}.setup-card{width:min(100%,490px);padding:35px;background:#151f37;border:1px solid #354362;border-radius:21px;box-shadow:0 25px 80px #0107159c}.setup-card h1{font-size:28px;margin:18px 0 7px}.muted{color:#a4b1cc;font-size:13px;line-height:1.6}.form-grid{display:grid;gap:16px;margin-top:20px}.form-grid label{font-size:12px;font-weight:700;color:#bbc9e5}.form-grid input{width:100%;background:#24314d;color:#f5f7ff;border:1px solid #455677;border-radius:11px;padding:14px;margin-top:7px}.form-grid .btn{justify-content:space-between;margin-top:12px}.alert{padding:12px;border-radius:10px;font-size:12px;margin:15px 0}.alert.danger{background:#582a3a;color:#ffcbd8}.alert.good{background:#1e543e;color:#c9ffe3}@media(max-width:900px){.hero-web{grid-template-columns:1fr;padding:68px 25px 60px;gap:50px}.hero-display{min-height:470px}.site-head{padding:0 24px}.site-head nav{display:none}.feature-grid{grid-template-columns:1fr}.features-section{padding:75px 25px}.platform-section{grid-template-columns:1fr;padding:70px 25px;gap:30px}.site-footer{padding:25px;flex-wrap:wrap}.floating-flag{right:1%;bottom:5px}}@media(max-width:510px){.site-head{height:70px}.site-head .outline-btn{font-size:11px;padding:11px}.hero-left h1{font-size:46px;letter-spacing:-2px}.hero-actions{gap:18px;margin-bottom:38px}.hero-actions .btn{gap:13px;padding:15px}.hero-left p{font-size:14px}.preview-window{transform:none}.hero-display{min-height:430px}.floating-flag{display:none}.features-section{padding-bottom:55px}.platform-card{padding:8px}.stage{gap:10px}.stage small{line-height:1.6}.site-footer{flex-direction:column;align-items:flex-start}}