/* Education360 · index.html page styles */
/* ===== HOME · Figma sync (frame 1799:9699) — scoped to the home page main ===== */
#main{--hm-paper:#F2F4F6;--hm-ln:rgba(1,33,71,.1);--hm-i8:rgba(1,33,71,.8);--hm-i6:rgba(1,33,71,.6)}
#main .hm-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 32px;margin-bottom:52px}
#main .hm-head .hm-t{display:grid;gap:16px;width:648px;max-width:100%;justify-items:start}
#main .hm-head>p,#main .hm-head>.hm-r{width:535px;max-width:100%;flex:0 1 535px;font-size:18px;line-height:1.6;color:var(--hm-i8)}
#main .hm-r{display:grid;gap:24px;justify-items:start}
#main .h2{color:var(--navy)}
#main .h2,#main .cta h2,#main .nj-left h2{text-wrap:wrap}
#main .sec.navy .h2,#main .sec.blue .h2{color:#fff}
#main .go{flex:none;width:36px;height:34px;border-radius:17px;display:grid;place-items:center;background:rgba(1,33,71,.05);color:var(--blue);transition:background .2s,color .2s,transform .25s var(--ease)}
#main .go svg{width:18px;height:18px;color:inherit;transform:none}
#main .lk{font-weight:700;font-size:14px;letter-spacing:.12em;line-height:1.2;gap:8px}
#main .lk svg{width:18px;height:18px}
#main .stp-n{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:14px;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:var(--hm-i8)}
#main .stp-n i{font-style:normal;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font-size:14px;letter-spacing:0}

/* Hero */
#main .hero{border-bottom:0;padding:44px 0 40px}
#main .hero::before{display:none}
#main .hero .wrap{grid-template-columns:minmax(0,648px) minmax(0,648px);justify-content:space-between;gap:32px;align-items:center;min-height:0}
#main .hero-copy{padding:0 60px 0 0;gap:24px;align-self:center}
#main .hero .eyebrow{font-size:16px;letter-spacing:.12em;animation:fadeUp .8s var(--ease) .1s both}
#main .hero h1{letter-spacing:.02em!important}
#main .hero .lede{max-width:none;font-size:18px}
#main .hero-art{height:600px;min-height:0;align-self:center}
#main .hero-art .photo{left:-10.8%;right:auto;bottom:-72px;width:123.45%;max-width:none;height:auto;aspect-ratio:800/373;object-fit:cover;animation:photoIn 1.1s var(--ease) .3s both}
#main .hero-copy{grid-template-columns:minmax(0,1fr)}#main .hero .lede{max-width:588px}
#main .float{padding:14px 16px;gap:8px;border-radius:14px;box-shadow:0 24px 50px -24px rgba(1,20,61,.35)}
#main .f-src{left:28.5%;top:68px;padding:10px 16px;gap:6px;border-radius:999px;animation-delay:1.3s,2s}
#main .f-src .s{font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.3;padding:6px 8px;border-radius:6px;background:rgba(1,33,71,.05);color:var(--navy);border:1px solid rgba(0,116,255,.05)}
#main .f-src .s.on{background:var(--blue);color:#fff}
#main .f-src .s.y{background:var(--yellow);color:var(--navy)}
#main .f-src .ar{font-size:14px;font-weight:600;color:var(--hm-i6)}
#main .f-portrait{left:3.9%;top:195px;width:310px;padding:12px 14px;gap:10.5px;border-radius:12px;animation-delay:.9s,1.6s}
#main .f-portrait .fp-top{gap:10.5px}
#main .f-portrait .fp-top img{width:38.5px;height:38.5px;border:0}
#main .f-portrait .fp-top b{font-size:14px;line-height:1.25}
#main .f-portrait .fp-top small{font-size:10.5px;color:var(--hm-i6);display:block;margin-top:3px}
#main .f-portrait .tag{font-size:9.6px;letter-spacing:.08em;padding:4.4px 10.5px}
#main .f-portrait .mini-chips{gap:4.4px}
#main .f-portrait .mini-chips span{font-size:10.5px;padding:2.6px 7.9px;background:rgba(1,33,71,.05);border:1px solid rgba(0,116,255,.05);line-height:1.4}
#main .f-portrait .mini-chips i{color:var(--hm-i6);margin-right:5px}
#main .f-portrait .bars{height:33px;gap:2.6px}
#main .bars span{background:rgba(1,33,71,.2)}
#main .bars span:last-child{background:var(--blue)}
#main .f-alert{right:-11px;top:147px;width:272px;animation-delay:1.1s,2.4s}
#main .f-alert b{font-size:14px;font-weight:600;line-height:1.5}
#main .f-alert b::before{background:var(--yellow)}
#main .f-alert span{font-size:12px;line-height:1.4;color:var(--hm-i8)}
#main .f-alert .roles em{font-size:11px;font-weight:700;line-height:1.3;background:rgba(1,33,71,.05);color:var(--hm-i8)}
#main .f-alert .roles em.on{background:var(--navy);color:#fff}
#main .f-portrait .fp-top small,#main .f-src .s{white-space:nowrap}
@media (min-width:1001px){#main .hero h1 .ln{white-space:nowrap}}
@media (min-width:1001px) and (max-width:1200px){#main .hero-copy{padding-right:0}#main .hero h1{font-size:clamp(40px,4.6vw,62px)}}
@media (max-width:1200px){#main .f-portrait{top:205px;width:280px}#main .f-src{left:18%}}
@media (max-width:1000px){
  #main .hero{padding:32px 0 0}
  #main .hero .wrap{grid-template-columns:1fr;gap:0}
  #main .hero-copy{padding:16px 0 32px}
  #main .hero-art{height:auto;padding-top:250px;margin-inline:auto;width:100%;max-width:648px}
  #main .hero-art .photo{position:relative;left:-4%;bottom:0;width:108%;display:block;margin-bottom:-6%}
  #main .f-src{display:flex;left:50%;top:0;translate:-50% 0;animation:floatIn .8s var(--ease) 1.3s both}
  #main .f-portrait{left:0;top:72px;width:min(300px,60%)}
  #main .f-alert{right:0;top:130px;width:min(260px,48%)}
}
@media (max-width:620px){
  #main .hero-art{padding-top:190px}
  #main .f-src{padding:8px 10px;gap:4px;max-width:100%}
  #main .f-src .s{font-size:10px;padding:4px 6px;letter-spacing:.06em}
  #main .f-portrait{display:none}
  #main .f-alert{top:64px;right:auto;left:0;width:min(272px,86%)}
}

/* Marquee breaks (static) */
#main .marquee.static{border-bottom:0;position:relative;z-index:2}
#main .marquee.static .mq-one{gap:24px;padding:18px 24px}
#main .marquee.static .mq-one span{letter-spacing:.06em;line-height:1.2}
#main .marquee.hm-strip{height:48px}

/* Solutions */
#solutions{background:var(--hm-paper)}
#solutions .tabs-wrap{gap:32px;margin-bottom:32px}
#solutions .p-intro .fr{max-width:378px}
#solutions .tabs{gap:16px}
#solutions .tab{gap:8px;padding:24px 60px 24px 26px;border-radius:16px;border:0}
#solutions .tab b{font-size:22px;line-height:1.2;color:var(--navy)}
#solutions .tab .aud{font-size:16px;line-height:1.5;color:var(--hm-i8)}
#solutions .tab[aria-selected="true"] b{color:#fff}
#solutions .tab[aria-selected="true"] .aud{color:rgba(255,255,255,.8)}
#solutions .tab .radio{right:22px;top:24px;border:1.5px solid rgba(1,33,71,.25)}
#solutions .tab[aria-selected="true"] .radio{border:2px solid var(--yellow)}
#solutions .tab[aria-selected="true"]::after{background:var(--yellow);width:18px;height:18px;bottom:-12px}
#solutions .faces{margin-top:0;padding-top:8px}
#solutions .faces img{border-width:2px}
#solutions .panel{border-radius:16px;box-shadow:0 30px 60px -40px rgba(1,33,71,.25)}
#solutions .panel-body{grid-template-columns:repeat(3,minmax(0,1fr))}
#solutions .pcol{padding:36px 32px;gap:16px;grid-template-columns:minmax(0,1fr)}
#solutions .pcol+.pcol{border-left:1px solid var(--hm-ln)}
#solutions .pcol.p-intro{gap:20px}
#solutions .pcol h3{font-size:28px;line-height:1.2;letter-spacing:.01em}
#solutions .pbody,#solutions .pcol .fr{font-size:16px;line-height:1.5;color:var(--hm-i8)}
#solutions .pcol .fr{color:var(--hm-i6)}
#solutions .pcol .mh{font-size:14px;font-weight:700;letter-spacing:.12em;line-height:1.2;color:var(--hm-i6)}
#solutions .nrow{display:flex;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--hm-ln)}
#solutions .nrow .tx{flex:1;min-width:0;display:grid;gap:8px}
#solutions .nrow .nm{font-size:16px;line-height:1.55}
#solutions .nrow .nd{font-size:14px;line-height:1.5;color:var(--hm-i6);max-width:none}
#solutions .nrow:hover .go{background:var(--blue);color:#fff;transform:translateX(3px)}
#solutions .p-vis{gap:32px;background:var(--navy)}
#solutions .p-vis .mh{color:rgba(255,255,255,.6)}
#solutions .mini{width:380px;max-width:100%;padding:16px;gap:16px;border-radius:12px}
#solutions .mini .fp-top img,#solutions .mini .fp-top .av{width:42px;height:42px;border:0}
#solutions .mini .fp-top b{font-size:16px;line-height:1.25}
#solutions .mini .fp-top small{display:block;margin-top:3px;font-size:12px;color:var(--hm-i6)}
#solutions .mini .bars{height:48px;gap:3px}
#solutions .mini .alert{gap:4px;padding:10px 12px;border-radius:10px}
#solutions .mini .alert b{font-size:14px;font-weight:600;line-height:1.5}
#solutions .mini .alert span{font-size:12px;line-height:1.4;color:var(--hm-i8)}
#solutions .mini .roles{gap:12px;font-size:12px;color:var(--hm-i6)}
#solutions .mini .roles .rl{display:flex;gap:6px;flex-wrap:wrap}
#solutions .mini .roles em{font-size:12px;font-weight:500;letter-spacing:.08em;line-height:1.4;padding:3px 9px;background:rgba(1,33,71,.05);color:var(--hm-i8)}
#solutions .mini .roles em.on{background:var(--navy);color:#fff}
#solutions .p-cta{background:#fff;border-top:1px solid rgba(1,33,71,.4);padding:24px 32px 32px;gap:16px 28px}
#solutions .p-cta .tx{display:grid;gap:12px}
#solutions .p-cta p{margin:0;font-size:18px;line-height:1.6;color:var(--hm-i8)}
#solutions .p-cta-actions{gap:16px}
#main .btn-line:not(.dk){border-color:#fff}
#solutions .pcol h3{text-wrap:wrap}
#main .btn-line.dk{border:1px solid var(--navy);color:var(--navy)}
#main .btn-line.dk:hover{background:rgba(1,33,71,.05)}
@media (max-width:1100px){#solutions .panel-body{grid-template-columns:1fr 1fr}#solutions .p-vis{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--hm-ln)}}
@media (max-width:860px){#solutions .tabs{grid-template-columns:minmax(0,1fr)}#solutions .panel-body{grid-template-columns:minmax(0,1fr)}#solutions .pcol+.pcol{border-left:0;border-top:1px solid var(--hm-ln)}#solutions .pcol{padding:28px 22px}#solutions .p-cta{padding:22px}}

/* Statement */
#main .statement{min-height:463px}
#main .statement p{letter-spacing:1.1px}

/* Products */
#products .prod{display:flex;justify-content:space-between;align-items:flex-start;gap:48px}
@media (min-width:1101px){#products .prod{min-height:1101px}}
#products .hm-head>p{padding-right:10px}
#products .orbit{flex:none;width:535px;max-width:100%;margin:0}
#products .orbit .ring2{stroke:rgba(1,33,71,.1);stroke-width:1}
#products .orbit .ring{opacity:.6;stroke-width:1.2;animation:spin 32s linear infinite}
#products .orbit .ring-label{font-size:11px;letter-spacing:.41em;fill:var(--blue)}
#products .orbit .txt{transform-origin:50% 50%;animation:spin 32s linear infinite}
#products .orbit .spoke{stroke-width:1.5;opacity:.6}
#products .core-node{width:36.6%;padding:6px;background:var(--navy);box-shadow:0 0 0 10px rgba(0,116,255,.1)}
#products .core-node::before{inset:-16px;border-width:2px;opacity:.9;animation:hmHalo 1.6s ease-out infinite}
@keyframes hmHalo{0%{opacity:.9}100%{opacity:.1}}
#products .core-node .tag{bottom:-6px;font-size:11px;letter-spacing:.08em;padding:5px 12px;line-height:1.4}
#products .ring-pill{position:absolute;left:50%;top:90.6%;transform:translateX(-50%);background:#fff;border:1px solid var(--blue);border-radius:999px;padding:4px 10px;font-size:14px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:var(--blue);white-space:nowrap}
#products .mod-node{width:150px;transform:translateY(14px);opacity:0;padding:12px 14px;border-radius:14px;border:1px solid var(--hm-ln);box-shadow:0 18px 36px -24px rgba(1,33,71,.3);display:grid;gap:2px}
#products .orbit.in .mod-node{transform:none;opacity:1}
#products .mod-node b{font-size:16px;line-height:1.25}
#products .mod-node span{font-size:12px;line-height:1.4;margin:0;color:var(--hm-i8)}
#products .mod-node.hl b,#products .mod-node.hl span{color:#fff}
#products .prod-copy{flex:0 1 648px;min-width:0;display:grid;gap:48px}
#products .core-box{padding:36px 32px;gap:16px;border-radius:16px}
#products .core-box .eyebrow{font-size:16px}
#products .core-items{gap:12px}
#products .core-item{gap:6px;padding:20px;border:0;border-radius:10px;background:rgba(255,255,255,.1);align-content:start}
#products .core-item b{font-size:22px;line-height:1.2;min-height:2.4em}
#products .core-item span{font-size:16px;line-height:1.5;color:rgba(255,255,255,.8)}
#products .add{display:grid;gap:32px;justify-items:start}
#products .add-in{display:grid;gap:24px;width:100%}
#products .add .mh{font-size:16px;font-weight:600;letter-spacing:.12em;line-height:1.2;color:var(--hm-i6)}
#products .mods-list{border-top:1px solid var(--hm-ln)}
#products .mod-row{display:flex;align-items:center;gap:16px;padding:20px 24px 20px 0;border-bottom:1px solid var(--hm-ln);transition:background .25s,padding .3s var(--ease)}
#products .mod-row .tx{flex:1;min-width:0;display:grid;gap:6px}
#products .mod-row b{font-size:22px;line-height:1.2}
#products .mod-row span{font-size:16px;line-height:1.5;color:var(--hm-i8)}
#products .mod-row .tx>span{max-width:560px}
#products .mod-row:hover,#products .mod-row.hl{background:rgba(1,33,71,.05);padding-left:24px}
#products .mod-row:hover .go{transform:translateX(3px)}
@media (max-width:1100px){#products .prod{flex-direction:column;align-items:center}#products .prod-copy{flex:none;width:100%}}
@media (max-width:620px){#products .mod-node{width:30%;min-width:96px;padding:8px 10px}#products .mod-node b{font-size:13px}#products .mod-node span{display:none}#products .ring-pill{font-size:11px;letter-spacing:.08em;top:92%}#products .core-item b{min-height:0}#products .core-items{grid-template-columns:1fr}#products .core-box{padding:28px 22px}#products .mod-row b{font-size:20px}}

/* Services */
#services{padding-bottom:clamp(72px,9.3vw,133px)}
#services .svc-grid{display:flex;gap:28px;align-items:stretch}
#services .svc-feat{flex:0 0 648px;max-width:100%;background:rgba(255,255,255,.1);border:0;border-radius:16px;padding:36px 32px;display:flex;flex-direction:column;gap:36px;justify-content:flex-start}
#services .svc-feat .tx{display:grid;gap:12px}
#services .svc-feat h3{font-size:28px;line-height:1.2;letter-spacing:.01em}
#services .svc-feat p{font-size:18px;line-height:1.6;color:rgba(255,255,255,.8)}
#services .svc-feat:hover{background:rgba(255,255,255,.13)}
#services .svc-list{flex:1;min-width:0;border-top:1px solid rgba(255,255,255,.2)}
#services .svc{display:flex;align-items:center;gap:22px;padding:20px 4px;border-bottom:1px solid rgba(255,255,255,.2)}
#services .svc .tx{flex:1;min-width:0;display:grid;gap:8px}
#services .svc b{font-size:22px;line-height:1.2}
#services .svc p{grid-column:auto;font-size:16px;line-height:1.5;color:rgba(255,255,255,.6)}
#services .svc p{max-width:565px}
#services .go{background:rgba(1,33,71,.1);border:1px solid rgba(255,255,255,.4);color:var(--yellow)}
#services .svc:hover .go{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
@media (max-width:1100px){#services .svc-grid{flex-direction:column}#services .svc-feat{flex:none}}

/* Trust */
#trust{background:var(--hm-paper);padding-block:clamp(72px,7.8vw,112px);overflow:hidden}
#trust .h2{font-size:clamp(32px,3.45vw,48px);line-height:1.2;max-width:none;color:var(--navy)}
#trust .wm{left:50%;top:50%;right:auto;width:334px;height:400px;transform:translate(-50%,-50%);color:var(--navy);opacity:.035}
#trust .docs{display:flex;gap:48px;padding:52px 0;border-top:1px solid var(--hm-ln);border-bottom:1px solid var(--hm-ln)}
#trust .doc{flex:1;min-width:0;display:flex;gap:24px;align-items:flex-start}
#trust .doc{flex:1 1 0}
#trust .doc+.doc{position:relative;padding-left:48px}
#trust .doc+.doc::before{content:"";position:absolute;left:0;top:0;width:1px;height:126px;background:var(--hm-ln)}
@media (min-width:901px){#trust .doc:nth-child(3){flex:0 0 461px}}
#trust .doc .ic{flex:none;width:52px;height:52px;border-radius:12px;background:#fff;border:1px solid var(--hm-ln);display:grid;place-items:center;color:var(--blue);transition:background .2s,color .2s}
#trust .doc .ic svg{width:28px;height:28px}
#trust .doc:hover .ic{background:var(--blue);color:#fff}
#trust .doc .tx{display:grid;gap:12px;justify-items:start}
#trust .doc b{font-family:var(--serif);font-size:22px;line-height:1.2;color:var(--navy)}
#trust .doc p{font-size:16px;line-height:1.5;color:var(--hm-i6)}
#trust .t-row{display:flex;align-items:center;gap:24px 52px;margin-top:32px}
#trust .t-row p{flex:1;font-family:var(--serif);font-weight:700;font-size:28px;line-height:1.2;letter-spacing:.01em;color:var(--navy)}
@media (max-width:900px){#trust .docs{flex-direction:column;gap:32px;padding:40px 0}#trust .doc+.doc{border-left:0;padding-left:0;border-top:1px solid var(--hm-ln);padding-top:32px}#trust .doc+.doc::before{display:none}#trust .t-row{flex-direction:column;align-items:flex-start}#trust .t-row p{font-size:24px}}

/* About */
#about{padding-block:clamp(72px,7.8vw,112px)}
#about .about{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
#about .about-copy{width:535px;max-width:100%;gap:16px}
#about .about-copy .h2{max-width:440px}
#about .about-copy p{font-size:18px;line-height:1.6;color:var(--hm-i8);max-width:none}
#about .about-links{flex:0 1 648px;min-width:0;border-top:2px solid var(--navy)}
#about .al{display:flex;align-items:center;gap:24px;padding:24px 4px;border-bottom:1px solid var(--hm-ln)}
#about .al .tx{flex:1;min-width:0;display:grid;gap:8px}
#about .al b{font-size:28px;line-height:1.2;letter-spacing:.01em}
#about .al span{font-size:16px;line-height:1.5;color:var(--hm-i8)}
#about .al svg{flex:none}
@media (max-width:960px){#about .about{flex-direction:column}#about .about-links{flex:none;width:100%}#about .al b{font-size:24px}}

/* NJSBA band */
#njsba{position:relative;overflow:hidden;padding:120px 0 280px}
#njsba .nj-grid{display:flex;justify-content:space-between;gap:48px;align-items:flex-start}
#njsba .nj-left{width:648px;max-width:100%;padding-right:0;display:grid;gap:48px;justify-items:start}
#njsba .nj-copy{display:grid;gap:24px}
#njsba .nj-t{display:grid;gap:16px}
#njsba .nj-left h2{font-size:clamp(32px,3.45vw,48px);line-height:1.2;text-transform:none;letter-spacing:.01em}
#njsba .booth{display:grid;gap:4px;line-height:1.2}
#njsba .booth small{display:block;line-height:1.2;font-size:16px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff}
#njsba .booth b{font-family:var(--serif);font-size:clamp(60px,6.5vw,100px);line-height:1.2;color:var(--yellow);font-variant-numeric:tabular-nums}
#njsba .nj-copy>p{font-size:18px;line-height:1.6;color:#fff;max-width:500px}
#njsba .hero-ctas{gap:16px;animation:none}
#njsba .agenda{flex:0 1 535px;min-width:0;display:block;border-top:1px solid rgba(255,255,255,.4)}
#njsba .ag{display:flex;gap:20px;align-items:flex-start;background:none;border-radius:0;padding:24px 48px 24px 0;border-bottom:1px solid rgba(255,255,255,.4)}
#njsba .ag:hover{transform:translateX(6px)}
#njsba .ag .d{flex:none;width:120px;display:grid;gap:2px;font-size:16px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.5;color:rgba(255,255,255,.8)}
#njsba .ag .d b{font-size:28px;line-height:1.2;letter-spacing:.01em;color:#fff}
#njsba .ag .dt{display:grid;gap:6px}
#njsba .ag h3{font-size:22px;line-height:1.2;margin:0}
#njsba .ag p{font-size:18px;line-height:1.6;color:#fff}
#njsba .nj-photo{position:absolute;left:calc(50% - 233px);bottom:-30px;transform:translateX(-50%);width:auto;margin:0;border:0;display:block}
#njsba .nj-photo img{display:block;width:862px;height:180px;max-width:none;object-fit:cover}
#njsba .nj-photo.rv.pre{transform:translate(-50%,28px)}
#njsba .bubble{position:absolute;right:calc(50% - 405px);bottom:112px;top:auto;background:#fff;color:var(--navy);border-radius:12px 12px 12px 4px;padding:12px 16px;display:grid;gap:4px;font-family:var(--serif);font-weight:700;font-size:18px;line-height:1.25;white-space:nowrap;box-shadow:0 20px 40px -20px rgba(1,20,61,.4);animation:bob 5s ease-in-out infinite}
#njsba .bubble small{font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:var(--hm-i6)}
@media (max-width:1100px){#njsba .nj-grid{flex-direction:column}#njsba .nj-left{padding-right:0}#njsba .agenda{flex:none;width:100%}}
@media (max-width:620px){#njsba{padding-bottom:270px!important}#njsba .bubble{bottom:150px!important}}
@media (max-width:900px){#njsba{padding-bottom:220px}#njsba .nj-photo{left:50%}#njsba .nj-photo img{width:min(862px,150vw);height:auto;aspect-ratio:862/180}#njsba .bubble{right:16px;bottom:170px}#njsba .ag{padding-right:0}#njsba .ag .d{width:96px}}

/* Final CTA */
#main .cta h2{max-width:648px}

/* ===== HOME · mobile + tablet (max-width:1199px only; desktop untouched) ===== */
@media (min-width:1001px) and (max-width:1199px){
  #main .hero-art{height:500px}
  #main .f-src{left:auto;right:0;top:16px}
  #main .f-alert{top:84px;right:-8px;width:248px}
  #main .f-portrait{top:196px;left:-2%;width:250px}
  #main .f-portrait .tag{display:none}
}
@media (max-width:1199px){
  #main .statement p{letter-spacing:.02em}
  #njsba .ag:hover{transform:none}
}
@media (min-width:901px) and (max-width:1199px){
  #trust .docs{gap:32px}
  #trust .doc,#trust .doc:nth-child(3){flex:1 1 0;flex-direction:column;gap:16px}
  #trust .doc+.doc{padding-left:32px}
  #trust .doc+.doc::before{height:100%}
}
@media (min-width:621px) and (max-width:1000px){
  #main .hero-copy{padding:8px 0 24px}
  #main .hero .lede{max-width:600px}
  #main .hero h1{font-size:46px!important}
  #main .hero-art{padding-top:206px}
  #main .f-src{top:4px}
  #main .f-portrait{top:76px;left:2%}
  #main .f-alert{top:118px;right:2%}
}
@media (max-width:1199px){
  #njsba{padding-top:88px}
}
@media (max-width:900px){
  #njsba{padding-bottom:300px}
  #njsba .bubble{right:20px;bottom:178px}
}
@media (max-width:760px){
  #main .hm-head{margin-bottom:36px;gap:16px}
  #main .hm-head>p,#main .hm-head>.hm-r,#main .hero .lede{font-size:17px}
  #products .prod{gap:40px}
  #products .prod-copy{gap:40px}
  #services .svc-feat{padding:28px 22px;gap:24px}
  #services .svc-feat h3{font-size:24px}
  #services .svc{gap:16px}
  #services .svc b{font-size:20px}
  #trust .t-row{margin-top:28px;gap:20px}
  #about .al{padding:20px 4px;gap:16px}
  #about .al b{font-size:22px}
  #njsba .nj-left{gap:32px}
  #njsba .nj-copy{gap:20px}
  #njsba .ag{gap:16px;padding-block:20px}
  #njsba .ag .d{width:84px}
  #njsba .ag .d b{font-size:24px}
  #njsba .ag p{font-size:16px;line-height:1.5}
  #main .cta h2{font-size:32px}
}
@media (max-width:620px){
  #main .hero{padding-top:24px}
  #main .hero-copy{gap:20px;padding:8px 0 28px}
  #main .hero-ctas{width:100%}
  #main .hero .hero-ctas .btn,#njsba .hero-ctas .btn{flex:1 1 100%}
  #main .hero-art{padding-top:176px}
  #main .f-src{top:0}
  #main .f-alert{top:62px;left:0;width:min(280px,82%)}
  #njsba .hero-ctas{width:100%}
  #njsba{padding-top:72px;padding-bottom:204px!important}
  #njsba .nj-photo img{width:160vw}
  #njsba .bubble{right:16px;bottom:102px!important;font-size:16px;padding:10px 14px}
  #njsba .bubble small{font-size:12px}
}
@media (max-width:380px){
  #main .hero h1{font-size:33px!important}
  #main .f-src .s{font-size:9.5px;padding:4px 5px}
}