:root{
  --navy:#1a3246;--navy-2:#102737;--ink:#1a3246;--teal:#00b2bc;--teal-dark:#009ca6;--teal-bright:#00c6cc;
  --gold:#febe10;--gold-dark:#eaa900;--gold-soft:#ffce62;--soft:#f4f7f7;--soft-2:#eef4f5;--line:#dfe7e8;--white:#fff;--muted:#657581;
  --shadow:0 24px 70px rgba(26,50,70,.12);--radius:12px;--radius-sm:8px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit}img{max-width:100%}button,input,textarea{font:inherit}.container{width:min(calc(100% - 20px),calc(50vw + 590px));margin-inline:auto}.narrow{max-width:1180px}.wide-copy{max-width:1380px}.article-width{max-width:1100px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:#fff;padding:9px 12px;z-index:99;border:1px solid var(--line);border-radius:6px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center}.brand img{width:146px;height:52px;object-fit:contain;object-position:left center}.desktop-nav{display:flex;align-items:center;gap:26px}.desktop-nav a,.mobile-nav nav a{text-decoration:none;font-weight:750;font-size:.95rem}.desktop-nav>a:not(.btn):hover{color:var(--teal-dark)}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;font-weight:800;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:7px 11px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:44px;width:260px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:14px;display:grid;gap:4px}.mobile-nav nav a{padding:9px 10px;border-radius:6px}.mobile-nav nav a:hover{background:var(--soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:var(--teal);color:#062e33;text-decoration:none;font-weight:850;padding:12px 20px;cursor:pointer;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(0,178,188,.18)}.btn-sm{padding:9px 15px;border-radius:7px}.btn.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn.light{background:#fff;color:var(--navy)}.text-link{font-weight:850;color:var(--teal-dark);text-decoration:none}
.motion-bg{position:relative;overflow:hidden;isolation:isolate}.motion-bg:before,.motion-bg:after{content:"";position:absolute;pointer-events:none;z-index:-1;background-repeat:no-repeat;background-size:contain;opacity:.68}.motion-bg:before{width:950px;height:620px;right:-120px;top:-140px;background-image:url('/images/ui/constellation.svg');animation:driftA 22s ease-in-out infinite alternate}.motion-bg:after{width:780px;height:520px;left:-260px;bottom:-230px;background-image:url('/images/ui/flow-lines.svg');opacity:.36;animation:driftB 28s ease-in-out infinite alternate}.pattern-section{position:relative;overflow:hidden}.pattern-section:after{content:"";position:absolute;right:-60px;top:40px;width:460px;height:460px;background:url('/images/ui/dot-grid.svg') center/contain no-repeat;opacity:.35;pointer-events:none;animation:floatPattern 18s ease-in-out infinite alternate}.motion-band{position:relative;overflow:hidden}.motion-band:after{content:"";position:absolute;inset:auto -10% -55% 35%;height:600px;background:url('/images/ui/flow-lines-light.svg') center/contain no-repeat;opacity:.2;animation:driftA 26s ease-in-out infinite alternate;pointer-events:none}@keyframes driftA{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-48px,35px,0) rotate(3deg)}}@keyframes driftB{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(70px,-28px,0) scale(1.06)}}@keyframes floatPattern{from{transform:translateY(0) rotate(0)}to{transform:translateY(28px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-bg:before,.motion-bg:after,.pattern-section:after,.motion-band:after,.floating-card{animation:none!important}.btn{transition:none}}
.hero{padding:74px 0 62px;background:radial-gradient(circle at 80% 20%,#d9f7f6 0,transparent 31%),linear-gradient(135deg,#f8fbfb,#fff)}.hero-grid,.split,.form-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(38px,5vw,88px);align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:900;color:#009ca6}.hero h1,.page-hero h1{font-size:clamp(3.5rem,6.4vw,6.7rem);line-height:.93;letter-spacing:-.055em;margin:16px 0 25px}.hero h1 em{font-style:normal;color:var(--teal)}.lead{font-size:1.16rem;color:#516470;max-width:850px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-proof span,.topic-cloud span{border:1px solid #d5e3e5;background:rgba(255,255,255,.76);padding:7px 10px;border-radius:7px;font-size:.83rem;font-weight:750;color:#526772}.hero-card{background:linear-gradient(160deg,#17384d,var(--navy-2));color:#fff;padding:30px;border-radius:14px;box-shadow:0 25px 70px rgba(26,50,70,.2)}.floating-card{animation:cardFloat 7s ease-in-out infinite alternate}@keyframes cardFloat{from{transform:translateY(0)}to{transform:translateY(-10px)}}.hero-card ol{list-style:none;padding:0;margin:18px 0 0}.hero-card li{padding:15px 0;border-top:1px solid #345064;display:flex;gap:14px;align-items:flex-start}.hero-card b{color:#68e4e3;min-width:26px}.hero-card strong{display:block}.hero-card small{display:block;color:#bed0d8;margin-top:2px;line-height:1.45}
.trust{border-block:1px solid var(--line);padding:23px 0;background:#fff}.logo-row{display:flex;gap:13px 30px;flex-wrap:wrap;align-items:center}.logo-row a{text-decoration:none;font-weight:850;color:#445968}.logo-row a:hover{color:var(--teal-dark)}.logo-row.large{padding:24px 0;font-size:1.15rem}
.section{padding:76px 0}.section.soft{background:var(--soft)}.section.dark{background:var(--navy);color:#fff}.section.dark .lead{color:#c7d5dc}.section-head{display:flex;justify-content:space-between;gap:44px;align-items:end;margin-bottom:36px}.section h2{font-size:clamp(2.15rem,3.4vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:9px 0}.section-head>p{max-width:610px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.service-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:12px;padding:26px;background:rgba(255,255,255,.96);position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -50px -60px auto;width:140px;height:140px;border:1px solid rgba(0,178,188,.1);border-radius:50%;pointer-events:none}.card>span{font-size:.78rem;color:#829099}.card h3,.card h2{font-size:1.38rem;line-height:1.18;letter-spacing:-.02em;margin:15px 0 9px}.card p{color:var(--muted)}.card a{font-weight:850;color:#007e86;text-decoration:none}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1}.feature-grid article{background:#fff;border:1px solid var(--line);padding:24px;border-radius:11px}.feature-grid article>span{font-size:.75rem;color:#83929c;font-weight:850}.feature-grid h3{font-size:1.18rem;line-height:1.2;margin:9px 0}.feature-grid p{color:var(--muted);margin-bottom:0}.ticks{padding:0;list-style:none}.ticks li{padding:9px 0}.ticks li:before{content:'✓';color:var(--teal);font-weight:900;margin-right:11px}.big-ticks li{display:grid;grid-template-columns:22px 1fr;padding:12px 0;border-bottom:1px solid rgba(127,152,164,.22)}.big-ticks li:before{grid-row:1/3;margin:0}.big-ticks strong{display:block}.big-ticks span{display:block;color:var(--muted);margin-top:2px}.dark .big-ticks span{color:#b7c8d0}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.steps b{color:var(--teal-dark)}.steps strong{font-size:1.05rem}.steps p{margin:3px 0;color:var(--muted)}.plain-steps{padding-left:1.2rem}.plain-steps li{margin:8px 0}.topic-cloud{display:flex;flex-wrap:wrap;gap:9px}.topic-cloud span{background:#fff;font-size:.92rem;padding:9px 12px}
.cta{background:linear-gradient(130deg,#00b2bc,#00c6cc);color:#062e33;padding:78px 0;text-align:center}.cta h2{font-size:clamp(2.6rem,5vw,5.1rem);margin:9px 0;letter-spacing:-.05em}.cta p{max-width:820px;margin:0 auto 24px}.page-hero{padding:78px 0 60px;background:linear-gradient(135deg,#f1f7f7,#fff)}.page-hero h1{font-size:clamp(3rem,5.5vw,5.7rem)}.article-hero{padding-bottom:64px}.article-meta,.blog-meta{color:#71828d;font-size:.9rem;margin-top:18px}.article-body p{font-size:1.07rem;line-height:1.82;margin:0 0 1.5em}.blog-card{min-height:310px;display:flex;flex-direction:column}.blog-card .blog-meta{margin-top:auto;margin-bottom:10px}
.form-grid{align-items:start}.form,.contact-card{border:1px solid var(--line);border-radius:12px;padding:28px;background:#fff;box-shadow:0 16px 50px rgba(26,50,70,.06)}.form label,.panel label{display:block;font-weight:750;margin-bottom:16px}.form input,.form textarea,.panel input,.panel textarea{width:100%;margin-top:6px;padding:12px 13px;border:1px solid #bdcacc;border-radius:7px;font:inherit;background:#fff;color:var(--ink)}.form textarea{resize:vertical}.form input:focus,.form textarea:focus{outline:3px solid rgba(0,178,188,.12);border-color:var(--teal)}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important}.check input{width:auto!important;margin-top:5px!important}.field-hint{font-weight:500;color:var(--muted);font-size:.8rem}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.math-box{background:#f1f8f8;border:1px solid #cde6e7;border-radius:9px;padding:15px;margin:8px 0 17px}.math-box label{margin:0!important}.math-box input{max-width:190px}.math-box small{display:block;margin-top:6px;color:var(--muted)}.choice-field{border:0;padding:0;margin:0 0 18px}.choice-field legend{font-weight:750;margin-bottom:8px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice-grid label{margin:0!important;position:relative}.choice-grid input{position:absolute;opacity:0;pointer-events:none;width:1px!important}.choice-grid span{display:block;border:1px solid #c9d5d7;border-radius:7px;padding:10px 11px;font-size:.9rem;font-weight:650;cursor:pointer;background:#fff}.choice-grid input:checked+span{border-color:var(--teal);background:#e9f9f9;box-shadow:0 0 0 2px rgba(0,178,188,.09)}.privacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{position:sticky;top:86px}.contact-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.notice{margin-top:14px;padding:14px 18px;border-radius:8px}.notice ul{margin:7px 0 0}.notice.success{background:#e4fbef;border:1px solid #9bd8b7}.notice.error{background:#fff1f1;border:1px solid #f0b1b1}
.legal{max-width:1280px}.prose h2{margin-top:2.05em;font-size:1.85rem}.prose h3{margin-top:1.55em}.prose p,.prose li{color:#425965}.muted{color:var(--muted);font-size:.9rem}.light-muted{color:#b8cad2}.legal-hero{padding-bottom:50px}
footer{background:#102737;color:#d6e1e6;padding:58px 0 22px}.footer-grid{display:grid;grid-template-columns:2.1fr 1fr 1fr;gap:44px}.footer-grid>div:first-child p{max-width:600px}.footer-grid a{display:block;text-decoration:none;margin:7px 0}.footer-logo{width:220px;max-height:82px;object-fit:contain;object-position:left center}.footer-bottom{margin-top:42px;border-top:1px solid #294255;padding-top:20px;font-size:.84rem;color:#97a9b3}.cookie{position:fixed;z-index:50;right:16px;bottom:16px;width:min(430px,calc(100% - 32px));background:#fff;border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.18);padding:20px;border-radius:11px}.cookie p{font-size:.9rem}.cookie-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cookie-actions form{margin:0}.cookie a{font-size:.84rem;margin-left:4px}
@media(max-width:1180px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.container{width:calc(100% - 20px)}}
@media(max-width:900px){.desktop-nav{display:none}.mobile-nav{display:block}.nav{height:58px}.brand img{width:160px;height:34px}.hero-grid,.split,.form-grid{grid-template-columns:1fr;gap:34px}.cards,.service-cards,.footer-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p{max-width:800px}.hero{padding-top:52px}.section{padding:58px 0}.page-hero{padding:60px 0 48px}.contact-card{position:static}.motion-bg:before{right:-430px;opacity:.45}}
@media(max-width:620px){.container{width:calc(100% - 20px)}.cards,.service-cards,.feature-grid,.footer-grid,.two,.choice-grid,.privacy-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:clamp(2.85rem,14vw,4.8rem)}.hero-card,.form,.contact-card{padding:21px}.section{padding:50px 0}.cta{padding:58px 0}.actions .btn{width:100%}.footer-grid{gap:24px}.cookie{right:10px;bottom:10px;width:calc(100% - 20px)}}

/* BETTO ADMIN UI V3: nav continuity + active states */
.site-header{
  background:linear-gradient(135deg,rgba(241,247,247,.97),rgba(255,255,255,.97));
  border-bottom-color:rgba(223,231,232,.48);
}
.desktop-nav>a:not(.btn).is-active{
  color:var(--teal-dark);
  position:relative;
}
.desktop-nav>a:not(.btn).is-active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  border-radius:2px;
  background:var(--teal);
}
.desktop-nav .btn.is-active{
  background:var(--navy);
  color:#fff;
  box-shadow:none;
}
.mobile-nav nav a.is-active:not(.btn){
  background:var(--soft-2);
  color:var(--teal-dark);
}
.mobile-nav nav .btn.is-active{
  background:var(--navy);
  color:#fff;
}
/* END BETTO ADMIN UI V3 */

/* BETTO BRAND + FORM + ERROR BASELINE V4 */
.required-mark{color:#c62828;font-weight:900;margin-left:2px}.required-note{font-size:.82rem;color:var(--muted);margin:-2px 0 18px}.required-note .required-mark{margin-right:4px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.error-page{min-height:calc(100vh - 64px);display:grid;align-items:center;padding:74px 0;background:radial-gradient(circle at 82% 22%,rgba(0,198,204,.16),transparent 29%),linear-gradient(135deg,#f8fbfb,#fff)}.error-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);gap:clamp(34px,6vw,96px);align-items:center}.error-code{font-size:clamp(5.4rem,16vw,12rem);line-height:.75;letter-spacing:-.07em;font-weight:950;color:var(--navy);margin:0}.error-copy h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:.98;letter-spacing:-.05em;margin:18px 0}.error-copy p{max-width:720px;color:var(--muted);font-size:1.08rem}.error-mark{display:grid;place-items:center}.error-mark img{width:min(260px,72vw);filter:drop-shadow(0 24px 48px rgba(26,50,70,.13))}@media(max-width:900px){.brand img{width:132px;height:48px}.error-shell{grid-template-columns:1fr}.error-mark{justify-items:start}.error-mark img{width:150px}}
/* END BETTO BRAND + FORM + ERROR BASELINE V4 */

/* BETTO NAV OVERLAY V4.1 */
.site-header{
  position:sticky;
  top:0;
  z-index:20;
  margin-bottom:-64px;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-bottom-color:transparent;
  box-shadow:none;
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,-webkit-backdrop-filter .24s ease,backdrop-filter .24s ease;
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom-color:rgba(223,231,232,.72);
  box-shadow:0 8px 28px rgba(26,50,70,.07);
}
.hero{padding-top:118px}
.page-hero{padding-top:122px}
.error-page{padding-top:118px}
main>.notice:first-child{position:relative;z-index:2;margin-top:78px}
@media(max-width:900px){
  .site-header{margin-bottom:-58px}
  .hero{padding-top:106px}
  .page-hero{padding-top:110px}
  .error-page{padding-top:106px}
  main>.notice:first-child{margin-top:70px}
}
/* END BETTO NAV OVERLAY V4.1 */
