/* /use-cases: everyday stories for people, and admin examples for companies. */

.chart{width:100%;height:auto}
.free,.pro{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:11px;font-size:12px;font-style:normal;font-weight:700;vertical-align:middle}
.free{background:var(--tint-green);color:var(--navy)}
.pro{background:var(--tint-blue);color:var(--deep)}

/* ---------- hero ---------- */
.u-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:40px;align-items:center;padding-top:64px}
.u-hero h1{margin-top:18px;max-width:640px}
.u-hero .lead{max-width:620px;margin-top:22px}
.u-pick{display:grid;grid-template-columns:repeat(2,minmax(0,310px));gap:16px;margin-top:30px}
.u-pick a{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0;color:var(--navy);text-decoration:none}
.u-pick a:hover{box-shadow:inset 0 0 0 1.5px var(--deep)}
.u-pick .on{box-shadow:inset 0 0 0 2px var(--deep)}
.u-pick b{font-size:18px;font-weight:800}
.u-pick a>span{font-size:14px;color:var(--slate)}
.u-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:600px;margin-top:22px}
.u-tags li{height:32px;display:flex;align-items:center;padding:0 12px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0;font-size:13px;font-weight:600}
.u-stack{position:relative;height:540px;perspective:1400px}
.u-c{position:absolute;display:flex;box-shadow:0 30px 60px rgba(1,31,73,.16)}
.u-c1{z-index:1;left:10px;top:0;width:360px;height:210px;flex-direction:column;gap:8px;padding:22px 24px;border-radius:20px;background:#fff;color:#13294B;transform:rotateY(calc(-14deg + var(--ry,0deg))) rotateX(calc(10deg + var(--rx,0deg))) rotateZ(-6deg)}
.u-c1 b{font:600 24px Georgia,'Times New Roman',serif}
.u-c1 small{font-size:13px;color:var(--slate)}
.u-c1 .u-k{margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.08em}
.u-c1>i{height:7px;width:88%;border-radius:4px;background:#D5DDE8}
.u-c1>i.short{width:72%}
.u-c2{z-index:2;left:222px;top:318px;width:320px;height:196px;flex-direction:column;overflow:hidden;border-radius:16px;background:#fff;transform:rotateY(calc(-14deg + var(--ry,0deg))) rotateX(calc(10deg + var(--rx,0deg))) rotateZ(4deg)}
.u-clip{height:22px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--deep)}
.u-clip i,.mc-clip i{width:50px;height:8px;border-radius:4px;background:var(--ground)}
.u-c2>span{flex:1;display:flex;flex-direction:column;justify-content:center;padding:22px 22px 8px}
.u-c2 b{font:800 46px/.95 'Arial Narrow','Roboto Condensed',sans-serif-condensed,var(--font);letter-spacing:-.01em;text-transform:uppercase}
.u-c2 small{font-size:15px;font-weight:600;color:#344054}
.u-c2 em,.mc-badge em{height:34px;flex:none;display:flex;align-items:center;justify-content:center;background:#FF6B35;color:var(--navy);font:800 18px 'Arial Narrow','Roboto Condensed',sans-serif-condensed,var(--font);font-style:normal;letter-spacing:.12em}
.u-c3{z-index:3;left:96px;top:104px;width:400px;height:236px;align-items:center;overflow:hidden;border-radius:22px;background:var(--grad-card);box-shadow:0 40px 80px rgba(1,31,73,.28);transform:rotateY(calc(-14deg + var(--ry,0deg))) rotateX(calc(10deg + var(--rx,0deg))) rotateZ(-2deg)}
.u-c3>span{flex:1;display:flex;flex-direction:column;align-self:stretch;padding:22px;color:#fff}
.u-c3 .mono{font-size:11px;letter-spacing:.06em}
.u-c3 b{margin-top:18px;font-size:28px;line-height:1.02;font-weight:800}
.u-c3 b+small{margin-top:4px;font-size:14px}
.u-c3 img{margin-right:18px;padding:8px;border-radius:8px;background:#fff}
.u-chip{position:absolute;z-index:4;height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(1,31,73,.14);font-size:14px;font-weight:700;white-space:nowrap}
.u-chip i{width:8px;height:8px;border-radius:4px;background:var(--deep)}
.u-chip2 i{background:var(--green)}
.u-chip1{right:-20px;top:56px}
.u-chip2{left:-20px;top:410px}
@media (max-width:1239px){.u-chip1{right:0}.u-chip2{left:0}}
@media (max-width:1099px){.u-hero-in{grid-template-columns:minmax(0,1fr)}.u-stack{width:560px;margin:0 auto}}
@media (max-width:759px){
  .u-hero-in{padding-top:40px;gap:24px}
  .u-pick{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}
  .u-pick a{padding:14px 16px}
  .u-pick b{font-size:17px}
  .u-tags{margin-top:18px}
  .u-stack{width:100%;height:360px;margin:0}
  .u-chip2{top:auto;bottom:0}
  .u-stack>.u-c{zoom:.6}
}
@media (max-width:379px){
  .u-stack>.u-c{zoom:.52}
  .u-stack{height:300px}
  .u-chip2{top:244px}
  .u-chip1{right:0;top:12px}
  .u-chip2{left:0;top:270px}
}

/* ---------- mini card designs (.mc): the look of each card style, 150x88 ---------- */
.mc{position:relative;width:150px;height:88px;flex:none;display:flex;overflow:hidden;border-radius:12px;box-shadow:0 6px 14px rgba(1,31,73,.14);line-height:1.2;text-align:left}
.mc b{font-weight:800}
.mc small{display:block;font-size:10px}
.mc-qr{width:34px;height:34px;flex:none;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 9px var(--navy),inset 0 0 0 12px #fff,inset 0 0 0 17px var(--navy)}
.mc-pass{align-items:center;padding-right:10px;background:var(--grad-card);color:#fff}
.mc-pass>span{flex:1;align-self:flex-start;padding:10px}
.mc-pass b{display:block;font-size:13px}
.mc-pass small{margin-top:2px}
.mc-bold{border-radius:6px;background:#FFC83D;color:var(--navy)}
.mc-blob{position:absolute;right:-24px;top:-28px;width:68px;height:68px;border-radius:34px;background:#FF9F43}
.mc-bold>span{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:10px}
.mc-bold b{font:800 15px/.95 var(--font);letter-spacing:-.01em}
.mc-bold small{margin-top:4px;font-weight:700}
.mc-bold .mc-qr{position:relative;align-self:flex-end;margin:0 8px 10px}
.mc-clean{flex-direction:column;justify-content:space-between;padding:12px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0,0 6px 14px rgba(1,31,73,.14)}
.mc-clean b{display:block;font-size:14px;letter-spacing:-.01em}
.mc-clean small{color:var(--slate)}
.mc-line{width:28px;height:3px;border-radius:2px;background:var(--deep)}
.mc-hand{flex-direction:column;justify-content:center;gap:2px;padding:10px 12px;border-radius:6px;background:#FBF6EC;box-shadow:inset 0 0 0 1px #E8DCC4,0 6px 14px rgba(74,52,20,.14);color:#1D3A8A}
.mc-hand b{white-space:nowrap;font:700 22px/1 'Segoe Script','Bradley Hand','Brush Script MT','Snell Roundhand',cursive}
.mc-hand svg{width:100px;height:8px}
.mc-hand small{margin-top:4px;font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5C5140}
.mc-legal{align-items:center;gap:10px;padding:10px 12px;border-radius:4px;background:#F7F3EA;outline:1px solid #8C5A63;outline-offset:-5px}
.mc-legal>b{font:700 34px/1 Georgia,'Times New Roman',serif;color:#5A1A28}
.mc-legal>span{padding-left:9px;border-left:1px solid #8C5A63}
.mc-legal>span>span{display:block;font:500 12px/1.15 Georgia,'Times New Roman',serif;color:#3A1019}
.mc-legal small{margin-top:2px;font-size:9px;color:#6B3A43}
.mc-badge{flex-direction:column;border-radius:9px;background:#fff}
.mc-clip{height:12px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--deep)}
.mc-clip i{width:24px;height:4px}
.mc-badge>span{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4px 10px}
.mc-badge b{font:800 22px/.95 'Arial Narrow','Roboto Condensed',sans-serif-condensed,var(--font);text-transform:uppercase}
.mc-badge small{font-size:9px;font-weight:600;color:#344054}
.mc-badge em{height:17px;font-size:10px}
.mc-research{flex-direction:column;gap:4px;padding:9px 10px;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0,0 6px 14px rgba(1,31,73,.14);color:#13294B}
.mc-research b{font:600 13px/1.1 Georgia,'Times New Roman',serif}
.mc-research small{font-size:8.5px;color:var(--slate)}
.mc-research .mc-k{font-size:7.5px;font-weight:600;letter-spacing:.08em}
.mc-research i{height:4px;width:92%;border-radius:2px;background:#C9D3E0}
.mc-research i.short{width:70%}
.mc-free>b{width:46px;flex:none;display:flex;align-items:center;justify-content:center;background:#F97316;color:var(--navy);font-size:18px}
.mc-free>span{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 9px;background:#fff}
.mc-free>span>b{font-size:11px;line-height:1.1}
.mc-free small{font-size:9px;color:var(--slate)}
.mc-free em{height:16px;margin-top:5px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--navy);color:#fff;font-size:8px;font-style:normal;font-weight:700}
.mc-photo{background:#D0D5DD}
.mc-photo svg{position:absolute;inset:0;width:100%;height:100%}
.mc-photo>span{position:absolute;left:0;right:0;bottom:0;padding:6px 9px;background:var(--navy);color:#fff}
.mc-photo b{font-size:11px}
.mc-photo small{font-size:8.5px;color:#D0D5DD}

/* ---------- for you: six stories ---------- */
.u-madeup{flex:none;padding:10px 14px;border-radius:12px;background:#fff;font-size:14px;color:var(--slate)}
.u-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.u-story{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0,0 30px 60px -40px rgba(1,31,73,.3)}
.u-art{height:220px;flex:none;overflow:hidden}
.u-art .chart{width:100%;height:220px}
.u-story-in{flex:1;display:flex;flex-direction:column;gap:14px;padding:24px 26px 26px}
.u-meta{font-size:12px;letter-spacing:.08em;color:var(--slate)}
.u-story h3{font-size:23px;line-height:1.22;font-weight:800;letter-spacing:-.015em}
.u-intro{font-size:15px;line-height:1.5;color:var(--slate)}
.u-k{margin-top:4px;font:400 12px var(--mono);letter-spacing:.08em;color:var(--deep)}
.u-steps{display:flex;flex-direction:column;gap:10px;counter-reset:u}
.u-steps li{position:relative;padding:2px 0 0 38px;font-size:15px;line-height:1.45;counter-increment:u}
.u-steps li::before{content:counter(u);position:absolute;left:0;top:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:var(--tint-blue);color:var(--deep);font-size:13px;font-weight:800}
.u-suits{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.u-suits>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.u-suits small.mono{font-size:11px;letter-spacing:.1em;color:var(--slate)}
.u-suits>span:last-child>b{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:17px;font-weight:800}
.u-suits>span:last-child>span{font-size:13.5px;line-height:1.4;color:var(--slate)}
@media (max-width:1099px){.u-stories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:759px){
  .u-madeup{display:inline-block;margin-top:14px}
  .u-stories{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px}
  .u-story{border-radius:22px}
  .u-art,.u-art .chart{height:190px}
  .u-story-in{padding:20px}
  .u-story h3{font-size:20px}
  .u-suits{gap:12px}
  .u-suits .mc{zoom:.86}
}

/* ---------- card designs ---------- */
.u-designs{margin-top:120px;padding:96px 0;background:#fff}
.u-designs .lead{max-width:780px}
.u-team{flex:none;max-width:340px;padding:14px 18px;border-radius:16px;background:var(--ground);font-size:15px;line-height:1.5}
.u-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.u-grid li{display:flex;align-items:center;gap:18px;padding:16px;border-radius:18px;background:var(--ground)}
.u-grid li>span:last-child{display:flex;flex-direction:column;gap:6px;min-width:0}
.u-grid li>span:last-child>b{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:17px;font-weight:800}
.u-grid li>span:last-child>span{font-size:14px;line-height:1.4;color:var(--slate)}
@media (max-width:1099px){.u-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:759px){
  .u-designs{margin-top:72px;padding:64px 0}
  .u-team{margin-top:16px;max-width:none}
  .u-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}
  .u-grid li{gap:14px;padding:12px}
  .u-grid .mc{zoom:.8}
  .u-grid li>span:last-child>b{font-size:16px}
}

/* ---------- for business: six cases with an admin example each ---------- */
.u-price{flex:none;display:flex;flex-direction:column;gap:2px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0}
.u-price small{font-size:14px;color:var(--slate)}
.u-price b{font-size:24px;font-weight:800;letter-spacing:-.02em}
.u-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
.u-case{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0,0 30px 60px -40px rgba(1,31,73,.3)}
.u-case-h{display:flex;align-items:flex-start;gap:16px}
.u-case-h>div{flex:1;min-width:0}
.u-case-h .ico{width:52px;height:52px;border-radius:16px}
.u-case h3{margin-top:4px;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.015em}
.u-plan{flex:none;height:28px;display:flex;align-items:center;padding:0 12px;border-radius:14px;background:var(--deep);color:#fff;font-size:13px;font-style:normal;font-weight:700}
.u-plan.ent{background:var(--navy)}
.u-case .u-intro{margin-top:4px}
.u-sees{font-size:15.5px;line-height:1.5}
.u-mini{margin-top:auto}
.u-mini .bf-bar{height:36px}
.u-mini .bf-url{font-size:11.5px}
.u-mini .cn-example{height:20px;padding:0 8px;font-size:10px;letter-spacing:.04em}
.u-mini-in{display:flex;flex-direction:column;gap:10px;padding:14px}
.u-mini-in>.pv{grid-column:1/-1}
.u-mh{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px}
.u-mh em{font-size:13px;font-style:normal;font-weight:700;color:var(--deep)}
.u-mh em.plain{color:var(--slate);font-weight:600}
.u-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.u-stats2{grid-template-columns:repeat(2,minmax(0,1fr))}
.u-stats span,.u-box{padding:10px 12px;border-radius:10px;background:#fff}
.u-stats span{display:flex;flex-direction:column}
.u-stats small,.u-box>small{font-size:12px;color:var(--slate)}
.u-stats b{font-size:22px;font-weight:800}
.u-box{display:flex;flex-direction:column;gap:6px;font-size:13px}
.u-hb{display:flex;align-items:center;gap:8px}
.u-hb>span{width:44px;flex:none}
.u-hb i{height:9px;flex:none;border-radius:5px;background:var(--deep)}
.u-hb b{font-size:12px}
.u-hb .u62{width:calc((100% - 96px) * .62)}.u-hb .u88{width:calc((100% - 96px) * .88)}.u-hb .u41{width:calc((100% - 96px) * .41)}
.u-t3>span,.u-t4>span{display:grid;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line)}
.u-t3>span{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}
.u-t4>span{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.u-t3>.u-th,.u-t4>.u-th{border-top:0;font-size:10.5px;letter-spacing:.08em;color:var(--slate)}
.u-box.u-t3,.u-box.u-t4{gap:0;padding:6px 12px}
.u-more{display:block!important;color:var(--slate)}
.u-st{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:10px;font-size:11.5px;font-style:normal;font-weight:700}
.u-st.on{background:var(--tint-green)}
.u-st.inv{background:var(--tint-blue);color:var(--deep)}
.u-st.off{background:#FDECEA;color:var(--red)}
.u-link{color:var(--deep);font-weight:700}
.u-locks span,.u-set span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}
.u-locks i{height:20px;display:flex;align-items:center;padding:0 8px;border-radius:10px;background:var(--tint-blue);color:var(--deep);font-size:11.5px;font-style:normal;font-weight:700}
.u-set span{padding:6px 0;border-top:1px solid var(--line)}
.u-set span:first-of-type{border-top:0}
.u-set b{font-weight:700}
.u-on{height:20px;display:flex;align-items:center;padding:0 8px;border-radius:10px;background:var(--tint-green);font-size:11.5px;font-style:normal;font-weight:700}
.u-log span{display:flex;gap:14px;padding:2px 0}
.u-log i{width:44px;flex:none;font-size:11.5px;font-style:normal;color:var(--slate)}
.u-remind{flex-direction:row!important;align-items:center;justify-content:space-between}
.u-remind>span{display:flex;flex-direction:column}
.u-remind small{font-size:12px;color:var(--slate)}
.u-remind>i{height:32px;flex:none;display:flex;align-items:center;padding:0 14px;border-radius:16px;background:var(--deep);color:#fff;font-size:13px;font-style:normal;font-weight:700}
.u-person{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,.8fr)}
.u-pcard{grid-row:span 2;gap:10px}
.u-so{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;background:#fff;box-shadow:0 6px 14px rgba(1,31,73,.14)}
.u-so>b{width:44px;height:56px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--navy);color:#fff;font-size:20px}
.u-so>span{display:flex;flex-direction:column}
.u-so>span b{font-size:12px}
.u-so small{font-size:10px;color:var(--slate)}
.u-pcard>small{font-size:12px;line-height:1.45;color:var(--slate)}
.u-spark{grid-column:span 2}
.u-spark>span{height:40px;display:flex;align-items:flex-end;gap:5px}
.u-spark i{flex:1;border-radius:3px 3px 0 0;background:var(--sky)}
.u-spark .h3{height:27%}.u-spark .h4{height:36%}.u-spark .h6{height:55%}.u-spark .h7{height:64%}.u-spark .h8{height:73%}.u-spark .h9{height:82%}.u-spark .h10{height:91%}.u-spark .h11{height:100%}
.u-person>.u-box:not(.u-pcard):not(.u-spark) b{font-size:22px;font-weight:800}
.u-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.u-acts i{height:32px;display:flex;align-items:center;padding:0 14px;border-radius:16px;font-size:13px;font-style:normal;font-weight:700}
.u-acts .ed{background:#fff;box-shadow:inset 0 0 0 1.5px var(--edge);color:var(--deep)}
.u-acts .su{background:var(--red);color:#fff}
.u-acts .re{background:#fff;box-shadow:inset 0 0 0 1.5px #F4B4AE;color:var(--red)}
.u-acts small{margin-left:4px;font-size:12px;line-height:1.4;color:var(--slate)}
.u-feat{display:flex;flex-wrap:wrap;gap:8px}
.u-feat li{height:30px;display:flex;align-items:center;padding:0 12px;border-radius:15px;background:var(--ground);font-size:13.5px;font-weight:600}
.u-privacy{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:40px;padding:40px 44px;overflow:hidden;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0}
.u-privacy::before{content:'';position:absolute;left:12px;right:12px;top:0;height:4px;border-radius:0 0 4px 4px;background:var(--grad-line)}
.u-privacy h3{margin-top:12px;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.u-privacy p:not(.eyebrow){margin-top:14px;font-size:15.5px;line-height:1.55;color:var(--slate)}
.u-privacy>div>b{font-size:16px;font-weight:800}
.u-privacy ul{display:flex;flex-direction:column;gap:14px;margin-top:16px;font-size:16px;line-height:1.45}
.u-privacy li{display:flex;gap:12px}
.u-privacy li .i{width:22px;height:22px;flex:none;padding:5px;border-radius:50%}
.u-yes .i{background:var(--tint-green);color:#0F7A5C}
.u-no .i{background:#FDECEA;color:var(--red)}
@media (max-width:1239px){.u-person{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.u-pcard{grid-row:auto;grid-column:1/-1}.u-spark{grid-column:1/-1}}
@media (max-width:1099px){.u-cases{grid-template-columns:minmax(0,1fr);max-width:720px;margin-inline:auto}.u-privacy{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:759px){
  .u-price{margin-top:16px;display:inline-flex}
  .u-cases{gap:16px;margin-top:24px}
  .u-case{padding:20px 16px;border-radius:22px}
  .u-case-h{flex-wrap:wrap;gap:12px}
  .u-case-h .ico{width:44px;height:44px;border-radius:13px}
  .u-case-h>div{flex-basis:calc(100% - 56px)}
  .u-case h3{font-size:20px}
  .u-plan{order:-1;margin-left:auto}
  .u-mini .bf-bar>i{display:none}
  .u-mini .bf-url{margin-left:0}
  .u-mini-in{padding:10px}
  .u-t4>span{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:6px;font-size:11.5px}
  .u-stats b{font-size:19px}
  .u-privacy{margin-top:24px;padding:28px 20px;border-radius:22px}
  .u-privacy h3{font-size:24px}
}

/* ---------- which plan fits ---------- */
.u-fit{padding-top:120px}
.u-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px;align-items:stretch}
.u-p{position:relative;display:flex;flex-direction:column;padding:56px 24px 24px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0}
.u-p h3{font-size:22px;font-weight:800}
.u-pp{display:flex;flex-direction:column;margin-top:10px}
.u-pp b{font-size:38px;line-height:1.2;font-weight:800;letter-spacing:-.03em}
.u-pp small{font-size:14px;color:var(--slate)}
.u-good{display:flex;flex-direction:column;gap:3px;margin-top:20px;padding:12px;border-radius:12px;background:var(--ground);font-size:14.5px;font-weight:700;line-height:1.35}
.u-good small{font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--slate)}
.u-p ul{display:flex;flex-direction:column;gap:10px;margin:18px 0 22px;font-size:15px;line-height:1.4}
.u-p li{position:relative;padding-left:16px}
.u-p li::before{content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:3px;background:var(--green)}
.u-p .btn{width:100%;margin-top:auto;height:48px;font-size:15.5px}
.u-p-teams{box-shadow:inset 0 0 0 2px var(--deep),0 30px 60px -30px rgba(1,69,194,.4)}
.u-built{position:absolute;left:24px;top:22px;height:24px;display:flex;align-items:center;padding:0 10px;border-radius:12px;background:var(--deep);color:#fff;font-size:12px;font-weight:700}
.u-tap{display:flex;align-items:center;gap:20px;margin-top:20px;padding:20px 24px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #E4E9F0;font-size:15.5px;line-height:1.5}
.u-tap>span:nth-child(2){flex:1}
.u-tapi{width:62px;height:38px;flex:none;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;border-radius:7px;background:var(--grad-card);color:#fff;box-shadow:0 8px 16px rgba(1,69,194,.25)}
.u-tap a{flex:none;font-weight:700;text-decoration:none;white-space:nowrap}
@media (max-width:1099px){.u-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:759px){
  .u-fit{padding-top:72px}
  .u-plans{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:24px}
  .u-p{padding:52px 20px 20px}
  .u-tap{flex-wrap:wrap;gap:12px;padding:18px}
  .u-tap>span:nth-child(2){flex-basis:calc(100% - 80px)}
}
.u-cta .cta-ico img{background:#fff}