
:root{--navy:#082044;--green:#087c3e;--gold:#efb20d;--cream:#f6f6ef;--ink:#152922}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{padding:18px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9e4;background:#fff;gap:25px;position:sticky;top:0;z-index:5}.logo{width:230px;height:auto;display:block}nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}nav a{text-decoration:none}button{cursor:pointer}.lang{background:white;border:1px solid #ccd4cf;border-radius:6px;padding:9px;width:auto;max-width:130px}.btn{display:inline-block;border:0;border-radius:6px;background:var(--green);color:white;padding:17px 23px;text-decoration:none;font-weight:700;font-size:15px}.btn.secondary{background:transparent;color:var(--navy);border:1px solid #b7c4bc}.hero{background:var(--cream);padding:75px 5% 0;overflow:hidden}.hero-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--green)}h1{font-size:clamp(50px,5.8vw,86px);line-height:1.02;letter-spacing:-4px;margin:22px 0;color:var(--navy)}h1 em{font-style:normal;color:var(--green)}.lead{font-size:18px;line-height:1.7;max-width:510px;color:#4c5e54}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 38px}.art{min-height:430px;position:relative;background:linear-gradient(145deg,#dbece1,#eef1d9);border-radius:220px 220px 18px 18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art svg{width:100%;height:auto}.art-note{position:absolute;bottom:22px;left:22px;background:white;border-radius:7px;padding:14px 18px;font-size:12px;box-shadow:0 5px 25px #08204412}.art-note b{display:block;font-size:16px;margin-bottom:5px;color:var(--navy)}.strip{max-width:1300px;margin:50px auto 0;border-top:1px solid #ccd7ca;padding:23px 0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;letter-spacing:1px;font-weight:bold;color:#41594a}section{padding:90px 5%}.wrap{max-width:1300px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}h2{font-size:clamp(32px,3.6vw,49px);line-height:1.12;letter-spacing:-1.5px;color:var(--navy);margin:16px 0}p{line-height:1.7}.section-head p{max-width:420px;color:#526159}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#f6f8f5;border:1px solid #e4eae2;border-radius:10px;padding:26px;display:flex;flex-direction:column}.num{font-size:12px;color:var(--green);font-weight:bold}.product-icon{height:110px;display:flex;align-items:center;justify-content:center;font-size:54px;color:var(--green);font-weight:bold}.card h3{font-size:21px;color:var(--navy);margin:14px 0 6px}.card p{font-size:14px;color:#54665a;margin-bottom:22px}.card a{font-size:14px;color:var(--green);font-weight:700;margin-top:auto}.dark{background:var(--navy);color:#d6e2db}.dark h2{color:white}.dark .eyebrow{color:#ecc452}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.steps{display:grid;gap:28px}.step{border-bottom:1px solid #ffffff22;padding-bottom:23px;display:grid;grid-template-columns:45px 1fr;gap:10px}.step span{color:#f1ba20;font-size:14px;padding-top:5px}.step h3{color:white;margin:0 0 8px;font-size:21px}.step p{margin:0;font-size:15px}.quote{background:var(--cream)}.quote-grid{display:grid;grid-template-columns:.85fr 1fr;gap:80px}.badge{display:inline-flex;gap:8px;background:#e1eddf;color:#256441;padding:10px 14px;border-radius:30px;font-size:13px;margin-top:15px}form{background:white;border:1px solid #dce5d9;padding:32px;border-radius:12px}label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.field{margin-bottom:20px}input,select,textarea{width:100%;border:1px solid #cbd6ca;padding:13px;border-radius:5px;background:white;color:var(--ink)}textarea{resize:vertical}.small{font-size:12px;color:#647268}.form-result{padding:15px;background:#e5f1e6;margin-top:18px;border-radius:6px;white-space:pre-wrap;font-size:14px}.form-result:empty{display:none}footer{padding:35px 5%;background:white;border-top:1px solid #e1e7dd;display:flex;justify-content:space-between;gap:25px;font-size:13px;color:#53645a}footer strong{color:var(--navy)}.footer-links a{margin-left:15px}@media(max-width:900px){nav a:not(.btn){display:none}.hero-grid,.dark-grid,.quote-grid{grid-template-columns:1fr;gap:35px}.hero{padding-top:40px}h1{letter-spacing:-2px}.art{min-height:300px;max-width:600px}.products{grid-template-columns:repeat(2,1fr)}.section-head{display:block}section{padding:60px 5%}.logo{width:190px}}@media(max-width:520px){header{padding:15px 5%;gap:10px}nav{gap:10px}nav .btn{display:none}.products{grid-template-columns:1fr}.hero h1{font-size:53px}.strip{font-size:10px}.art-note{left:14px;bottom:14px}.card{padding:22px}.product-icon{height:75px}form{padding:22px}footer{flex-direction:column}.section-head p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.learn{background:#edf3ed}.setup-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.setup-card{background:white;border:1px solid #dbe4db;padding:30px;border-radius:12px;display:flex;flex-direction:column}.setup-card h3{color:var(--navy);font-size:25px;letter-spacing:-.5px;margin:12px 0}.setup-card p{color:#526159;font-size:15px}.setup-card a{margin-top:auto;color:var(--green);font-size:14px;font-weight:700}.guide-icon{height:80px;display:flex;align-items:center;font-size:48px;color:var(--green)}.guide-hero{background:var(--cream);padding-top:38px}.guide-hero h1{font-size:clamp(43px,5vw,70px);max-width:980px;letter-spacing:-2.5px}.guide-hero .lead{max-width:780px}.back{display:inline-block;margin-bottom:40px;text-decoration:none;font-size:14px;color:var(--green);font-weight:700}.flow{margin:38px 0 16px;display:flex;gap:16px;align-items:center}.flow-node{flex:1;padding:25px 18px;text-align:center;background:white;border:1px solid #d1decf;border-radius:9px;color:var(--navy);font-weight:700;min-height:84px;display:flex;align-items:center;justify-content:center}.flow-node:first-child{background:#f8e7aa;border-color:#e7ca6e}.flow-node:last-child{background:#deebdd;border-color:#b4ceb1}.flow-arrow{color:var(--green);font-size:25px}.guide-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.guide-grid h2{font-size:34px;letter-spacing:-1px}.guide-grid p{color:#526159}.component-list{list-style:none;counter-reset:components;margin:0;padding:0}.component-list li{counter-increment:components;padding:20px 0 20px 47px;position:relative;border-bottom:1px solid #dfe7dd;line-height:1.8}.component-list li:before{content:'0' counter(components);position:absolute;left:0;font-size:13px;font-weight:bold;color:var(--green)}.guide-consider{background:#f1f5ee}.note{padding:30px;border-left:4px solid var(--gold);background:white}.note h3{color:var(--navy);margin-top:0}.note p{font-size:15px}.faq-wrap{max-width:900px}details{border-bottom:1px solid #dce5d8;padding:22px 0}summary{cursor:pointer;font-weight:700;font-size:19px;color:var(--navy);line-height:1.5}details p{padding-left:18px;color:#526159}.sources{padding-top:30px;font-size:13px}.sources h3{color:var(--navy)}.sources a{display:block;margin:12px 0;color:var(--green)}.dark p{max-width:800px}.dark .btn{background:#f0b619;color:var(--navy);margin-top:15px}nav{gap:20px}nav .lang{flex-shrink:0}@media(max-width:1000px){.guide-grid{gap:40px}.setup-card{padding:23px}}@media(max-width:760px){.setup-cards,.guide-grid{grid-template-columns:1fr}.flow{display:grid;grid-template-columns:1fr;justify-items:center;gap:8px}.flow-node{width:100%;min-height:60px}.flow-arrow{transform:rotate(90deg)}.guide-hero h1{letter-spacing:-1px}.back{margin-bottom:28px}.guide-icon{height:60px}.guide-grid{gap:25px}.setup-card p{margin-bottom:24px}}

.domain-label{font-weight:700;white-space:nowrap;color:inherit;text-decoration:none}.domain-label:hover{text-decoration:underline}
