:root{--bg:#111a19;--panel:#1a2825;--ink:#eef2ea;--muted:#aab8ae;--accent:#d86731;--line:rgba(238,242,234,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Arial Narrow",Arial,sans-serif;overflow-x:hidden}.frame{width:min(1220px,calc(100% - 44px));margin-inline:auto}.nav{height:70px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}.brand{color:var(--ink);text-decoration:none;font-weight:900;font-size:1.35rem;letter-spacing:.02em}.brand small{font-size:.6rem;letter-spacing:.19em;margin-left:9px;color:var(--muted)}.lang{position:relative}.lang-trigger{color:var(--ink);border:1px solid var(--line);background:var(--panel);padding:10px 14px;display:flex;align-items:center;gap:10px;font-weight:800;cursor:pointer}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;width:306px;padding:7px;background:var(--panel);border:1px solid var(--line);display:none;grid-template-columns:1fr 1fr;gap:3px;box-shadow:0 18px 60px rgba(1,7,6,.5)}.lang.open .lang-menu{display:grid}.lang-menu button{border:0;background:transparent;color:var(--ink);padding:10px;text-align:left;cursor:pointer}.lang-menu button:hover,.lang-menu button.active{background:rgba(216,103,49,.18);color:#ffb186}.hero{position:relative;min-height:calc(100dvh - 70px);display:flex;align-items:center}.hero-photo,.hero-wash{position:absolute;inset:0}.hero-photo{background:url("assets/hero.webp") center/cover}.hero-wash{background:linear-gradient(90deg,rgba(11,20,19,.18),rgba(11,20,19,.45) 45%,rgba(11,20,19,.94) 73%)}.hero-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-left:58%;padding-bottom:4vh}.eyebrow{font-size:.68rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase;color:#ff9a66}.hero h1{font-size:clamp(3.4rem,6vw,6.4rem);line-height:.91;letter-spacing:-.07em;max-width:7.5ch;margin:.2em 0}.hero-copy>p:not(.eyebrow){color:#d8e0d9;line-height:1.6;max-width:430px}.hero a,.final a{display:inline-flex;margin-top:20px;padding:14px 20px;background:var(--accent);color:#fff;text-decoration:none;font-weight:900;border:2px solid var(--accent);transition:transform .18s}.hero a:hover,.final a:hover{transform:translateY(-2px)}.finder{padding:110px 0}.finder-head{max-width:720px}.finder h2,.shapes h2,.safety h2,.final h2{font-size:clamp(2.5rem,5vw,5rem);line-height:.94;letter-spacing:-.055em;margin:0}.finder-head p,.shapes-copy>p,.safety p,.final p{color:var(--muted);line-height:1.7;max-width:650px}.finder-body{display:grid;grid-template-columns:310px 1fr;gap:24px;margin-top:42px}.modes{display:flex;flex-direction:column}.modes button{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;padding:19px 10px;font-size:1rem;font-weight:800;cursor:pointer}.modes button.active{color:var(--ink);padding-left:24px;border-color:var(--accent);box-shadow:inset 4px 0 var(--accent)}.finder article{background:var(--panel);min-height:340px;padding:44px;display:flex;flex-direction:column;justify-content:flex-end}.finder article span{color:#ff9a66;font-size:.69rem;font-weight:900;letter-spacing:.17em}.finder article h3{font-size:2.5rem;letter-spacing:-.04em;margin:8px 0 12px}.finder article p{color:var(--muted);line-height:1.7;max-width:690px;margin:0}.shapes{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;padding-bottom:120px}.shapes img{width:100%;height:590px;object-fit:cover;display:block}.shape-notes{display:grid;gap:11px;margin-top:30px}.shape-notes span{padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink)}.honest{padding:80px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.honest blockquote{font-size:clamp(2.5rem,5vw,5rem);line-height:.95;letter-spacing:-.055em;margin:0;font-weight:900}.honest p{color:var(--muted);line-height:1.7;margin:0}.safety{padding:110px 0}.final{background:var(--panel);padding:105px 0}.final .frame{padding-left:24%}.final a{margin-top:25px}footer{padding:27px 0;border-top:1px solid var(--line);font-size:.74rem;color:var(--muted)}footer .frame{display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{margin:0;max-width:810px;line-height:1.55}footer a{color:var(--ink);text-decoration:none;white-space:nowrap}.reveal{opacity:0;transform:translateY(24px);transition:.65s}.reveal.show{opacity:1;transform:none}[dir=rtl] .lang-menu{right:auto;left:0}[dir=rtl] .lang-menu button,[dir=rtl] .modes button{text-align:right}[dir=rtl] .hero-copy{padding-left:0;padding-right:58%}[dir=rtl] .modes button.active{padding-left:10px;padding-right:24px;box-shadow:inset -4px 0 var(--accent)}
@media(prefers-color-scheme:light){:root{--bg:#edf0ea;--panel:#dde5dc;--ink:#172421;--muted:#566a61;--line:rgba(23,36,33,.2)}.hero-wash{background:linear-gradient(90deg,rgba(17,26,25,.06),rgba(17,26,25,.18) 46%,rgba(17,26,25,.88) 76%)}.hero-copy{color:#f4f5f0}.hero-copy>p:not(.eyebrow){color:#dce5dd}.lang-trigger,.lang-menu{background:#edf0ea}}
@media(max-width:760px){.frame{width:min(100% - 28px,620px)}.nav{height:66px}.brand small{display:none}.lang-trigger{padding:9px 11px}.lang-label{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-menu{width:min(290px,calc(100vw - 28px))}.hero{min-height:calc(100dvh - 66px);align-items:end;padding-bottom:45px}.hero-photo{background-position:33% center}.hero-wash{background:linear-gradient(0deg,rgba(12,21,20,.96),rgba(12,21,20,.5) 53%,rgba(12,21,20,.06) 82%)}.hero-copy{padding:0;color:#f4f5f0}.hero h1{font-size:clamp(2.45rem,10.5vw,3.6rem);max-width:10ch}.hero-copy>p:not(.eyebrow){font-size:.96rem;max-width:340px}.finder{padding:80px 0}.finder-body{grid-template-columns:1fr}.modes{flex-direction:row;overflow:auto}.modes button{min-width:150px;white-space:nowrap}.modes button.active{padding-left:10px;box-shadow:inset 0 -4px var(--accent)}.finder article{min-height:350px;padding:28px}.shapes{grid-template-columns:1fr;gap:34px;padding-bottom:80px}.shapes img{height:390px}.honest{grid-template-columns:1fr;gap:30px;padding:70px 0}.safety{padding:80px 0}.final{padding:80px 0}.final .frame{padding:0}footer .frame{flex-direction:column;align-items:flex-start;gap:14px}[dir=rtl] .hero-copy{padding:0}[dir=rtl] .modes button.active{padding-right:10px;box-shadow:inset 0 -4px var(--accent)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero a,.final a{transition:none}}
@media(min-width:761px){.hero h1{max-width:12ch}}