:root{--bg:#f5f7fc;--ink:#15213c;--muted:#68758e;--navy:#101d3d;--gold:#f2bd52;--blue:#5168ed;--line:#e3e8f2;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{max-width:1240px;margin:auto;display:flex;align-items:center;gap:22px;padding:13px 22px}.brand{font-weight:900;font-size:20px;color:var(--navy);white-space:nowrap}.brand span{color:#c48a24}.navlinks{display:flex;gap:16px;flex:1;align-items:center}.navlinks button{background:none;color:#44516a;font-weight:650;padding:8px 2px}.navlinks button.active{color:var(--blue)}.btn{border-radius:11px;padding:11px 17px;background:var(--blue);color:white;font-weight:750}.btn:hover{filter:brightness(.94)}.btn.secondary{background:#eef0ff;color:#4055d1}.btn.gold{background:var(--gold);color:#17213a}.btn.outline{background:white;border:1px solid var(--line);color:var(--ink)}.btn.small{padding:8px 12px;font-size:13px}.container{max-width:1240px;margin:auto;padding:30px 22px 65px}.page{display:none}.page.active{display:block}.hero{background:linear-gradient(115deg,#101d3d,#273c77 70%,#3b4484);border-radius:23px;padding:54px 45px;color:#fff;position:relative;overflow:hidden}.hero:after{content:'✦';font-size:270px;position:absolute;right:10px;top:-100px;color:#ffffff0b}.hero h1{font-size:clamp(30px,5vw,53px);line-height:1.12;max-width:690px;margin:14px 0}.hero p{max-width:590px;color:#d7def1}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:2px;font-size:12px;text-transform:uppercase}.searchbar{display:flex;gap:8px;background:white;border-radius:13px;padding:8px;max-width:650px;margin:25px 0 14px;position:relative;z-index:1}.searchbar input{flex:1;border:0;outline:0;padding:8px 12px;min-width:80px}.actions{display:flex;gap:10px;flex-wrap:wrap}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:31px 0 15px}.sectionhead h2{font-size:23px;margin:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 18px #17213a06}.card h3{margin:8px 0 5px}.appcard{display:flex;flex-direction:column;gap:12px}.apphead{display:flex;gap:13px;align-items:center}.appicon{height:57px;width:57px;border-radius:15px;display:grid;place-items:center;font-size:28px;flex-shrink:0;background:linear-gradient(135deg,#e8eafe,#cbd3ff)}.apphead h3{margin:0;font-size:17px}.tag{display:inline-block;background:#edf1fb;color:#4e6086;padding:4px 9px;border-radius:50px;font-size:12px;font-weight:700;margin:3px 4px 3px 0}.stat{font-size:27px;font-weight:900}.layout{display:grid;grid-template-columns:255px 1fr;gap:20px}.sidebar{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;height:max-content}.sidebar button{display:block;width:100%;text-align:left;background:none;padding:11px 13px;border-radius:9px;color:#42516f;font-weight:650}.sidebar button.active,.sidebar button:hover{background:#eef0ff;color:#4055d1}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:18px}.panel h2,.panel h3{margin-top:0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:750;color:#43506a}.field input,.field select,.field textarea{border:1px solid #dce3f0;border-radius:10px;padding:11px 12px;background:white;color:var(--ink);width:100%}.field textarea{min-height:96px;resize:vertical}.notice{padding:12px 15px;background:#eef4ff;border-radius:10px;color:#355189;margin:13px 0}.success{background:#e8f8f0;color:#176c4c}.warning{background:#fff7e5;color:#8b6419}.hidden{display:none!important}.pillrow{display:flex;flex-wrap:wrap;gap:8px}.filterrow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filterrow input,.filterrow select{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.filterrow input{flex:2;min-width:180px}.filterrow select{flex:1;min-width:140px}.detailtop{display:flex;gap:22px;align-items:flex-start}.detailtop .appicon{width:95px;height:95px;font-size:46px}.detailtop h1{margin:0}.twocol{display:grid;grid-template-columns:2fr 1fr;gap:20px}.metric{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}.metric strong{display:block;font-size:27px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.tabs button{background:#edf1fb;padding:9px 13px;border-radius:9px;color:#455578;font-weight:700}.tabs button.active{background:var(--navy);color:white}.result{border-left:4px solid var(--blue);padding:13px 18px;background:#f3f5ff;border-radius:8px;margin:13px 0}.price{font-size:31px;font-weight:900}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing .card{padding:25px}.pricing ul{padding-left:19px;min-height:130px}.footer{background:#101d3d;color:#dce4f7;padding:28px 22px;text-align:center}.footer small{color:#9eaaca}.toast{position:fixed;bottom:22px;right:22px;z-index:30;background:#14264b;color:white;padding:13px 18px;border-radius:11px;box-shadow:0 12px 30px #1118;display:none;max-width:350px}.modalback{position:fixed;inset:0;background:#0b163bb8;z-index:20;display:none;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:18px;padding:25px;width:100%;max-width:480px;max-height:90vh;overflow:auto}.close{float:right;background:#f0f2f8;padding:5px 11px;border-radius:7px}.bar{height:11px;background:#edf0f7;border-radius:9px;overflow:hidden;margin:8px 0 17px}.bar span{display:block;background:linear-gradient(90deg,#5267ee,#71b6ff);height:100%}.empty{padding:40px;text-align:center;background:#fff;border-radius:14px;color:#7a8498}.checkbox{display:flex;align-items:center;gap:9px}.checkbox input{width:auto}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px}th{color:#66748b;font-size:12px;text-transform:uppercase}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:900px){.nav{flex-wrap:wrap}.navlinks{order:3;width:100%;overflow:auto}.grid.four,.grid{grid-template-columns:repeat(2,1fr)}.layout,.twocol{grid-template-columns:1fr}.hero{padding:34px 24px}}@media(max-width:570px){.grid,.grid.four,.pricing,.formgrid{grid-template-columns:1fr}.nav{gap:8px;padding:12px}.brand{font-size:17px}.container{padding:20px 14px 45px}.hero{padding:30px 20px}.searchbar{flex-direction:column}.detailtop{flex-direction:column}.navlinks{gap:13px}.navlinks button{white-space:nowrap;font-size:13px}}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f8f9fd;--ink:#171b31;--muted:#7c8297;--navy:#14132e;--gold:#f5c46c;--blue:#6b55ed;--line:#e9eaf2;--white:#fff}
body{font-family:'DM Sans',system-ui,sans-serif;background:radial-gradient(ellipse 55% 20% at 50% 0%,#eeeaff 0%,transparent 100%),#f8f9fd;letter-spacing:-.01em}
h1,h2,h3,.brand,.stat,.price{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.045em}
.top{background:#ffffffd9;backdrop-filter:blur(24px);border-bottom:1px solid #ececf3}
.nav{max-width:1350px;padding:17px 30px;gap:32px}.brand{font-size:21px;letter-spacing:-1.1px}.brand:before{content:'✦';background:#6b55ed;color:#fff;border-radius:11px;padding:7px 11px;margin-right:11px}.brand span{color:#6b55ed}.navlinks{gap:23px}.navlinks button{font-size:13px;color:#62677c;transition:color .2s}.navlinks button:hover,.navlinks button.active{color:#6b55ed}
.container{max-width:1350px;padding:30px 30px 90px}.btn{border-radius:13px;background:#6b55ed;padding:13px 19px;font-weight:800;box-shadow:0 4px 12px #6b55ed15;transition:transform .2s,box-shadow .2s}.btn:hover{filter:none;transform:translateY(-2px);box-shadow:0 10px 24px #6b55ed2c}.btn.secondary{background:#f1efff;color:#6550d7}.btn.gold{background:#fff;color:#252047}.btn.outline{background:#ffffff10;color:inherit;border:1px solid #dcdfea;box-shadow:none}.hero .btn.outline{border-color:#ffffff55;color:#fff}.btn.small{border-radius:10px}
.hero{min-height:490px;border-radius:28px;padding:78px 6.3%;background:radial-gradient(circle at 82% 28%,#9568e9 0%,#5737a4 21%,transparent 48%),radial-gradient(circle at 94% 92%,#313c98,transparent 45%),linear-gradient(115deg,#171632,#252058 75%);box-shadow:0 22px 50px #3022641c;isolation:isolate}.hero:before{content:'';position:absolute;width:360px;height:360px;right:6%;top:16%;border:1px solid #ffffff35;border-radius:34%;transform:rotate(-25deg);box-shadow:0 0 0 40px #ffffff07,0 0 0 80px #ffffff06;z-index:-1}.hero:after{content:'✦';font-size:180px;right:15%;top:100px;color:#ffffff50;filter:drop-shadow(0 10px 25px #120f4866);z-index:-1}.hero h1{font-size:clamp(37px,5.1vw,70px);font-weight:800;max-width:810px;line-height:1.08;margin:19px 0 20px;letter-spacing:-.065em}.hero p{font-size:17px;line-height:1.75;color:#e3dff5;max-width:560px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#e8d8ff;background:#ffffff17;border:1px solid #ffffff30;border-radius:100px;padding:9px 15px;font-size:11px;letter-spacing:1.3px}.searchbar{max-width:670px;border-radius:16px;margin:32px 0 19px;padding:7px;box-shadow:0 15px 35px #1210332a}.searchbar input{font-size:15px;color:#23243b}.searchbar .btn{border-radius:11px}.hero small{color:#d7c9f2}
.sectionhead{margin:54px 0 20px}.sectionhead h2{font-size:27px;font-weight:800}.sectionhead h1{font-size:37px;letter-spacing:-.06em}.grid{gap:18px}.card,.panel,.sidebar,.metric{border:1px solid #ececf3;border-radius:20px;background:#fff;box-shadow:0 5px 24px #23204d07}.card{padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-4px);box-shadow:0 17px 36px #27204b12;border-color:#ded9fb}.card h3{font-size:18px}.grid.four .card{min-height:122px;background:linear-gradient(145deg,#fff,#fbfaff);border-radius:19px}.grid.four .card div{background:#f1efff;width:48px;height:48px;display:grid;place-items:center;border-radius:13px;margin-bottom:13px}.grid.four .card strong{font-size:14px}.appcard{min-height:252px;position:relative;overflow:hidden}.appcard:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#6b55ed,#b89af7,#74d8cf)}.appicon{width:62px;height:62px;border-radius:19px;background:linear-gradient(135deg,#e9e2ff,#f2edff);box-shadow:inset 0 0 0 1px #e7e1ff}.apphead h3{font-size:18px}.appcard .muted{line-height:1.65}.tag{background:#f3f1ff;color:#6a55b9;border-radius:8px;padding:5px 9px;font-size:11px}.appcard .actions{margin-top:auto}.appcard .btn.outline,.panel .btn.outline,.page>.btn.outline{color:#6253a9;background:#fff;border:1px solid #e1dcf7}.filterrow{background:#fff;border:1px solid #ececf3;padding:15px;border-radius:18px}.filterrow input,.filterrow select,.field input,.field select,.field textarea{border:1px solid #e5e6ef;border-radius:12px;padding:13px 14px;outline-color:#9b8df5}.panel{padding:30px}.field label{color:#42445c}.notice{border-radius:13px;background:#f3f1ff;color:#55468f;padding:16px}.metric{padding:21px}.metric strong{color:#5543bf;font-size:32px}.sidebar button.active,.sidebar button:hover{background:#f0edff;color:#624ad5}.tabs button.active{background:#6b55ed}.result{border-color:#8b71ed;background:#f7f5ff}.pricing .card{padding:30px}.pricing .card:nth-child(2){border:2px solid #806af1!important;box-shadow:0 15px 35px #6b55ed16}.price{color:#29204c}.footer{background:#17152f}.modal{border-radius:24px;box-shadow:0 30px 100px #0d0b2555}.toast{border-radius:15px;background:#242044}
@media(max-width:1000px){.nav{gap:13px;flex-wrap:wrap}.navlinks{order:3;width:100%;overflow-x:auto;gap:18px}.navlinks button{white-space:nowrap}.hero:after{right:4%;opacity:.45}.hero h1{max-width:690px}}
@media(max-width:700px){.container{padding:16px 16px 55px}.nav{padding:14px 16px}.brand{font-size:18px}.hero{min-height:0;padding:42px 25px;border-radius:23px}.hero h1{font-size:39px}.hero p{font-size:14px}.hero:after{font-size:110px;right:0;top:60px}.hero:before{width:170px;height:170px}.searchbar{flex-wrap:wrap}.searchbar .btn{width:100%}.grid,.grid.four,.pricing,.formgrid,.twocol{grid-template-columns:1fr}.sectionhead{margin:36px 0 16px}.sectionhead h2{font-size:22px}.sectionhead h1{font-size:29px}.layout{grid-template-columns:1fr}.card{padding:21px}.filterrow{flex-direction:column}.filterrow input,.filterrow select{width:100%}.actions .btn{flex:1}.detailtop{flex-wrap:wrap}}

/* Theme 6 — Colorful & Playful / 2026 */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#fffafd;--ink:#191529;--muted:#77758a;--navy:#21143a;--gold:#ffc947;--blue:#ed248a;--line:#f0e9f2;--white:#fff}
body{font-family:'DM Sans',sans-serif;background:radial-gradient(circle at 95% 8%,#ffe8f3 0,transparent 28%),radial-gradient(circle at 0 26%,#e9f8ff 0,transparent 28%),#fffafd;color:#21192d}
h1,h2,h3,.brand,.price{font-family:Outfit,system-ui,sans-serif;letter-spacing:-.045em}
.top{background:#ffffffed;border-bottom:1px solid #f3eaf1;backdrop-filter:blur(20px)}.nav{max-width:1400px;padding:17px 32px}.brand{font-size:21px;font-weight:900;color:#201a33}.brand:before{content:'✦';background:linear-gradient(135deg,#ffcc38,#ff2e90);border-radius:12px;color:#fff;padding:8px 10px;margin-right:10px;box-shadow:0 7px 17px #ff45933b}.brand span{color:#f01e88}.navlinks button{color:#666175;font-weight:700}.navlinks button:hover,.navlinks button.active{color:#ee2187}
.container{max-width:1400px;padding:30px 32px 90px}.btn{background:linear-gradient(105deg,#f11b85,#ff488d);color:#fff;border-radius:13px;padding:13px 19px;font-weight:800;box-shadow:0 7px 19px #ef248627;transition:transform .18s,box-shadow .18s}.btn:hover{filter:none;transform:translateY(-2px);box-shadow:0 11px 23px #ef24863c}.btn.secondary{background:#ffe9f3;color:#d91d78;box-shadow:none}.btn.gold{background:#ffcf47;color:#35221c;box-shadow:0 7px 20px #f3b9422e}.btn.outline{background:#fff;color:#352a48;border:1px solid #e9dce8;box-shadow:none}.hero .btn.outline{color:#d91d78;background:#fff;border-color:#fff}
.hero{background:radial-gradient(circle at 85% 19%,#fff2b6 0,transparent 23%),radial-gradient(circle at 100% 80%,#f7d5f5 0,transparent 28%),linear-gradient(112deg,#fff 0%,#fff8fc 50%,#fff1f8 100%);color:#191329;box-shadow:0 15px 55px #c7539913;border:1px solid #fae5f0;min-height:520px;padding:76px 6%;border-radius:30px;overflow:hidden}
.hero:before{content:'';position:absolute;width:310px;height:310px;right:7%;top:16%;border-radius:35%;transform:rotate(-12deg);background:linear-gradient(145deg,#ed36d2,#7549f5);box-shadow:0 22px 45px #a14ed244,0 0 0 21px #ffffffa8;z-index:0}.hero:after{content:'🚀';font-size:100px;right:13%;top:29%;filter:drop-shadow(0 14px 8px #56336a3d);z-index:0;opacity:1}.hero>*{position:relative;z-index:1}.hero h1{font-size:clamp(43px,5.5vw,78px);font-weight:900;max-width:730px;line-height:1.02;margin:23px 0 19px}.hero h1 span{color:#f12688!important;background:linear-gradient(90deg,#f21e8b,#8847f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:#6e657a;font-size:17px;max-width:560px;line-height:1.7}.hero small{color:#71647b}.eyebrow{background:#ffe6f1;border:1px solid #ffd1e6;color:#d51a77;font-weight:900;letter-spacing:1.1px}.searchbar{background:#fff;border:1px solid #f3e3ef;box-shadow:0 14px 32px #e85e9b1b;max-width:675px;border-radius:17px}.searchbar input{color:#241b35}.hero .actions{max-width:700px}
.sectionhead{margin:54px 0 22px}.sectionhead h2{font-size:30px;font-weight:900}.sectionhead h1{font-size:42px}.card,.panel,.sidebar,.metric{background:#fff;border:1px solid #f0e8ef;box-shadow:0 8px 26px #4a215408;border-radius:22px}.card{padding:24px;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #b349851c;border-color:#f7c5df}.card h3{font-size:19px}.grid.four .card{background:linear-gradient(150deg,#fff,#fff6fb);border-radius:20px}.grid.four .card:nth-child(4n+2){background:linear-gradient(150deg,#fff,#f0faff)}.grid.four .card:nth-child(4n+3){background:linear-gradient(150deg,#fff,#fff9e7)}.grid.four .card div{background:#ffebf4;border-radius:15px}.grid.four .card:nth-child(4n+2) div{background:#e3f7ff}.grid.four .card:nth-child(4n+3) div{background:#fff1c8}
.appcard{min-height:260px}.appcard:before{height:5px;background:linear-gradient(90deg,#f32891,#ffca43,#5bd9df,#8056f9)}.appicon{background:linear-gradient(135deg,#fce0f5,#e7d8ff);border-radius:19px;box-shadow:inset 0 0 0 1px #f7d7ed}.tag{background:#ffebf4;color:#c92475;border-radius:100px;font-weight:800}.filterrow{background:#fff;border:1px solid #f1e6ee;border-radius:20px;padding:16px}.filterrow input,.filterrow select,.field input,.field select,.field textarea{border:1px solid #e9dfeb;border-radius:13px;padding:13px 14px;outline-color:#f73d9d}.panel{padding:32px}.notice{background:#fff0f8;color:#814267;border-radius:15px}.metric strong{color:#e9248a}.sidebar button.active,.sidebar button:hover{background:#ffe7f2;color:#d91d78}.tabs button.active{background:#ef248b}.result{border-color:#f6a9d0;background:#fff7fb}.pricing .card:nth-child(2){border:2px solid #f32c91!important;box-shadow:0 18px 35px #ef2c9018}.price{color:#261831}.footer{background:#21142d}.modal{border-radius:26px}.toast{background:#24182f;border-radius:16px}
.demo-ribbon{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:100px;background:#fff0f7;color:#b32171;font-size:11px;font-weight:800;margin-left:auto}.hero-decor{position:absolute;right:5%;bottom:10%;display:flex;gap:12px;transform:rotate(-8deg);z-index:0}.hero-decor span{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:#fff;box-shadow:0 13px 26px #ae669b35;font-size:35px}.hero-decor span:nth-child(2){transform:translateY(-45px);background:#dcfaff}.hero-decor span:nth-child(3){transform:translateY(18px);background:#fff1bb}
@media(max-width:1000px){.nav{gap:12px;flex-wrap:wrap}.navlinks{order:3;width:100%;overflow-x:auto;gap:18px}.navlinks button{white-space:nowrap}.hero:before{opacity:.32;right:-7%}.hero:after{opacity:.5;right:3%}.hero-decor{display:none}}
@media(max-width:700px){.container{padding:17px 15px 60px}.nav{padding:14px 16px}.brand{font-size:17px}.hero{padding:45px 23px;min-height:0;border-radius:24px}.hero h1{font-size:43px}.hero p{font-size:14px}.hero:before{width:150px;height:150px;top:5%;right:-15%}.hero:after{font-size:65px;right:1%;top:10%;opacity:.25}.searchbar{flex-wrap:wrap}.searchbar .btn{width:100%}.grid,.grid.four,.pricing,.formgrid,.twocol{grid-template-columns:1fr}.sectionhead{margin:35px 0 16px}.sectionhead h2{font-size:24px}.sectionhead h1{font-size:32px}.layout{grid-template-columns:1fr}.filterrow{flex-direction:column}.filterrow input,.filterrow select{width:100%}.actions .btn{flex:1}.detailtop{flex-wrap:wrap}.demo-ribbon{display:none}}


/* Theme 5 — Futuristic Tech: Midnight / Electric Blue */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#f2f7ff;--ink:#102347;--muted:#637591;--navy:#061630;--gold:#41d9ff;--blue:#075eff;--line:#dce8f6;--white:#fff}
body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(ellipse 60% 25% at 95% 0,#cbeaff,transparent),linear-gradient(#f7fbff,#eef5ff);color:var(--ink)}
h1,h2,h3,.brand,.price,.stat{font-family:'Space Grotesk',Inter,sans-serif;letter-spacing:-.045em}
.top{background:#06142af2;border-bottom:1px solid #2c5a87;backdrop-filter:blur(18px);box-shadow:0 5px 25px #05132b25}
.nav{max-width:1420px;padding:18px 30px;gap:22px}.brand{font-size:21px;color:white;font-weight:700}.brand:before{content:'◈';background:linear-gradient(140deg,#06d5ff,#0659f6);color:white;border-radius:10px;padding:7px 11px;margin-right:11px;box-shadow:0 0 25px #00bfff60}.brand span{color:#53d8ff}.navlinks{gap:18px}.navlinks button{color:#b2c8e8;font-size:13px;font-weight:650}.navlinks button.active,.navlinks button:hover{color:#5edcff}.top .btn.outline{background:#12365a;border:1px solid #4774a6;color:white}.demo-ribbon{background:#0b365b;color:#7de4ff;border:1px solid #246b94}
.container{max-width:1420px;padding:28px 30px 85px}.btn{background:linear-gradient(115deg,#0566ff,#008bfa);border-radius:11px;padding:13px 18px;font-weight:750;box-shadow:0 8px 20px #0969e629;transition:transform .2s,box-shadow .2s}.btn:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 13px 26px #0566ff3a}.btn.secondary{background:#e7f2ff;color:#0958c8;box-shadow:none}.btn.gold{background:linear-gradient(110deg,#38ddff,#70f3d4);color:#03274c;box-shadow:0 7px 25px #18d5ef33}.btn.outline{background:white;color:#0757bd;border:1px solid #ccdef2;box-shadow:none}.hero .btn.outline{background:#102b51b5;border:1px solid #5b8bb7;color:#fff}
.hero{background:radial-gradient(ellipse at 78% 42%,#0865b8 0%,#063976 30%,transparent 60%),linear-gradient(110deg,#06142e,#092b61 80%,#043e87);color:white;border:1px solid #2565a4;border-radius:26px;min-height:510px;padding:76px 5.8%;box-shadow:0 24px 65px #0835662d;overflow:hidden;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06142f 0%,#06142ee8 42%,#06142e20 85%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20800%20460%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2325b7ff%22%20stop-opacity%3D%22.6%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2308183f%22%20stop-opacity%3D%22.9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M0%20460V300h35V185h42v-75h22v75h33v275h22V260h38V140h28V70h12v70h37v320h22V210h40v-80h26v80h20v250h20V150h30V45h15v105h36v310h20V250h35V95h16v155h32v210h24V210h40V120h18v90h38v250h40V300h35V170h25v130h30v160Z%22%20fill%3D%22url%28%23a%29%22%20stroke%3D%22%2336caff%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M0%20460h800%22%20stroke%3D%22%2347cfff%22%20stroke-width%3D%224%22/%3E%3Cg%20stroke%3D%22%2380dcff%22%20stroke-opacity%3D%22.6%22%20stroke-dasharray%3D%223%2014%22%3E%3Cpath%20d%3D%22M70%20220v190M195%20170v230M350%20240v180M455%20180v250M575%20270v150M700%20240v180%22/%3E%3C/g%3E%3C/svg%3E") right bottom / 63% auto no-repeat;z-index:-1;opacity:.92}
.hero:after{content:'';position:absolute;right:5%;top:8%;width:320px;height:320px;border:1px solid #5bc8ff50;border-radius:50%;box-shadow:0 0 0 45px #31c6ff0a,0 0 0 90px #31c6ff07;z-index:-1}
.hero>*{position:relative;z-index:1}.hero h1{font-size:clamp(40px,5.3vw,72px);line-height:1.04;max-width:730px;font-weight:700;letter-spacing:-.065em;margin:22px 0}.hero h1 span{color:#65e2ff!important}.hero p{color:#c4ddf6;font-size:17px;line-height:1.7;max-width:570px}.hero small{color:#b3d7f7}.eyebrow{background:#0c457580;border:1px solid #3a91c4;color:#75e4ff;letter-spacing:1.4px;font-size:11px;font-weight:800;border-radius:100px}.searchbar{max-width:675px;background:white;border-radius:15px;padding:7px;box-shadow:0 12px 34px #02112660}.searchbar input{color:#132c50}.hero-decor{display:none}
.sectionhead{margin:53px 0 21px}.sectionhead h2{font-size:29px;font-weight:700}.card,.panel,.sidebar,.metric{border:1px solid #dce9f6;background:#fff;border-radius:19px;box-shadow:0 6px 25px #0b4a8b0b}.card{padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0a57a621;border-color:#87c6ff}.card h3{font-size:18px}.grid.four .card{background:linear-gradient(140deg,#fff,#f1f8ff);border-radius:18px}.grid.four .card div{background:#e0f2ff;border-radius:13px}.appcard{min-height:260px}.appcard:before{height:4px;background:linear-gradient(90deg,#006aff,#00ccff,#65efd5)}.appicon{background:linear-gradient(135deg,#dcefff,#c3d9ff);border-radius:17px}.tag{background:#e7f4ff;color:#0964bc;border-radius:100px}.filterrow{background:#fff;border:1px solid #dce9f6;border-radius:18px}.filterrow input,.filterrow select,.field input,.field select,.field textarea{border:1px solid #d8e5f2;border-radius:11px;outline-color:#29b3fa}.panel{padding:30px}.notice{background:#e8f6ff;color:#175a91;border-radius:13px}.metric strong{color:#0862d8}.sidebar button.active,.sidebar button:hover{background:#e6f3ff;color:#085dc3}.tabs button.active{background:#086cff}.result{border-color:#4ebdff;background:#f0faff}.pricing .card:nth-child(2){border:2px solid #1188ff!important;box-shadow:0 15px 35px #076fff20}.price{color:#0a3268}.footer{background:#05152f}.modal{border-radius:23px}.toast{background:#08254b;border-radius:13px}
@media(max-width:1000px){.nav{flex-wrap:wrap;gap:12px}.navlinks{order:3;width:100%;overflow-x:auto;gap:17px}.navlinks button{white-space:nowrap}.hero:before{background:linear-gradient(90deg,#06142f 0%,#06142ee8 70%,#06142e88),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20800%20460%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2325b7ff%22%20stop-opacity%3D%22.6%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2308183f%22%20stop-opacity%3D%22.9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M0%20460V300h35V185h42v-75h22v75h33v275h22V260h38V140h28V70h12v70h37v320h22V210h40v-80h26v80h20v250h20V150h30V45h15v105h36v310h20V250h35V95h16v155h32v210h24V210h40V120h18v90h38v250h40V300h35V170h25v130h30v160Z%22%20fill%3D%22url%28%23a%29%22%20stroke%3D%22%2336caff%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M0%20460h800%22%20stroke%3D%22%2347cfff%22%20stroke-width%3D%224%22/%3E%3Cg%20stroke%3D%22%2380dcff%22%20stroke-opacity%3D%22.6%22%20stroke-dasharray%3D%223%2014%22%3E%3Cpath%20d%3D%22M70%20220v190M195%20170v230M350%20240v180M455%20180v250M575%20270v150M700%20240v180%22/%3E%3C/g%3E%3C/svg%3E") right bottom/90% auto no-repeat}}
@media(max-width:700px){.container{padding:16px 15px 55px}.nav{padding:14px 15px}.brand{font-size:17px}.hero{min-height:0;padding:44px 23px;border-radius:22px}.hero h1{font-size:42px}.hero p{font-size:14px}.hero:before{background:linear-gradient(90deg,#06142ff5,#06142fdc),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20800%20460%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2325b7ff%22%20stop-opacity%3D%22.6%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2308183f%22%20stop-opacity%3D%22.9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M0%20460V300h35V185h42v-75h22v75h33v275h22V260h38V140h28V70h12v70h37v320h22V210h40v-80h26v80h20v250h20V150h30V45h15v105h36v310h20V250h35V95h16v155h32v210h24V210h40V120h18v90h38v250h40V300h35V170h25v130h30v160Z%22%20fill%3D%22url%28%23a%29%22%20stroke%3D%22%2336caff%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M0%20460h800%22%20stroke%3D%22%2347cfff%22%20stroke-width%3D%224%22/%3E%3Cg%20stroke%3D%22%2380dcff%22%20stroke-opacity%3D%22.6%22%20stroke-dasharray%3D%223%2014%22%3E%3Cpath%20d%3D%22M70%20220v190M195%20170v230M350%20240v180M455%20180v250M575%20270v150M700%20240v180%22/%3E%3C/g%3E%3C/svg%3E") right bottom/cover no-repeat}.searchbar{flex-wrap:wrap}.searchbar .btn{width:100%}.grid,.grid.four,.pricing,.formgrid,.twocol{grid-template-columns:1fr}.sectionhead{margin:35px 0 16px}.sectionhead h2{font-size:23px}.layout{grid-template-columns:1fr}.filterrow{flex-direction:column}.filterrow input,.filterrow select{width:100%}.actions .btn{flex:1}.detailtop{flex-wrap:wrap}.demo-ribbon{display:none}}
.stars{color:#e0a526;letter-spacing:1px}.review{border-bottom:1px solid var(--line);padding:12px 0}.review:last-child{border-bottom:0}.starpick{display:flex;gap:4px;font-size:28px}.starpick button{background:none;color:#cfd5e3;padding:0 2px}.starpick button.on{color:#e0a526}.row{border-bottom:1px solid #e7eaf2;padding:13px 0}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}