/* ============================================================
   ABOUT — unique sections only.
   ============================================================ */
.phero{position:relative;text-align:center;padding:150px 24px 60px;overflow:hidden;}
.phero .eyebrow{margin-bottom:20px;position:relative;z-index:2;}
.phero h1{font-family:'Bungee';font-size:clamp(38px,8vw,82px);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;}

.story{background:var(--cream);padding:84px 24px;}
.story .wrap{max-width:680px;margin:0 auto;}
.story .blk{margin-bottom:48px;}
.story .lvl{font-family:'JetBrains Mono';font-size:11px;letter-spacing:2px;color:var(--pink);text-transform:uppercase;margin-bottom:12px;}
.story h2{font-family:'Bungee';font-size:clamp(24px,4vw,38px);letter-spacing:-.5px;line-height:1.05;margin-bottom:16px;}
.story h2 .hl{color:var(--pink);}
.story p{font-size:16.5px;line-height:1.7;color:#3a3a4a;margin-bottom:16px;}
.story p b{color:var(--ink);}

.otto-origin{position:relative;background:var(--navy);color:var(--cream);text-align:center;padding:80px 24px;overflow:hidden;}
.otto-origin .otto-stage{position:relative;z-index:2;display:flex;justify-content:center;margin-bottom:24px;}
.otto-origin .eyebrow{color:var(--yellow);margin-bottom:16px;position:relative;z-index:2;}
.otto-origin h2{font-family:'Bungee';font-size:clamp(24px,4.4vw,42px);line-height:1.05;letter-spacing:-1px;position:relative;z-index:2;max-width:680px;margin:0 auto;}
.otto-origin h2 .y{color:var(--yellow);}
.otto-origin p{position:relative;z-index:2;margin:20px auto 0;max-width:520px;font-size:15.5px;line-height:1.6;opacity:.88;}

.values{padding:84px 24px;max-width:1000px;margin:0 auto;}
.values .head{text-align:center;margin-bottom:48px;}
.values .head h2{font-family:'Bungee';font-size:clamp(26px,4.6vw,44px);letter-spacing:-1px;}
.values .head h2 .hl{color:var(--pink);}
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.vcard{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:28px;box-shadow:5px 5px 0 rgba(26,26,46,.1);}
.vcard h3{font-family:'Bungee';font-size:17px;letter-spacing:-.3px;margin-bottom:10px;}
.vcard h3 span{color:var(--pink);}
.vcard p{font-size:14.5px;line-height:1.6;color:#41414f;}
@media(max-width:680px){.vgrid{grid-template-columns:1fr;}}

.founder{background:var(--mint);padding:80px 24px;}
.founder .wrap{max-width:760px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;}
.founder .photo{width:150px;height:150px;border-radius:20px;background:var(--cream);border:2px solid var(--ink);display:grid;place-items:center;box-shadow:6px 6px 0 rgba(255,51,102,.4);}
.founder .photo span{font-family:'JetBrains Mono';font-size:10px;color:#7a7a88;text-align:center;letter-spacing:1px;padding:0 10px;line-height:1.5;}
.founder .lvl{font-family:'JetBrains Mono';font-size:11px;letter-spacing:2px;color:var(--pink);text-transform:uppercase;margin-bottom:10px;}
.founder h2{font-family:'Bungee';font-size:clamp(24px,4vw,36px);letter-spacing:-.5px;margin-bottom:14px;}
.founder p{font-size:16px;line-height:1.7;color:#3a3a4a;margin-bottom:14px;}
.founder .sig{font-family:'JetBrains Mono';font-size:13px;color:var(--pink);letter-spacing:1px;}
@media(max-width:620px){.founder .wrap{grid-template-columns:1fr;text-align:center;gap:24px;justify-items:center;}}

.free{position:relative;background:var(--yellow);text-align:center;padding:88px 24px;overflow:hidden;}
.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:18px auto 0;max-width:440px;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:28px;position:relative;z-index:2;}