/* ============================================================
   WHAT WE DO — unique sections only.
   ============================================================ */
.phero{position:relative;text-align:center;padding:150px 24px 70px;overflow:hidden;}
.phero .eyebrow{margin-bottom:20px;position:relative;z-index:2;}
.phero h1{font-family:'Bungee';font-size:clamp(38px,8vw,84px);line-height:.95;letter-spacing:-1px;position:relative;z-index:2;}
.phero h1 .hl{color:var(--pink);}
.phero .sub{position:relative;z-index:2;font-size:clamp(16px,2.2vw,20px);max-width:540px;margin:24px auto 0;line-height:1.5;color:#3a3a4a;}
.phero .otto-hero{position:relative;z-index:2;margin-top:36px;display:flex;justify-content:center;}
.phero .otto-hero svg{filter:drop-shadow(0 14px 22px rgba(26,26,46,.18));}

.how{position:relative;background:var(--cream);padding:90px 24px;overflow:hidden;}
.how .head{text-align:center;max-width:680px;margin:0 auto 56px;position:relative;z-index:2;}
.how .head .eyebrow{margin-bottom:16px;}
.how h2{font-family:'Bungee';font-size:clamp(28px,5vw,52px);letter-spacing:-1px;}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1040px;margin:0 auto;position:relative;z-index:2;}
.step{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:26px 22px;text-align:center;box-shadow:5px 5px 0 rgba(26,26,46,.1);}
.step .sn{font-family:'Bungee';font-size:13px;color:#fff;background:var(--pink);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;}
.step .otto{height:54px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.step h3{font-family:'Bungee';font-size:16px;letter-spacing:-.3px;margin-bottom:8px;}
.step p{font-size:13px;line-height:1.5;color:#41414f;}
@media(max-width:880px){.steps{grid-template-columns:repeat(2,1fr);max-width:520px;}}
@media(max-width:420px){.steps{grid-template-columns:1fr;max-width:320px;}}

.pillars{padding:30px 24px 40px;}
.pillar{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:54px 0;border-bottom:2px dashed rgba(26,26,46,.12);}
.pillar:last-child{border-bottom:none;}
.pillar .art{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;}
.pillar .art .disc{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,239,0,.4) 0%,transparent 70%);}
.pillar .art .ringd{position:absolute;width:210px;height:210px;border:2px dashed rgba(26,26,46,.16);border-radius:50%;animation:spin 26s linear infinite;}
.pillar .art svg{position:relative;z-index:2;filter:drop-shadow(0 14px 22px rgba(26,26,46,.18));}
.pillar:nth-child(even) .copy{order:2;}
.pillar:nth-child(even) .art{order:1;}
.pillar .lvl{font-family:'JetBrains Mono';font-size:11px;letter-spacing:2px;color:var(--pink);text-transform:uppercase;margin-bottom:10px;}
.pillar h3{font-family:'Bungee';font-size:clamp(26px,4vw,40px);letter-spacing:-.5px;margin-bottom:6px;line-height:1;}
.pillar .tagline{font-family:'JetBrains Mono';font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#5a5a68;margin-bottom:18px;}
.pillar p{font-size:15.5px;line-height:1.6;color:#3a3a4a;margin-bottom:18px;max-width:440px;}
.pillar ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.pillar li{font-size:14px;font-family:'JetBrains Mono';color:#41414f;display:flex;gap:9px;line-height:1.4;}
.pillar li::before{content:"\25B8";color:var(--pink);font-weight:700;flex-shrink:0;}
@media(max-width:820px){.pillar{grid-template-columns:1fr;gap:24px;text-align:center;padding:44px 0;}
  .pillar .copy{order:2!important;}.pillar .art{order:1!important;min-height:200px;}
  .pillar p{margin-inline:auto;}.pillar ul{display:inline-flex;text-align:left;}}

.notlender{position:relative;background:var(--navy);color:var(--cream);text-align:center;padding:80px 24px;overflow:hidden;}
.notlender .eyebrow{color:var(--yellow);margin-bottom:18px;position:relative;z-index:2;}
.notlender h2{font-family:'Bungee';font-size:clamp(26px,4.6vw,48px);line-height:1.05;letter-spacing:-1px;position:relative;z-index:2;max-width:780px;margin:0 auto;}
.notlender h2 .y{color:var(--yellow);}.notlender h2 .p{color:var(--pink);}
.notlender p{position:relative;z-index:2;margin:22px auto 0;max-width:520px;font-size:15.5px;line-height:1.6;opacity:.88;}

.free{position:relative;background:var(--yellow);text-align:center;padding:88px 24px;overflow:hidden;}
.free .eyebrow{color:#3a2f00;margin-bottom:18px;position:relative;z-index:2;}
.free h2{font-family:'Bungee';font-size:clamp(32px,6vw,64px);color:var(--navy);line-height:.95;letter-spacing:-1px;position:relative;z-index:2;}
.free h2 .p{color:var(--pink);}
.free p{position:relative;z-index:2;margin:20px auto 0;max-width:460px;font-size:clamp(15px,2.2vw,19px);color:#3a2f00;line-height:1.5;}
.free .otto-free{position:relative;z-index:2;margin-bottom:24px;display:flex;justify-content:center;}
.free .btn-primary{margin-top:30px;position:relative;z-index:2;}