500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#293f60;--teal:#5f9fa3;--ink:#20334d;--muted:#697889;--line:#dce4e8;--bg:#f5f8f8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:15px 'DM Sans',sans-serif}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(40px,5.5vw,76px);line-height:1.08;margin:23px 0}h2{font-size:34px;margin:10px 0 20px}h3{font-size:21px;line-height:1.35;margin:12px 0}p{line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:0;background:var(--navy);color:white;padding:14px 22px;border-radius:9px;font-weight:700;display:inline-block}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:not-allowed}.small{padding:10px 16px}.secondary{background:white;color:var(--navy);border:1px solid var(--line)}.teal{background:var(--teal)}.demo{padding:8px 5%;background:#e5efef;font-size:10px;font-weight:800;letter-spacing:.13em;display:flex;justify-content:space-between;color:#44696d}.demo span{font-weight:500;letter-spacing:0}header{height:100px;padding:15px 5%;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.brand img{width:245px;display:block}nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}main{min-height:65vh}.wrap{max-width:1240px;margin:auto;padding:50px 35px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;text-transform:uppercase;color:var(--teal)}.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;padding-top:64px;padding-bottom:65px;align-items:center}.hero p{color:#cbd6e2;max-width:510px;font-size:16px}.hero h1 em{font-style:normal;color:#95d2cd}.hero .eyebrow{color:#a5d4d0}.hero .button{background:#b9ddd4;color:#233f4c;margin:17px 12px 10px 0}.hero .secondary{background:transparent;color:white;border-color:#6b7c93}.hero-note{font-size:12px;color:#bfd0df;margin-top:22px}.art{height:410px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:330px;height:150px;border:1px solid #85bfc17a;border-radius:50%;transform:rotate(-35deg)}.orbit:nth-child(2){transform:rotate(35deg);width:390px;height:160px}.orbit:nth-child(3){transform:rotate(90deg);width:350px;height:150px}.core{width:176px;height:176px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b0e1d8,#5f9fa3 60%,#3c687c);box-shadow:0 0 90px #80c3bb40;display:grid;place-content:center;text-align:center;font:800 47px Manrope;letter-spacing:-3px;z-index:1}.core span{font:600 10px 'DM Sans';letter-spacing:4px}.dot{position:absolute;left:12%;top:26%;width:15px;height:15px;background:#a9d8ce;border-radius:50%}.float{position:absolute;z-index:2;background:#ffffff12;border:1px solid #ffffff30;backdrop-filter:blur(10px);border-radius:12px;padding:13px 18px;font-size:12px}.float strong{display:block;font-size:17px;margin-bottom:4px}.f1{top:20px;right:0}.f2{bottom:20px;left:0}.facts{background:white;border-bottom:1px solid var(--line)}.facts .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-top:25px;padding-bottom:25px}.fact{border-right:1px solid var(--line);padding-left:25px}.fact:last-child{border:0}.fact strong{display:block;font-size:18px}.fact span{font-size:12px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:25px}.card{display:flex;flex-direction:column}.card p{font-size:13px;color:var(--muted)}.card .bottom{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tag{display:inline-block;align-self:start;padding:5px 9px;border-radius:5px;background:#edf4f3;color:#477b7c;font-size:10px;font-weight:800;letter-spacing:.04em}.time{font-size:13px;color:var(--teal);font-weight:700;margin-top:20px}.subtle{font-size:12px;color:var(--muted)}.banner{margin-top:35px;background:#e5efed;border:1px solid #d1e1dd;border-radius:14px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner p{margin:5px 0;font-size:13px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.filters input{flex:1;min-width:180px}input,select,textarea{border:1px solid #cedadd;border-radius:8px;padding:12px;background:white;color:var(--ink);max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #70aeb1}label{display:block;font-size:12px;font-weight:700;margin-bottom:16px}label input,label select,label textarea{display:block;width:100%;margin-top:7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.form-layout aside{position:sticky;top:20px}.steps{margin:30px 0}.step{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.step b{margin-right:12px;color:var(--teal)}.check{display:flex;gap:10px;align-items:start;font-weight:400;line-height:1.6}.check input{width:auto;margin-top:3px}.error{color:#a13737;font-size:13px;margin:10px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.tabs button{background:white;border:1px solid var(--line);color:var(--ink);padding:11px 16px}.tabs button.active{background:var(--navy);color:white}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.stat b{display:block;font:800 34px Manrope;margin-top:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:650px}th,td{text-align:left;padding:15px 10px;border-bottom:1px solid var(--line)}th{font-size:10px;letter-spacing:.1em;color:var(--muted)}td button{padding:8px 12px;font-size:12px}.pill{padding:5px 9px;background:#edf4f3;border-radius:20px;white-space:nowrap;font-size:11px}.warn{background:#fbf1dd;color:#92631f}.success{background:#e5f2e9;color:#347253}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.empty{text-align:center;padding:45px;color:var(--muted)}.list-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.list-row p{margin:5px 0}.mail{max-width:650px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.mail-head{background:var(--navy);color:white;padding:35px}.mail-head img{width:230px;background:white;padding:8px;border-radius:6px}.mail-body{padding:30px}.mail-body h2{font-size:29px}.mail-body p{font-size:14px}.note{padding:15px;border-radius:8px;background:#edf4f3;font-size:12px;line-height:1.7}.rating{padding:20px 0;border-bottom:1px solid var(--line)}.rating select{width:100%}dialog{border:1px solid var(--line);border-radius:16px;max-width:740px;width:95%;padding:35px;color:var(--ink)}dialog::backdrop{background:#182c45aa}.close{position:absolute;right:12px;top:12px;padding:4px 11px;background:transparent;color:var(--ink);font-size:24px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:15px 24px;border-radius:10px;display:none;z-index:10;max-width:90%}footer{background:white;border-top:1px solid var(--line);text-align:center;padding:35px}footer img{width:190px}footer p{font-size:13px}footer span{font-size:9px;letter-spacing:.2em}.certificate{text-align:center;border:9px double var(--teal);padding:45px 20px;background:white}.certificate img{width:240px}.certificate h2{font-size:35px}.certificate strong{display:block;font-size:26px;margin:25px}.certificate .watermark{font-size:12px;color:#a46734;letter-spacing:.2em}.bar{height:9px;background:#e6eded;border-radius:6px;margin:9px 0 18px}.bar span{display:block;height:100%;background:var(--teal);border-radius:6px}
@media(max-width:800px){header{height:auto;padding:14px 5%;gap:15px;flex-wrap:wrap}.brand img{width:180px}nav{gap:15px;flex-wrap:wrap;font-size:12px}.demo span{display:none}.hero .wrap{grid-template-columns:1fr;gap:10px}.art{height:280px}.orbit{width:260px}.orbit:nth-child(2){width:300px}.orbit:nth-child(3){width:270px}.f1{right:8%}.f2{left:8%}.wrap{padding:35px 20px}.grid{grid-template-columns:1fr 1fr}.form-layout{grid-template-columns:1fr;gap:20px}.form-layout aside{position:static}.stats,.facts .wrap{grid-template-columns:1fr 1fr}.fact{padding:12px}.two{grid-template-columns:1fr;gap:0}.section-head,.banner{align-items:start;flex-direction:column}h2{font-size:28px}.stats{gap:10px}.stat{padding:16px}.stat b{font-size:27px}}
@media(max-width:500px){.grid{grid-template-columns:1fr}.hero .wrap{padding-top:35px}.art{height:280px}.card,.panel{padding:20px}nav .button{display:none}.list-row{flex-direction:column}.mail-body{padding:20px}.certificate{padding:25px 10px}.certificate img{width:180px}}
@media print{body>*:not(dialog){display:none}dialog{position:static;display:block;border:0;max-width:none;width:100%}dialog .close,dialog button{display:none}.certificate{margin-top:60px}}