*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--ink:#111214;--muted:#70757d;--line:#e8e8e9;--orange:#ff642b;--soft:#f6f6f4;--max:1240px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}header{height:80px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - var(--max))/2));position:sticky;top:0;background:#fffE;backdrop-filter:blur(15px);z-index:10}.logo{font-weight:800;letter-spacing:-.04em}.logo i{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--orange);margin-right:9px}nav{display:flex;gap:25px;align-items:center;font-size:12px;color:#666}.cta{background:var(--ink);color:#fff;padding:11px 16px;border-radius:99px}.hero{max-width:var(--max);margin:auto;padding:100px 20px 85px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero small,.section small,.final small{font-size:10px;letter-spacing:.18em;font-weight:800;color:#8a8e94}.hero h1{font-size:clamp(50px,6vw,82px);line-height:1;letter-spacing:-.06em;margin:18px 0}.hero em,h2 em{font-style:normal;color:var(--orange)}.hero p{font-size:17px;line-height:1.75;color:var(--muted);max-width:650px}.actions{display:flex;gap:10px;margin:28px 0 20px}.btn{display:inline-flex;padding:14px 20px;border-radius:99px;font-size:12px;font-weight:800}.dark{background:var(--ink);color:#fff}.light{border:1px solid #ddd}.trust{font-size:10px;color:#777}.preview{border:1px solid #ddd;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #1112;transform:rotate(1deg)}.bar{height:42px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:6px;padding:0 14px}.bar b{width:8px;height:8px;border-radius:50%;background:#d6d6d6}.bar span{margin:auto;font-size:10px;color:#999}.mail{padding:35px}.line{height:9px;background:#f0f0f1;border-radius:9px;width:75%;margin-bottom:12px}.line.short{width:48%}.mail p{font-size:11px;color:#777;line-height:1.8;padding:30px 0 20px}.sig{border-top:1px solid #eee;padding-top:20px;display:flex;gap:14px}.avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#444;color:#fff;font-weight:800}.sig strong,.sig em,.sig span{display:block}.sig strong{font-size:15px}.sig em{font-size:9px;color:var(--orange);font-style:normal;margin:4px 0 9px}.sig span{font-size:8px;color:#777;margin-top:3px}.stats{max-width:var(--max);margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:30px 20px}.stats div{padding:0 24px;border-right:1px solid var(--line)}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats b{display:block;font-size:27px}.stats span{font-size:10px;color:#888}.section{max-width:var(--max);margin:auto;padding:115px 20px}.head{display:grid;grid-template-columns:1fr .6fr;gap:70px;align-items:end;margin-bottom:40px}.head h2,.dark h2,.about h2,.final h2{font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:15px 0}.head p,.about p,.box p{font-size:13px;line-height:1.8;color:var(--muted)}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:1px solid #ddd;background:#fff;border-radius:99px;padding:8px 14px;font-size:10px;color:#777;cursor:pointer}.filters button.active{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 25px}.thumb{width:100%;border:0;padding:0;background:#f4f4f2;border-radius:20px;overflow:hidden;position:relative;cursor:pointer}.thumb img{width:100%;display:block;transition:.4s}.thumb:hover img{transform:scale(1.02)}.thumb span{position:absolute;right:14px;bottom:14px;background:#fff;padding:9px 12px;border-radius:99px;font-size:9px;font-weight:800}.meta{display:flex;justify-content:space-between;margin-top:14px}.meta small{font-size:9px;color:var(--orange);letter-spacing:.14em}.meta h3{font-size:19px;margin:6px 0}.meta>b{font-size:9px;color:#aaa}.card p{font-size:10px;color:#777;line-height:1.7}.similar{font-size:10px;color:var(--orange);font-weight:800}.morewrap{text-align:center;padding-top:50px}.morewrap button{border:1px solid #d8d8d8;background:#fff;border-radius:99px;padding:14px 20px;font-size:11px;font-weight:800;cursor:pointer}.dark{background:var(--ink);color:#fff}.dark .section{color:#fff}.features{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #393939;margin-top:50px}.features article{padding:25px 18px;border-right:1px solid #393939}.features article:first-child{padding-left:0}.features article:last-child{border:0}.features b{color:var(--orange);font-size:10px}.features h3{margin-top:45px;font-size:15px}.features p{color:#aaa;font-size:10px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.box{background:var(--soft);border-radius:22px;padding:35px}.box strong{font-size:55px}.final{text-align:center;background:#fff0e8;padding:115px 20px}.final h2{font-size:clamp(45px,6vw,76px)}.final p{color:#777;font-size:13px;margin-bottom:28px}.links{display:flex;justify-content:center;gap:20px;margin-top:20px;font-size:10px;color:#777}footer{padding:25px 20px;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:9px;color:#888}#modal{position:fixed;inset:0;background:#08090bdd;z-index:99;display:none;align-items:center;justify-content:center;padding:15px}#modal.open{display:flex}.modalbox{background:#fff;border-radius:18px;padding:10px;max-width:1050px;width:100%;max-height:94vh;overflow:auto;position:relative}.modalbox img{width:100%;display:block;border-radius:10px}.modalbox h3,.modalbox p{margin-left:5px}.modalbox p{font-size:11px;color:#777}.modalbox>button{position:absolute;right:20px;top:18px;border:0;border-radius:50%;width:36px;height:36px;background:#fff;font-size:20px;cursor:pointer}@media(max-width:850px){.hero,.about{grid-template-columns:1fr}.head{grid-template-columns:1fr;gap:5px}.features{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr);gap:25px}.stats div{border:0;padding:0}nav a:not(.cta){display:none}}@media(max-width:600px){.hero,.section{padding-left:16px;padding-right:16px}.hero{padding-top:60px}.actions{flex-direction:column}.btn{width:100%;justify-content:center}.grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid #393939;padding-left:0}.final{padding:80px 16px}.links{flex-wrap:wrap}}