.ratix_page::before{opacity:.28;background-size:760px auto}
.ratix_page{--ratix-glow:rgba(238,212,67,.12)}
.ratix_hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden}
.ratix_hero_inner{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;text-align:center}
.ratix_hero_symbol{position:absolute;width:520px;max-width:70vw;opacity:.13;filter:drop-shadow(0 0 36px var(--ratix-glow));pointer-events:none}
.ratix_hero_content{position:relative;z-index:2;max-width:850px}
.ratix_hero_logo{display:block;width:min(580px,82%);margin:0 auto 30px}
.ratix_hero h1{font-size:76px;line-height:.92;margin:0 0 28px}
.ratix_hero h1 span{color:var(--accent)}
.ratix_lead{max-width:720px;margin:0 auto 14px;color:#adb2bb;font-size:21px;line-height:1.6}
.ratix_lead strong{color:#fff}
.ratix_claim{font-size:24px;font-weight:700}
.ratix_claim span{color:var(--accent)}
.ratix_status{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:28px}
.ratix_status span{padding:7px 10px;border:1px solid var(--line);background:rgba(15,17,20,.7);color:#9ca2ac;font-size:11px;letter-spacing:.1em}

.ratix_section{position:relative;padding:88px 0}
.ratix_section_head{max-width:760px;margin-bottom:42px}
.ratix_section_head.centered{margin:0 auto 42px;text-align:center}
.ratix_section_head h2,.ratix_milestone_content h2{margin:0 0 18px;font-size:52px;line-height:.98}
.ratix_section_head h2 span,.ratix_milestone_content h2 span{color:var(--accent)}
.ratix_section_head>p:not(.eyebrow),.ratix_milestone_content>p:not(.eyebrow){color:#a3a9b2;line-height:1.65}

.ratix_components{background:rgba(5,6,9,.52)}
.ratix_component_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ratix_component{position:relative;padding:28px;text-align:center;border:1px solid var(--line);background:rgba(17,19,23,.82);transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer;outline:none}
.ratix_component:hover,.ratix_component:focus,.ratix_component.active{transform:translateY(-3px);border-color:rgba(238,212,67,.7);box-shadow:0 0 22px rgba(238,212,67,.06)}
.ratix_component img{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 18px}
.ratix_component h3{margin:2px 0 10px;font-size:32px}
.ratix_component>p:last-of-type{margin:0;color:#9ea4ae;line-height:1.5}
.ratix_component>p:last-of-type span{color:var(--accent);font-weight:700}

.ratix_info{cursor:pointer}
.ratix_info_tooltip{position:fixed;z-index:200;width:min(380px,calc(100vw - 28px));padding:20px 22px;background:var(--accent);color:#08090b;border:1px solid #fff4a8;box-shadow:0 18px 42px rgba(0,0,0,.58);pointer-events:none;opacity:0;visibility:hidden;transform:translate(0,-100%);transition:opacity .08s;white-space:normal}
.ratix_info_tooltip.visible{opacity:1;visibility:visible}
.ratix_info_tooltip::after{content:"";position:absolute;left:-1px;bottom:-7px;width:12px;height:12px;background:var(--accent);border-right:1px solid #fff4a8;border-bottom:1px solid #fff4a8;transform:rotate(45deg)}
.ratix_info_tooltip strong{display:block;margin:0 0 9px;color:#08090b;font-size:21px;line-height:1.15}
.ratix_info_tooltip p{margin:0;color:#151515;font-size:15px;line-height:1.52}

.ratix_manifesto{padding:110px 0;text-align:center;background:rgba(8,10,13,.78)}
.ratix_manifesto .shell{max-width:980px}
.ratix_manifesto h2{margin:0 0 28px;font-size:92px;line-height:.82;letter-spacing:-.035em}
.ratix_manifesto h2 span{color:var(--accent)}
.ratix_manifesto>div>p:not(.eyebrow,.ratix_manifesto_small){max-width:760px;margin:0 auto;color:#a8adb5;font-size:20px;line-height:1.6}
.ratix_manifesto_line{width:120px;height:3px;margin:30px auto;background:var(--accent)}
.ratix_manifesto_small{margin:0;color:#6f7680!important;font-size:14px}

.ratix_dual{background:rgba(10,12,16,.48)}
.ratix_dual_grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ratix_dual_grid article{padding:38px;border:1px solid var(--line);background:rgba(17,19,23,.82)}
.ratix_dual_grid article:last-child{border-color:rgba(238,212,67,.34)}
.ratix_dual_card{position:relative;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.ratix_dual_card:hover,.ratix_dual_card:focus,.ratix_dual_card.active{transform:translateY(-3px);border-color:rgba(238,212,67,.7);box-shadow:0 0 22px rgba(238,212,67,.06)}
.ratix_dual_grid h3{margin:0 0 6px;font-size:42px}
.ratix_dual_grid strong{color:var(--accent);font-size:18px}
.ratix_dual_grid article>p:last-of-type{color:#9fa5ae;line-height:1.6}
.ratix_weight{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:25px}
.ratix_weight span{padding:8px 3px;text-align:center;border:1px solid var(--line);color:#9aa0aa;font-size:11px}
.ratix_weight.league span:nth-child(1),.ratix_weight.league span:nth-child(2),.ratix_weight.league span:nth-child(5){border-color:rgba(238,212,67,.6);color:var(--accent)}

.ratix_product{background:rgba(5,6,9,.48)}
.ratix_ui_frame{padding:12px;border:1px solid var(--line);background:rgba(17,19,23,.85);box-shadow:0 20px 70px rgba(0,0,0,.35)}
.ratix_ui_frame img{display:block;width:100%;height:auto}
.ratix_product_points{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid var(--line)}
.ratix_product_points div{padding:18px;border-right:1px solid var(--line)}
.ratix_product_points div:last-child{border-right:0}
.ratix_product_points strong{display:block;color:var(--accent);font-size:12px;letter-spacing:.1em}
.ratix_product_points span{display:block;margin-top:4px;color:#9399a2;font-size:14px}

.ratix_architecture{background:rgba(10,12,16,.4)}
.ratix_pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin:42px 0}
.ratix_pipeline>div{min-width:0;padding:24px 16px;border:1px solid var(--line);background:rgba(17,19,23,.82);text-align:center}
.ratix_pipeline>div span{display:block;color:var(--accent);font-size:11px;letter-spacing:.1em}
.ratix_pipeline>div strong{display:block;margin:7px 0 4px;font-size:22px}
.ratix_pipeline>div small{color:#747b85}
.ratix_pipeline>i{color:var(--accent);font-style:normal;font-size:23px}
.ratix_pipeline_step{position:relative;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;outline:none}
.ratix_pipeline_step:hover,.ratix_pipeline_step:focus,.ratix_pipeline_step.active{transform:translateY(-2px);border-color:rgba(238,212,67,.7);box-shadow:0 0 22px rgba(238,212,67,.06)}
.ratix_local_note{max-width:780px;margin:0 auto;text-align:center;color:#777e88;font-size:14px;line-height:1.6}
.ratix_local_note strong{color:var(--accent);letter-spacing:.08em}

.ratix_benchmark{background:rgba(5,6,9,.58)}
.ratix_benchmark_callout{max-width:900px;padding:20px 22px;border-left:3px solid var(--accent);background:rgba(238,212,67,.055)}
.ratix_benchmark_callout p{margin:0;color:#c1c5cb;font-size:18px;line-height:1.6}
.ratix_benchmark_callout strong{color:var(--accent)}
.ratix_benchmark_stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.ratix_benchmark_stats div{padding:28px;border:1px solid var(--line);background:rgba(17,19,23,.82)}
.ratix_benchmark_stats strong{display:block;color:var(--accent);font-size:48px;line-height:1}
.ratix_benchmark_stats span{display:block;margin-top:8px;color:#9da3ac;font-size:15px}
.ratix_benchmark_note{max-width:900px;margin:18px 0 0;color:#717883;font-size:13px;line-height:1.55}

.ratix_milestone{background:rgba(10,12,16,.48)}
.ratix_milestone_grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.ratix_milestone_visual{border:1px solid var(--line);background:rgba(17,19,23,.7);padding:10px}
.ratix_milestone_visual img{display:block;width:100%;height:auto}
.ratix_milestone_content{max-width:520px}
.ratix_proof{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.ratix_proof_item{padding:18px;border:1px solid var(--line);background:rgba(17,19,23,.82)}
.ratix_proof_item strong{display:block;color:var(--accent);font-size:35px;line-height:1}
.ratix_proof_item span{display:block;margin-top:6px;color:#9da3ac;font-size:13px}

.ratix_development{background:rgba(5,6,9,.56)}
.ratix_dev_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ratix_dev_column{padding:30px;border:1px solid var(--line);background:rgba(17,19,23,.82)}
.ratix_dev_column.active{border-color:rgba(238,212,67,.45)}
.ratix_dev_column h3{margin:0 0 18px;font-size:30px}
.ratix_dev_column ul{margin:0;padding:0;list-style:none}
.ratix_dev_column li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#9da3ac}
.ratix_dev_column li:last-child{border-bottom:0}
.ratix_dev_column.done li::before{content:"✓";margin-right:9px;color:var(--accent)}
.ratix_dev_column.active li::before{content:"●";margin-right:9px;color:var(--accent)}
.ratix_dev_column.next li::before{content:"→";margin-right:9px;color:#707782}
.ratix_changelog_link{display:inline-block;margin-top:28px;color:var(--accent);font-weight:700}
.ratix_changelog_link:hover{text-decoration:underline}

@media(max-width:1100px){
.ratix_component_grid{grid-template-columns:repeat(2,1fr)}
.ratix_product_points{grid-template-columns:1fr 1fr}
.ratix_product_points div:nth-child(2){border-right:0}
.ratix_product_points div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

@media(max-width:900px){
.ratix_hero{min-height:auto;padding:70px 0}
.ratix_hero_inner{min-height:500px}
.ratix_hero h1{font-size:60px}
.ratix_dual_grid,.ratix_dev_grid,.ratix_milestone_grid{grid-template-columns:1fr}
.ratix_benchmark_stats{grid-template-columns:1fr 1fr 1fr}
.ratix_pipeline{grid-template-columns:1fr 1fr;gap:10px}
.ratix_pipeline>i{display:none}
.ratix_manifesto h2{font-size:72px}
.ratix_section{padding:72px 0}
.ratix_milestone_content{max-width:none}
}

@media(max-width:700px){
.ratix_hero_inner{min-height:430px}
.ratix_hero_symbol{width:340px}
.ratix_hero_logo{width:min(430px,88%)}
.ratix_hero h1{font-size:48px}
.ratix_lead{font-size:18px}
.ratix_claim{font-size:21px}
.ratix_section_head h2,.ratix_milestone_content h2{font-size:40px}

.ratix_component_grid{grid-template-columns:1fr}
.ratix_component{padding:22px}
.ratix_component img{width:135px;height:135px}

.ratix_component:hover,
.ratix_component:focus,
.ratix_component.active,
.ratix_dual_card:hover,
.ratix_dual_card:focus,
.ratix_dual_card.active,
.ratix_pipeline_step:hover,
.ratix_pipeline_step:focus,
.ratix_pipeline_step.active{
transform:none;
}

.ratix_info_tooltip{
left:14px!important;
right:14px;
top:auto!important;
bottom:14px;
width:auto;
max-height:calc(100dvh - 28px);
padding:18px;
overflow-y:auto;
transform:none;
pointer-events:auto;
z-index:400;
}

.ratix_info_tooltip::after{display:none}
.ratix_info_tooltip strong{font-size:20px}
.ratix_info_tooltip p{font-size:14px}

.ratix_manifesto{padding:85px 0}
.ratix_manifesto h2{font-size:55px}
.ratix_pipeline{grid-template-columns:1fr 1fr}
.ratix_product_points{grid-template-columns:1fr}
.ratix_product_points div{border-right:0;border-bottom:1px solid var(--line)}
.ratix_product_points div:last-child{border-bottom:0}
.ratix_dual_grid{grid-template-columns:1fr}
.ratix_weight{grid-template-columns:repeat(3,1fr)}
.ratix_benchmark_stats{grid-template-columns:1fr}
}

@media(max-width:500px){
.ratix_status{display:grid}
.ratix_proof{grid-template-columns:1fr}
.ratix_pipeline{grid-template-columns:1fr}
.ratix_manifesto h2{font-size:46px}
.ratix_benchmark_stats strong{font-size:42px}
}