@import url('../fonts/fonts.css');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}
body{font-family:'Urbanist',system-ui,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.6}
img,svg{display:block;max-width:100%}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}

.ck-off{display:none!important}
::selection{background:var(--teal);color:#fff}

:root{
  --teal:#4BB3A4;
  
  --teal-btn:#368176;--teal-lg:#409A8D;--teal-txt:#327A6F;--teal-chip:#2F7A6E;--teal-light:#6DC4B8;--teal-x-light:#C2EBE7;--teal-bg:#EFF9F8;--teal-dark:#35938A;--teal-deep:#1F6660;
  --yellow:#F5B800;--yellow-light:#FFD54F;--yellow-bg:#FFFAED;
  --accent:#6B4FA0;--accent-light:#8B73B8;--accent-bg:#F3F0F8;--accent-dark:#5a3d8f;
  --purple:#6B4FA0;--purple-light:#8B73B8;--purple-bg:#F3F0F8;
  --white:#FFFFFF;--bg:#FAFAF7;--cream:#F5F3EE;--sand:#EDE9E0;--warm-gray:#D6CFC2;
  --ink:#2C2052;--ink-mid:#4A3B6F;--ink-light:#7066A0;--ink-muted:#A89EC0;
  
  --r:clamp(9px,1.2vw,12px);--rl:clamp(14px,2vw,20px);--rxl:clamp(18px,2.8vw,28px);
  
  --ico-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--pill:100px;
  --sh-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);
  --sh-md:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);
  --sh-lg:0 12px 40px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.04);
  --sh-xl:0 24px 64px rgba(0,0,0,.1),0 8px 20px rgba(0,0,0,.06);
  --ease:cubic-bezier(.19,1,.22,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);
  --mw:1200px;--gut:clamp(20px,4vw,48px);
}
.ct{max-width:var(--mw);margin:0 auto;padding:0 var(--gut)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.sr-only-focusable:focus{position:fixed !important;top:10px !important;left:10px !important;width:auto !important;height:auto !important;clip:auto !important;overflow:visible !important;padding:10px 16px !important;background:#0F6E56 !important;color:#fff !important;border-radius:8px;z-index:10000;font-weight:600;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.25)}

.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:12px;font-weight:500;font-size:.92rem;letter-spacing:-.01em;transition:all .4s var(--ease);position:relative;overflow:hidden}
.btn-o{position:relative;overflow:hidden}
.btn-o::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(75,179,164,.08);transform:translate(-50%,-50%);pointer-events:none;transition:none}
.btn-o:hover::before{animation:btn-ripple .5s ease-out forwards}
@keyframes btn-ripple{0%{width:0;height:0;opacity:1}100%{width:300%;height:300%;opacity:0}}
.btn:hover::before{opacity:1}
.btn svg,.btn span{position:relative;z-index:1}
.btn svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.diff-sec,.sim-dark,.r-cmp{--teal-lg:var(--teal);--teal-txt:var(--teal);--teal-chip:var(--teal)}
.btn-p{background:var(--teal-btn);color:#fff;box-shadow:0 4px 20px rgba(47,120,110,.25)}
.btn-p::before{background:linear-gradient(135deg,var(--teal-dark),var(--teal))}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(58,175,169,.35)}
.btn-o{border:1px solid var(--sand);color:var(--ink);background:var(--white)}
.btn-o:hover{border-color:var(--teal);color:var(--teal-txt);transform:translateY(-2px)}
.btn-g{color:var(--teal-txt);font-weight:500;padding:0;gap:8px}
.btn-g:hover{gap:12px}
.btn-g:hover svg{transform:translateX(4px)}
.btn-w{background:#fff;color:var(--teal-deep);box-shadow:var(--sh-md)}
.btn-w:hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}
.btn-sm{padding:10px 22px;font-size:.82rem}
.arrow-r{width:18px;height:18px}