/*
Theme Name: Rimla Dev US
Author: Rimla Dev
Description: Purple and black theme for the Rimla Dev US site (us.rimladev.com).
Version: 1.0
Text Domain: rimla-us
*/
:root{--ink:#0e0b14;--ink2:#171221;--line:#2b2340;--violet:#7c3aed;--lilac:#c4b5fd;--paper:#f6f4ff;--mute:#a79fbd}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.65 "Instrument Sans",system-ui,sans-serif}
h1,h2,h3{font-family:"Bricolage Grotesque","Instrument Sans",sans-serif;line-height:1.08;margin:0 0 .5em;letter-spacing:-.02em}
a{color:var(--lilac)}a:focus-visible,button:focus-visible{outline:3px solid var(--lilac);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(14,11,20,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none;font:700 1.15rem "Bricolage Grotesque",sans-serif}
.logo i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--violet);font-style:normal;color:#fff}
.nav{display:flex;gap:26px;list-style:none;margin:0;padding:0}.nav a{color:var(--mute);text-decoration:none}.nav a:hover{color:#fff}
.btn{display:inline-block;padding:14px 26px;border-radius:999px;background:var(--violet);color:#fff;text-decoration:none;font-weight:600}
.btn:hover{background:#6d28d9}.btn.ghost{background:none;border:1px solid var(--line);color:var(--paper)}
.hero{padding:110px 0 90px;background:radial-gradient(900px 400px at 85% -10%,rgba(124,58,237,.35),transparent 60%)}
.hero h1{font-size:clamp(2.6rem,7vw,5.4rem);max-width:13ch}
.hero p{max-width:52ch;color:var(--mute);font-size:1.15rem}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
section{padding:80px 0}.band{background:var(--ink2);border-block:1px solid var(--line)}
h2{font-size:clamp(1.9rem,4vw,2.9rem)}
.rows{border-top:1px solid var(--line);margin-top:34px}
.row{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;padding:26px 0;border-bottom:1px solid var(--line)}
.row h3{font-size:1.4rem;margin:0}.row p{margin:0;color:var(--mute)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:34px;list-style:none;padding:0;counter-reset:s}
.steps li{counter-increment:s;border-left:3px solid var(--violet);padding-left:18px;color:var(--mute)}
.steps li:before{content:counter(s);display:block;font:700 2rem "Bricolage Grotesque";color:var(--lilac)}
.steps b{display:block;color:var(--paper)}
.cta{text-align:left}.cta h2{max-width:18ch}
.entry{padding:70px 0;max-width:760px}.entry h1{font-size:2.6rem}
.site-footer{padding:40px 0;border-top:1px solid var(--line);color:var(--mute);font-size:.95rem}
.site-footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:800px){.nav{display:none}.row{grid-template-columns:1fr;gap:8px}.steps{grid-template-columns:1fr 1fr}.hero{padding:70px 0 50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}