/* ONEBOX About v1 — identity, principles and future direction */
:root{--ink:#052750;--text:#10221b;--muted:#607269;--line:#dce7e1;--green:#0ea56f;--deep:#092a23}
body{margin:0;font-family:Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}.wrap{max-width:1120px;margin:auto;padding:0 22px}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid rgba(220,231,225,.8)}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:88px;max-height:66px;object-fit:contain}.links{display:flex;align-items:center;gap:15px}.links a{text-decoration:none;font-weight:700;font-size:14px}.btn{display:inline-flex;padding:11px 16px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:850}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#08784f}.about-hero{position:relative;overflow:hidden;padding:clamp(78px,10vw,122px) 0 64px;background:radial-gradient(circle at 82% 17%,rgba(14,165,111,.16),transparent 25%),linear-gradient(145deg,#fff,#f4faf7)}.about-hero:after{content:"ONEBOX";position:absolute;right:-20px;top:14px;font-size:clamp(120px,18vw,250px);font-weight:950;letter-spacing:-.08em;color:rgba(5,39,80,.025)}.about-hero .wrap{position:relative;z-index:1}.about-hero h1{font-size:clamp(50px,8vw,90px);line-height:.95;letter-spacing:-.06em;max-width:930px;color:var(--ink);margin:14px 0 22px}.about-hero h1 span{color:var(--green)}.about-hero p{max-width:760px;font-size:20px;color:#536c61}.about-mantra{display:inline-flex;gap:9px;align-items:center;margin-top:16px;border:1px solid #cfe3d9;border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.7);font-size:13px;font-weight:800;color:#365248}
.about-section{padding:64px 0}.about-section h2{font-size:clamp(32px,5vw,52px);line-height:1.06;letter-spacing:-.045em;color:var(--ink);margin:8px 0 20px}.about-intro{max-width:720px;color:var(--muted);font-size:17px}.story-shell{margin-top:30px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(5,39,80,.06);overflow:hidden}.story-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:9px;background:#f4f8f6;border-bottom:1px solid var(--line)}.story-tabs button{border:0;background:transparent;border-radius:15px;padding:13px;font:inherit;font-weight:850;color:#5c7066;cursor:pointer}.story-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 4px 16px rgba(5,39,80,.06)}.story-panel{padding:clamp(28px,5vw,52px)}.story-panel small{display:block;color:var(--green);font-weight:900;letter-spacing:.14em;margin-bottom:10px}.story-panel h3{font-size:clamp(27px,4vw,42px);line-height:1.08;max-width:790px;margin:0 0 15px;color:var(--ink)}.story-panel p{max-width:760px;font-size:17px;color:var(--muted)}.story-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.story-points span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#f8fbf9;font-size:12px;font-weight:800;color:#476158}
.not-section{background:#0b2b24;color:#fff}.not-section h2{color:#fff}.not-section .eyebrow{color:#7ee2bb}.not-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.not-card{padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.045)}.not-card small{color:#7ee2bb;font-weight:900;letter-spacing:.1em}.not-card h3{font-size:21px;margin:8px 0}.not-card p{color:#bed2ca;font-size:14px;margin:0}.principle{padding:70px 0}.principle-card{padding:clamp(32px,5vw,56px);border-radius:30px;background:radial-gradient(circle at 85% 15%,rgba(14,165,111,.12),transparent 26%),#f4f8f6;border:1px solid var(--line)}.principle-card blockquote{font-size:clamp(30px,5vw,54px);line-height:1.08;letter-spacing:-.04em;color:var(--ink);max-width:820px;margin:0 0 18px;font-weight:900}.principle-card p{max-width:700px;color:var(--muted);font-size:16px}.about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.about-actions a{padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:850;border:1px solid var(--line)}.about-actions .primary{background:var(--ink);color:#fff;border-color:var(--ink)}footer{padding:32px 0 46px;color:#718079;font-size:13px}.footerrow{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px}.about-menu-toggle{display:none}.about-mobile-menu{display:none}
@media(max-width:800px){.links>a:not(#accountBtn){display:none}.about-menu-toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:#f1f6f3;border-radius:999px;padding:10px 12px;font:inherit;font-size:13px;font-weight:850;color:var(--text)}.about-mobile-menu{position:absolute;left:22px;right:22px;top:72px;z-index:50;padding:9px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 22px 55px rgba(5,39,80,.16)}.about-mobile-menu:not([hidden]){display:grid}.about-mobile-menu a{padding:12px 13px;border-radius:11px;text-decoration:none;font-weight:800}.about-mobile-menu a:hover,.about-mobile-menu a:focus-visible{background:#f3f8f5}.nav{position:relative}.about-hero{padding-top:56px}.story-tabs{grid-template-columns:1fr}.story-tabs button{text-align:left}.not-grid{grid-template-columns:1fr}.about-hero:after{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}