:root{color-scheme:dark;--bg:#070708;--paper:#101013;--line:rgba(255,255,255,.14);--muted:rgba(255,255,255,.6);--violet:#b7a4ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 4%,rgba(119,87,240,.16),transparent 28%),var(--bg);color:#fff;font-family:"Space Grotesk",sans-serif}.article-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,5vw,72px);border-bottom:1px solid var(--line);background:rgba(7,7,8,.82);backdrop-filter:blur(18px)}.article-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.article-brand img{width:34px;height:34px;object-fit:contain}.article-nav{display:flex;align-items:center;gap:9px}.article-nav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:rgba(255,255,255,.72);font-size:11px;text-decoration:none;transition:.25s}.article-nav a:hover,.article-nav a[aria-current="page"]{border-color:var(--violet);color:#fff;background:rgba(183,164,255,.12)}main{width:min(1180px,calc(100% - 36px));margin:0 auto}.articles-hero,.article-hero{padding:clamp(80px,12vw,160px) 0 clamp(54px,8vw,96px)}.eyebrow{margin:0 0 42px;color:var(--muted);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.articles-hero h1,.article-hero h1{max-width:1000px;margin:0;font-size:clamp(52px,9vw,126px);font-weight:400;line-height:.86;letter-spacing:-.07em}.articles-hero h1 em,.article-hero h1 em{color:var(--violet);font-style:normal}.articles-hero>p:last-child,.article-hero__lead{max-width:720px;margin:35px 0 0;color:var(--muted);font-size:clamp(16px,2vw,22px);line-height:1.55}.articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:120px}.article-card{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--paper);color:#fff;text-decoration:none}.article-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.72);transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .5s}.article-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 26%,rgba(5,5,7,.93) 88%)}.article-card__copy{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:32px}.article-card span{font-size:10px;color:var(--violet);letter-spacing:.14em;text-transform:uppercase}.article-card h2{max-width:560px;margin:18px 0 12px;font-size:clamp(30px,4vw,54px);font-weight:400;line-height:.98;letter-spacing:-.045em}.article-card p{max-width:500px;margin:0;color:var(--muted);line-height:1.5}.article-card:hover img{transform:scale(1.055);opacity:.48}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:clamp(50px,9vw,120px);align-items:start;padding-bottom:130px}.article-body{max-width:760px}.article-body h2{margin:70px 0 20px;font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1;letter-spacing:-.045em}.article-body h2:first-child{margin-top:0}.article-body h3{margin:38px 0 12px;font-size:23px;font-weight:500}.article-body p,.article-body li{color:rgba(255,255,255,.72);font-size:17px;line-height:1.72}.article-body ul,.article-body ol{padding-left:22px}.article-body strong{color:#fff}.article-aside{position:sticky;top:95px;padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04)}.article-aside span{color:var(--violet);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.article-aside p{color:var(--muted);line-height:1.55}.article-aside a{display:inline-flex;margin-top:10px;padding:12px 16px;border-radius:999px;background:#fff;color:#09090b;font-size:12px;font-weight:600;text-decoration:none}.article-footer{display:flex;justify-content:space-between;gap:30px;padding:32px clamp(18px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);font-size:12px}.article-footer a{color:#fff}@media(max-width:760px){.article-header{align-items:flex-start;flex-direction:column}.article-nav{width:100%;overflow-x:auto}.articles-grid,.article-layout{grid-template-columns:1fr}.article-card{min-height:420px}.article-aside{position:static}.article-footer{flex-direction:column}}
.article-tool{margin:58px 0 72px;padding:clamp(25px,4.5vw,48px);border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 90% 8%,rgba(183,164,255,.18),transparent 34%),rgba(255,255,255,.035)}.article-tool>span{color:var(--violet);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.article-tool>h3{margin:15px 0 28px;font-size:clamp(29px,4vw,48px);font-weight:400;line-height:1}.article-tool__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-tool__form label{display:grid;gap:9px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.68);font-size:12px}.article-tool select,.article-tool input[type=number]{width:100%;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#15151a;color:#fff;font:inherit}.article-tool__check{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.article-tool__check input{accent-color:var(--violet)}.article-tool>button{margin-top:18px;padding:13px 20px;border:0;border-radius:999px;background:#fff;color:#09090b;font:600 12px/1 inherit;cursor:pointer}.article-tool__result{display:grid;gap:7px;margin-top:20px;padding:20px;border-left:2px solid var(--violet);background:rgba(255,255,255,.045)}.article-tool__result b{font-size:clamp(20px,3vw,28px)}.article-tool__result span{color:var(--muted);font-size:13px;line-height:1.5}@media(max-width:700px){.article-tool__form{grid-template-columns:1fr}}