.resource-hero{padding:170px 24px 90px;background:radial-gradient(circle at 50% 0,rgba(100,213,242,.13),transparent 42%),linear-gradient(180deg,#071017,var(--bg));border-bottom:1px solid var(--line)}
.resource-wrap{width:min(var(--max),100%);margin:0 auto}.resource-hero h1{max-width:980px;font-size:clamp(52px,7vw,94px);line-height:.95;margin-bottom:28px}.resource-hero h1 span{color:var(--cyan);-webkit-text-stroke:0}.resource-hero-copy{max-width:690px;color:#aebac4;font-size:19px;line-height:1.7}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px;color:#7f8c98;font-size:12px}.breadcrumb a:hover{color:var(--cyan)}.breadcrumb span:before{content:'/' ;margin-right:10px;color:#46515c}
.search-shell{position:relative;max-width:820px;margin-top:42px}.search-shell svg{position:absolute;left:23px;top:50%;width:20px;transform:translateY(-50%);stroke:var(--cyan)}.kb-search{width:100%;height:68px;padding:0 24px 0 60px;border:1px solid rgba(100,213,242,.45);border-radius:3px;background:rgba(4,9,13,.85);color:white;font:500 16px 'DM Sans',sans-serif;outline:none}.kb-search:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(100,213,242,.1)}
.resource-main{width:min(var(--max),calc(100% - 48px));margin:0 auto;padding:90px 0 130px}.resource-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:40px}.resource-toolbar h2{margin:0;font-size:34px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-button{padding:10px 14px;border:1px solid var(--line);background:transparent;color:#aab5bf;font:500 12px 'DM Sans';cursor:pointer}.filter-button:hover,.filter-button.active{border-color:var(--cyan);background:rgba(100,213,242,.08);color:var(--cyan)}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:100px}.category-card{position:relative;min-height:275px;padding:32px;border:1px solid var(--line);background:linear-gradient(145deg,#0b1117,#070b0f);transition:.25s}.category-card:hover{transform:translateY(-4px);border-color:rgba(100,213,242,.4)}.category-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:42px;border:1px solid rgba(100,213,242,.35);color:var(--cyan);font:600 12px 'Manrope'}.category-card h3{font-size:24px;margin-bottom:10px}.category-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.category-card small{position:absolute;right:25px;bottom:24px;color:#687581}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-card{display:flex;flex-direction:column;min-height:250px;padding:29px;border:1px solid var(--line);background:#080d11;transition:.25s}.article-card:hover{border-color:rgba(100,213,242,.42);background:#0b1217}.article-card .tag,.content-card .tag{align-self:flex-start;color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.article-card h3{font-size:21px;line-height:1.25;margin:28px 0 10px}.article-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.article-card footer{width:auto;margin:auto 0 0;padding:24px 0 0;border:0;color:#6f7c87;font-size:11px}.empty-results{display:none;padding:60px;border:1px solid var(--line);text-align:center;color:var(--muted)}
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.content-card{min-height:340px;padding:42px;border:1px solid var(--line);background:linear-gradient(145deg,#0b1117,#070b0f)}.content-card h2{font-size:36px;margin:45px 0 15px}.content-card p{color:var(--muted);line-height:1.7}.text-arrow{display:inline-block;margin-top:30px;color:var(--cyan);font-weight:600}.text-arrow:hover{transform:translateX(4px)}
.article-layout{display:grid;grid-template-columns:240px minmax(0,760px) 1fr;gap:64px;align-items:start}.article-sidebar{position:sticky;top:120px}.article-sidebar p{margin:0 0 14px;color:#6f7c87;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.article-sidebar a{display:block;padding:9px 0;color:#93a0ab;font-size:13px}.article-sidebar a:hover{color:var(--cyan)}.article-body{min-width:0}.article-body .article-meta{display:flex;gap:16px;margin-bottom:24px;color:#71808b;font-size:12px}.article-body h1{font-size:clamp(44px,5vw,68px);line-height:1.02;margin-bottom:28px}.article-lede{color:#b5c0ca;font-size:20px;line-height:1.7}.article-body h2{margin:65px 0 20px;font-size:34px}.article-body h3{margin:35px 0 13px;font-size:22px}.article-body p,.article-body li{color:#a8b3bd;font-size:16px;line-height:1.75}.article-body ul,.article-body ol{padding-left:23px}.article-body li{margin:9px 0}.step-list{counter-reset:steps;list-style:none!important;padding:0!important}.step-list li{position:relative;padding:25px 0 25px 60px;border-top:1px solid var(--line);counter-increment:steps}.step-list li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:28px;color:var(--cyan);font:500 11px 'Manrope'}.note-box{margin:42px 0;padding:26px;border-left:2px solid var(--cyan);background:rgba(100,213,242,.06)}.note-box strong{display:block;margin-bottom:8px;color:var(--white)}.article-related{position:sticky;top:120px}.article-related h3{font-size:14px;margin-bottom:18px}.related-link{display:block;padding:18px 0;border-top:1px solid var(--line);color:#9da9b3;font-size:13px;line-height:1.45}.related-link:hover{color:var(--cyan)}
.feature-hero-grid{display:grid;grid-template-columns:1fr;gap:54px;align-items:center}.feature-hero-grid>div:first-child{max-width:940px}.feature-visual{min-height:400px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(100,213,242,.1),#070b0f);display:grid;place-items:center}.feature-visual-inner{width:100%;padding:25px;border:1px solid var(--line);background:#070b0f}.visual-line{height:11px;margin:15px 0;background:linear-gradient(90deg,var(--cyan) var(--w),#18222b var(--w));border-radius:8px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:50px 0 100px}.benefit{padding:34px;border:1px solid var(--line);background:#080d11}.benefit span{color:var(--cyan);font-size:11px}.benefit h3{margin:25px 0 12px;font-size:24px}.benefit p{color:var(--muted);line-height:1.65;font-size:14px}.flow-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:90px 0;border-top:1px solid var(--line)}.flow-section h2{font-size:52px}.flow-list{list-style:none;padding:0;margin:0}.flow-list li{padding:25px 0;border-top:1px solid var(--line)}.flow-list strong{display:block;margin-bottom:7px}.flow-list p{margin:0;color:var(--muted);line-height:1.6}
.feature-visual.product-screenshot-frame{position:relative;display:block;width:100%;min-height:0;margin:0;padding:14px 14px 46px;overflow:hidden;border-color:rgba(100,213,242,.24);border-radius:16px;background:linear-gradient(145deg,rgba(100,213,242,.12),rgba(255,255,255,.025));box-shadow:0 44px 110px rgba(0,0,0,.62),0 0 70px rgba(100,213,242,.09)}.product-screenshot-frame img{display:block;width:100%;height:auto;aspect-ratio:1905/817;object-fit:contain;object-position:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#070b0f}.product-screenshot-frame figcaption{position:absolute;left:22px;bottom:16px;color:#80909d;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.faq-list{max-width:920px}.faq-item{border-top:1px solid var(--line)}.faq-question{width:100%;padding:27px 0;display:flex;justify-content:space-between;gap:30px;text-align:left;border:0;background:transparent;color:var(--white);font:600 18px 'Manrope';cursor:pointer}.faq-question span:last-child{color:var(--cyan)}.faq-answer{display:none;padding:0 60px 28px 0;color:var(--muted);line-height:1.75}.faq-item.open .faq-answer{display:block}
.comparison-table{width:100%;border-collapse:collapse;margin:45px 0}.comparison-table th,.comparison-table td{padding:22px;border:1px solid var(--line);text-align:left;vertical-align:top}.comparison-table th{color:var(--white);background:#0c1319}.comparison-table td{color:#9eabb5;line-height:1.6}.comparison-table td:nth-child(2){background:rgba(100,213,242,.045)}
.mega-nav-wrap{position:relative}.mega-trigger{border:0;background:transparent;color:#b8c2cc;font:inherit;cursor:pointer}.mega-trigger:hover,.mega-trigger[aria-expanded=true]{color:white}.mega-menu{display:none;position:fixed;left:0;right:0;top:81px;padding:42px max(28px,calc((100vw - var(--max))/2));grid-template-columns:repeat(5,1fr);gap:38px;background:rgba(6,12,16,.98);border-block:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.5);backdrop-filter:blur(22px)}.mega-nav-wrap:hover .mega-menu,.mega-nav-wrap:focus-within .mega-menu{display:grid}.mega-column strong{display:block;margin-bottom:16px;color:var(--cyan);font:600 11px 'Manrope';text-transform:uppercase;letter-spacing:.14em}.mega-column a{display:block;padding:6px 0;color:#aeb8c1;font-size:13px}.mega-column a:hover{color:white}
.site-footer{width:100%;padding:80px max(28px,calc((100vw - var(--max))/2)) 30px;background:#061018;border-top:1px solid var(--line)}.footer-mega{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:45px;padding-bottom:65px}.footer-brand img{width:205px}.footer-brand p{max-width:230px;color:var(--muted);font-size:13px;line-height:1.6}.footer-column h3{color:var(--cyan);font-size:13px;letter-spacing:0;margin-bottom:20px}.footer-column a{display:block;padding:6px 0;color:#b0bac3;font-size:13px}.footer-column a:hover{color:white}.site-footer .footer-bottom{width:100%}
@media(max-width:1000px){.article-layout{grid-template-columns:190px minmax(0,1fr)}.article-related{display:none}.category-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.footer-mega{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.feature-hero-grid,.flow-section{grid-template-columns:1fr}.mega-menu{display:none!important}}
@media(max-width:700px){.resource-hero{padding-top:130px}.resource-main{width:calc(100% - 32px);padding:65px 0 95px}.resource-toolbar{align-items:flex-start;flex-direction:column}.category-grid,.article-grid,.hub-grid,.benefit-grid{grid-template-columns:1fr}.category-card{min-height:230px}.article-layout{display:block}.article-sidebar{position:static;margin-bottom:50px;padding-bottom:25px;border-bottom:1px solid var(--line)}.article-sidebar a{display:inline-block;margin-right:14px}.article-body h2{margin-top:50px}.feature-visual{min-height:280px}.footer-mega{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.comparison-table{display:block;overflow-x:auto}.site-footer{padding-top:60px}}