:root{--red:#E2231A;--bg:#0C0C0E;--card:#161619;--line:rgba(255,255,255,.1);--txt:#ECECEC;--mut:#8C8C95;--fs:"Space Grotesk",sans-serif;--mono:"JetBrains Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--fs);background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}::selection{background:var(--red);color:#fff}.wrap{max-width:1280px;margin:0 auto;padding:0 40px}@media(max-width:680px){.wrap{padding:0 22px}}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}header{padding:80px 0 50px;position:relative;overflow:hidden}header .glow{position:absolute;width:680px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(226,35,26,.3),transparent 65%);filter:blur(110px);top:-220px;right:-120px;pointer-events:none}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px;position:relative;z-index:2}.brand{font-size:22px;font-weight:700;display:flex;align-items:center;gap:8px}.brand .dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.topbar .tag{font-family:var(--mono);font-size:12px;color:var(--mut)}header .lead{position:relative;z-index:2}header .mono{margin-bottom:24px;display:block}header h1{font-size:clamp(42px,6.6vw,92px);font-weight:700;letter-spacing:-.04em;line-height:.98;max-width:16ch}header h1 .red{color:var(--red)}header p{font-size:19px;color:var(--mut);max-width:560px;margin-top:28px;line-height:1.55}.meta-row{display:flex;gap:40px;flex-wrap:wrap;margin-top:46px;padding-top:30px;border-top:1px solid var(--line)}.meta-row .m .k{font-family:var(--mono);font-size:11px;color:var(--mut);letter-spacing:.1em;text-transform:uppercase}.meta-row .m .v{font-size:17px;font-weight:600;margin-top:6px}.meta-row .m .v .sw{display:inline-block;width:13px;height:13px;border-radius:3px;background:var(--red);vertical-align:middle;margin-right:7px}.concepts{padding:40px 0 90px}.ctitle{display:flex;align-items:baseline;gap:14px;margin-bottom:36px}.ctitle h2{font-size:24px;font-weight:600;letter-spacing:-.02em}.ctitle .mono{color:var(--mut)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}@media(max-width:1000px){.grid{grid-template-columns:1fr}.grid{max-width:560px;margin:0 auto}}.concept{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.45s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.concept:hover{transform:translateY(-8px);border-color:#e2231a80;box-shadow:0 40px 80px -40px #e2231a66}.preview{position:relative;height:300px;overflow:hidden;border-bottom:1px solid var(--line);background:#000}.preview.p1{background:linear-gradient(150deg,#e2231a,#7a0b06)}.preview.p2{background:linear-gradient(160deg,#f4f1ec,#ddd3c6)}.preview.p3{background:radial-gradient(circle at 60% 20%,#3a0f0c,#0a0a0b 70%)}.preview .frame{position:absolute;top:0;left:0;width:1320px;height:990px;border:0;transform:scale(.405);transform-origin:top left;pointer-events:none}.preview .veil{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 60%,rgba(12,12,14,.55))}.preview .num{position:absolute;top:16px;left:18px;z-index:3;font-family:var(--mono);font-size:12px;background:#00000080;backdrop-filter:blur(6px);padding:6px 12px;border-radius:30px;border:1px solid var(--line)}.cbody{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}.cbody h3{font-size:23px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.cbody .desc{color:var(--mut);font-size:15px;line-height:1.55;margin-bottom:20px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tags span{font-family:var(--mono);font-size:11px;border:1px solid var(--line);color:var(--txt);padding:6px 11px;border-radius:30px}.cbtn{display:flex;align-items:center;justify-content:space-between;background:var(--red);color:#fff;padding:14px 20px;border-radius:11px;font-weight:600;font-size:15px;transition:.3s}.concept:hover .cbtn{box-shadow:0 0 30px -8px var(--red)}.cbtn .ar{transition:.3s}.concept:hover .cbtn .ar{transform:translate(5px)}.note{margin-top:60px;padding:24px 28px;border:1px solid var(--line);border-radius:16px;background:var(--card);display:flex;gap:18px;align-items:flex-start;max-width:760px}.note .ic{flex:none;width:38px;height:38px;border-radius:10px;background:#e2231a24;color:var(--red);display:grid;place-items:center;font-size:18px}.note p{font-size:14.5px;color:var(--mut);line-height:1.6}.note b{color:var(--txt);font-weight:600}footer{padding:40px 0 60px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--mut);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}