*{box-sizing:border-box}
:root{--bg:#0d0f10;--panel:#151819;--paper:#eeeae1;--text:#f4f2ed;--muted:#adb1af;--accent:#d89a2b;--line:#2a2e2f;--max:1180px}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit}
.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(13,15,16,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;text-decoration:none}nav{display:flex;gap:18px}nav a{text-decoration:none;color:#d2d5d3;font-size:.9rem}
.hero{height:min(88vh,920px);min-height:650px;position:relative;display:flex;align-items:end;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.8) contrast(1.05)}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,11,.92) 0%,rgba(8,10,11,.64) 44%,rgba(8,10,11,.18) 72%),linear-gradient(0deg,rgba(8,10,11,.7),transparent 55%)}
.hero-content{position:relative;padding-bottom:70px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;font-weight:900;color:var(--accent)}
h1{font-size:clamp(4rem,11vw,8.5rem);line-height:.82;letter-spacing:-.06em;margin:.1em 0 .22em}h2{font-size:clamp(2.3rem,5vw,4.3rem);line-height:1.02;letter-spacing:-.04em;margin:.15em 0 .55em}
.intro{font-size:clamp(1.2rem,2.2vw,1.55rem);max-width:660px}.sub,.copy{color:#c0c4c1;max-width:680px}.socials{display:flex;gap:20px;margin-top:25px}.socials a{font-weight:800;text-decoration:none;border-bottom:1px solid #777;padding-bottom:3px}
.strip{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;white-space:nowrap;color:#9ca09e;font-size:.8rem;letter-spacing:.14em}.strip div{width:max-content;animation:move 28s linear infinite}@keyframes move{to{transform:translateX(-35%)}}
.section{padding:95px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.copy{font-size:1.08rem}.copy p{margin-top:0}blockquote{font-size:1.45rem;font-weight:900;border-left:3px solid var(--accent);margin:35px 0 0;padding-left:20px;color:#fff}
.light{background:var(--paper);color:#151718}.darktext{color:#111}.darkk{color:#845d16}
.masonry{columns:3 280px;column-gap:14px;margin-top:35px}.masonry figure{break-inside:avoid;margin:0 0 14px;background:#fff;padding:8px}.masonry img{width:100%;display:block;max-height:620px;object-fit:cover;background:#111}.masonry figcaption{font-weight:800;font-size:.92rem;padding:10px 5px 5px;color:#202223}
.video-layout{align-items:center}.phone{max-width:430px;margin-left:auto;border:1px solid #303536;background:#000;padding:8px;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.phone video{display:block;width:100%;border-radius:16px;max-height:720px;background:#000}
.tools{background:#121415}.tool-list{border-top:1px solid #363a3b}.tool-list a{display:grid;grid-template-columns:45px 1fr auto;gap:15px;align-items:center;text-decoration:none;border-bottom:1px solid #363a3b;padding:21px 0}.tool-list span{color:#767b79}.tool-list em{font-style:normal;color:var(--accent);font-size:.9rem}
.features{margin-top:35px;border-top:1px solid #c5c1b9}.features article{display:grid;grid-template-columns:65px 1fr;gap:10px;padding:26px 0;border-bottom:1px solid #c5c1b9}.features b{color:#8c887f}.features h3{margin:0 0 5px}.features p{margin:0;color:#686c69}
.final{background:linear-gradient(135deg,#151819,#0d0f10)}.final-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.handle{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:900;color:var(--accent);text-decoration:none;text-align:right}
footer{border-top:1px solid var(--line);padding:24px 0;color:#979c99}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:800px){nav{display:none}.hero{min-height:700px}.shade{background:linear-gradient(0deg,rgba(8,10,11,.9) 0%,rgba(8,10,11,.55) 65%,rgba(8,10,11,.15))}.hero-bg{object-position:center}.split,.final-grid{grid-template-columns:1fr}.phone{margin:20px 0 0}.handle{text-align:left}.section{padding:70px 0}.masonry{columns:2 150px}}
@media(max-width:520px){h1{font-size:3.9rem}.masonry{columns:1}.hero-content{padding-bottom:45px}}