
body{margin:0;background:#F3F4F2}
a{color:#1D7A08}a:hover{color:#145806}
.post{max-width:760px;margin:0 auto;padding:88px 24px 40px;font-size:18px;line-height:1.75;color:#2A2F37}
.post h2{font-size:34px;font-weight:400;letter-spacing:-0.025em;line-height:1.15;color:#121418;margin:72px 0 20px}
.post h3{font-size:22px;font-weight:600;line-height:1.3;color:#121418;margin:44px 0 12px}
.post p{margin:0 0 22px}
.post ul,.post ol{margin:0 0 26px;padding-left:24px}
.post li{margin-bottom:10px}
.post a{color:#1D7A08;text-decoration:underline;text-underline-offset:3px}
.post strong{color:#121418}
.post .tbl{overflow-x:auto;margin:8px 0 14px;border:1px solid #DADDD8;background:#FFFFFF}
.post table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5;min-width:820px}
.post th{text-align:left;background:#121418;color:#FFFFFF;font-weight:600;padding:12px 14px}
.post td{padding:12px 14px;border-top:1px solid #E4E6E2;vertical-align:top}
.post .note{font-size:14px;color:#5A616B}
.post .cta{background:#121418;color:#C3C8CF;padding:32px 36px;margin:48px 0}
.post .cta strong{color:#FFFFFF}
.post .cta a{color:#34E00A}
.post .disclaimer{font-size:13px;line-height:1.6;color:#5A616B;border-top:1px solid #DADDD8;padding-top:24px;margin-top:64px}
@media (max-width: 900px){.nav-links{display:none !important}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #34E00A;outline-offset:3px;box-shadow:0 0 0 5px #121418}
a,button,summary,label[for]{cursor:pointer}
/* Motion polish */
@keyframes mIn{from{opacity:0;translate:0 36px}to{opacity:1;translate:0 0}}
@keyframes mHero{from{opacity:0;translate:0 24px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:none}}
h1{animation:mHero .9s cubic-bezier(.2,.8,.2,1) .15s both}
h1 + p{animation:mHero .9s cubic-bezier(.2,.8,.2,1) .35s both}
@supports (animation-timeline: view()){
article h2, .answer, .glance, .def, .tbl, .faq h3, .cta, section > div > h2, section > div > div > h2, figure, dl{animation:mIn linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
}
a[href*="jotform.com"], button[type="submit"]{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}
a[href*="jotform.com"]:hover, button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(52,224,10,.28)}
a[href*="jotform.com"]:active{transform:scale(.97)}
.chip{transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s,color .2s}
.chip:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion: reduce){h1,h1 + p,article h2,.answer,.glance,.def,.tbl,.faq h3,.cta,section > div > h2,section > div > div > h2,figure,dl{animation:none !important}a[href*="jotform.com"],button[type="submit"],.chip{transition:none !important;transform:none !important}}
/* ---------- Motion+ pack ---------- */
body::before{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:#34E00A;box-shadow:0 0 12px rgba(52,224,10,.6);transform-origin:0 50%;transform:scaleX(0);z-index:2147483000;pointer-events:none}
@keyframes ngProg{to{transform:scaleX(1)}}
@supports (animation-timeline: scroll()){body::before{animation:ngProg linear both;animation-timeline:scroll(root)}}
@supports not (animation-timeline: scroll()){body::before{display:none}}
a[href*="jotform.com"]{position:relative;overflow:hidden}
a[href*="jotform.com"]::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));transform:skewX(-20deg);transition:left .75s ease;pointer-events:none}
a[href*="jotform.com"]:hover::after{left:135%}
nav[aria-label="Main"] > a:first-child img{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
nav[aria-label="Main"] > a:first-child:hover img{transform:scale(1.06) rotate(-2deg)}
.nav-links a{background-image:linear-gradient(#34E00A,#34E00A);background-repeat:no-repeat;background-position:0 100%;background-size:0 2px;padding-bottom:4px;transition:background-size .35s cubic-bezier(.2,.8,.2,1),color .2s}
.nav-links a:hover{background-size:100% 2px;color:#FFFFFF !important}
header + section{position:relative;overflow:hidden}
header + section::before{content:"";position:absolute;z-index:0;width:620px;height:620px;right:-160px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(52,224,10,.20) 0%,rgba(52,224,10,.06) 40%,rgba(52,224,10,0) 68%);animation:ngOrb 16s ease-in-out infinite alternate;pointer-events:none}
header + section > *{position:relative;z-index:1}
@keyframes ngOrb{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-160px,120px) scale(1.15)}100%{transform:translate(-60px,240px) scale(.95)}}
section[aria-label] a[style*="border: 1px solid #D8DBD6"]{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .2s}
section[aria-label] a[style*="border: 1px solid #D8DBD6"]:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(18,20,24,.12);border-color:#34E00A !important}
.post tbody tr td{transition:background-color .2s ease}
.post tbody tr:hover td{background-color:#F1FBEC}
.post .answer{transition:border-left-width .3s ease,box-shadow .3s ease}
.post .answer:hover{border-left-width:8px;box-shadow:0 10px 30px rgba(18,20,24,.06)}
@media (prefers-reduced-motion: reduce){body::before,header + section::before{animation:none !important}a[href*="jotform.com"]::after{display:none}nav[aria-label="Main"] > a:first-child img,section[aria-label] a[style*="border: 1px solid #D8DBD6"],.post .answer{transition:none !important}}

/* Mobile menu */
nav[aria-label="Main"]{position:relative;z-index:50}
.ng-mnav{display:none}
.ng-mnav>summary{list-style:none;cursor:pointer;width:46px;height:46px;box-sizing:border-box;border:1px solid #3A3F48;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;-webkit-tap-highlight-color:transparent}
.ng-mnav>summary::-webkit-details-marker{display:none}
.ng-mnav>summary::marker{content:""}
.ng-mnav>summary span{display:block;width:20px;height:2px;background:#E9ECEF;transition:transform .2s ease,opacity .2s ease}
.ng-mnav[open]>summary{border-color:#34E00A}
.ng-mnav[open]>summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ng-mnav[open]>summary span:nth-child(2){opacity:0}
.ng-mnav[open]>summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ng-mnav-panel{position:absolute;left:0;right:0;top:100%;z-index:60;background:#121418;border:1px solid #262A31;border-top:2px solid #34E00A;padding:4px 20px 18px;box-shadow:0 28px 56px rgba(0,0,0,.55);text-align:left}
.ng-mnav-panel a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;border-bottom:1px solid #262A31;color:#E9ECEF;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.ng-mnav-panel a::after{content:"\2192";color:#34E00A;font-weight:700}
.ng-mnav-panel a.ng-mnav-sub{min-height:48px;color:#C3C8CF;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none}
.ng-mnav-panel a.ng-mnav-sub:last-child{border-bottom:0}
@media (max-width:960px){.nav-links{display:none !important}.ng-mnav{display:block}nav[aria-label="Main"]{gap:12px !important}nav[aria-label="Main"]>a:first-child{margin-right:auto}}
nav[aria-label="Main"]>a:first-child{flex-shrink:0}
@media (max-width:560px){nav[aria-label="Main"] a.num[href^="tel:"]{display:none !important}}
@media (max-width:420px){nav[aria-label="Main"] .ng-cta{padding:12px 14px !important;font-size:12px !important;letter-spacing:.08em !important}nav[aria-label="Main"]>a:first-child img{height:34px !important}}
@media (max-width:360px){header[style*="max-width: 1320px"]{padding:0 16px !important}nav[aria-label="Main"][style*="padding: 24px 32px"]{padding:20px 16px !important}nav[aria-label="Main"]>a:first-child img{height:30px !important}nav[aria-label="Main"] .ng-cta{padding:11px 12px !important;font-size:11px !important}}
