:root{--dark:#0e292c;--mint:#dff2df;--lime:#ddff77;--coral:#ff806b;--white:#f8f8f2}body{background:var(--dark);color:var(--white)}
.c-nav{max-width:1300px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center}.c-logo{font-size:25px;font-weight:900;letter-spacing:-.06em}.c-logo span{color:var(--coral)}.c-menu{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:700}.c-menu a:last-child{border:1px solid rgba(255,255,255,.4);border-radius:100px;padding:13px 18px}.c-social-link{display:inline-flex;color:inherit}.c-social-link:hover{color:var(--coral)}
.c-hero{max-width:1300px;margin:auto;padding:70px 32px 100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.c-badge{display:inline-block;color:var(--dark);background:var(--lime);border-radius:30px;padding:8px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.c-hero h1{font-size:clamp(62px,7vw,100px);line-height:.88;letter-spacing:-.065em;margin:27px 0;font-weight:900}.c-hero h1 span{color:var(--lime)}.c-lead{color:#b7ccca;font-size:18px;line-height:1.6;max-width:560px}.c-actions{display:flex;gap:12px;margin-top:32px}.c-actions a{padding:16px 20px;border-radius:100px;font-weight:900}.c-actions a:first-child{background:var(--coral);color:var(--dark)}.c-actions a:last-child{border:1px solid #587173}.c-compat{font-size:11px;color:#7f9b9c;margin:15px 0}
.c-hero{max-width:1300px;margin:auto;padding:70px 32px 100px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.c-hero>*{min-width:0}.c-badge{display:inline-block;color:var(--dark);background:var(--lime);border-radius:30px;padding:8px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.c-hero h1{font-size:clamp(62px,7vw,100px);line-height:.88;letter-spacing:-.065em;margin:27px 0;font-weight:900}.c-hero h1 span{color:var(--lime)}.c-lead{color:#b7ccca;font-size:18px;line-height:1.6;max-width:560px}.c-actions{display:flex;gap:12px;margin-top:32px}.c-actions a{padding:16px 20px;border-radius:100px;font-weight:900}.c-actions a:first-child{background:var(--coral);color:var(--dark)}.c-actions a:last-child{border:1px solid #587173}.c-compat{font-size:11px;color:#7f9b9c;margin:15px 0}
.c-app{background:#e9eee9;color:var(--dark);border-radius:18px;padding:13px;box-shadow:0 40px 90px rgba(0,0,0,.35);transform:perspective(1000px) rotateY(-4deg)}.c-top{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 9px}.c-dots{display:flex;gap:6px}.c-dots i{width:8px;height:8px;background:#9aaba6;border-radius:50%}.c-top small{font-weight:900;letter-spacing:.08em}.c-appbody{display:grid;grid-template-columns:150px 1fr;gap:12px}.c-side{background:var(--dark);color:#94aeab;border-radius:11px;padding:18px 12px;font-size:11px}.c-side strong{display:block;color:#fff;margin-bottom:24px;font-size:13px}.c-side p{padding:9px;margin:4px 0}.c-side p.active{background:#214447;color:var(--lime);border-radius:6px}.c-main{background:#fff;border-radius:11px;padding:22px}.c-mainhead{display:flex;justify-content:space-between;align-items:start}.c-main h2{font-size:23px;margin:0 0 5px}.c-mainhead span{font-size:10px;background:var(--mint);padding:7px;border-radius:20px;font-weight:800}.c-progress{height:8px;background:#e8ece8;border-radius:20px;margin:22px 0;overflow:hidden}.c-progress i{display:block;width:76%;height:100%;background:#3aa48b}.c-row{display:grid;grid-template-columns:23px 1fr auto;gap:10px;align-items:center;border-top:1px solid #e8ece8;padding:13px 0;font-size:11px}.c-row i{display:grid;place-items:center;background:#daf1e6;color:#19806a;border-radius:5px;width:21px;height:21px;font-style:normal}.c-row.pending i{background:#f1f2ed;color:#99a09a}.c-row b{font-size:12px}.c-row span{color:#7c8985}.c-pop{position:absolute}.c-visual{position:relative}.c-pop{right:-20px;bottom:-30px;background:var(--lime);color:var(--dark);padding:17px 21px;border-radius:12px;font-weight:900;box-shadow:0 12px 40px rgba(0,0,0,.22)}.c-pop small{display:block;font-weight:600;margin-top:3px}
.c-flow{background:var(--mint);color:var(--dark);padding:85px 32px}.c-flow-inner{max-width:1180px;margin:auto}.c-flow h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.05em;margin:0 0 55px;max-width:700px}.c-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.c-step{background:#fff;padding:25px;border-radius:14px;min-height:180px;position:relative}.c-step>span{font-size:11px;font-weight:900;color:#5b7471}.c-step strong{display:block;font-size:19px;margin:33px 0 9px}.c-step p{font-size:13px;line-height:1.5;color:#60716f}.c-step:after{content:"→";position:absolute;right:-18px;top:48%;background:var(--coral);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:900;z-index:2}.c-step:last-child{background:var(--dark);color:#fff}.c-step:last-child p{color:#9bb1ae}.c-step:last-child:after{display:none}
.c-step:last-child>span{color:#b8ccca}
@media(max-width:850px){.c-menu a:not(:last-child){display:none}.c-hero{grid-template-columns:1fr;padding-top:40px}.c-hero h1{font-size:64px}.c-appbody{grid-template-columns:1fr}.c-side{display:none}.c-visual{margin:35px 5px}.c-steps{grid-template-columns:1fr 1fr}.c-step:nth-child(2):after{display:none}}@media(max-width:500px){.c-steps{grid-template-columns:1fr}.c-step:after{display:none}.c-actions{flex-direction:column}.c-menu a:last-child{display:none}}

.site-header{position:sticky;z-index:50;top:0;background:var(--dark);border-bottom:1px solid rgba(255,255,255,.08)}
.c-nav{min-height:86px}
.c-menu a[aria-current="page"]:not(.menu-primary){color:var(--lime)}
.menu-toggle{display:none;border:0;background:transparent;color:var(--white);cursor:pointer}
.menu-toggle-icon,.menu-toggle-icon:before,.menu-toggle-icon:after{display:block;width:23px;height:2px;background:currentColor;transition:.2s transform,.2s opacity}
.menu-toggle-icon{position:relative}.menu-toggle-icon:before,.menu-toggle-icon:after{content:"";position:absolute;left:0}.menu-toggle-icon:before{top:-7px}.menu-toggle-icon:after{top:7px}
.site-footer{background:#091f21;color:var(--white);border-top:1px solid rgba(255,255,255,.1)}
.site-footer-inner{max-width:1180px;margin:auto;padding:44px 30px;display:grid;grid-template-columns:1fr auto 1fr;gap:55px;align-items:start}
.site-footer p{color:#8fa9a7;font-size:13px;line-height:1.55;margin:13px 0 0}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:13px 30px;font-size:13px;font-weight:800}.site-footer nav a:hover{color:var(--lime)}.site-footer-note{text-align:right}

@media(max-width:850px){
  .c-nav{min-height:72px;padding:18px 22px}.c-logo{position:relative;z-index:2}.menu-toggle{position:relative;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 0}.menu-toggle-label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
  .c-menu{position:fixed;z-index:1;inset:0;display:none;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:95px 24px 35px;background:var(--dark)}
  .menu-open{overflow:hidden}.menu-open .c-menu{display:flex}.menu-open .c-menu a{display:flex!important;align-items:center;justify-content:space-between;padding:17px 4px;border-bottom:1px solid rgba(255,255,255,.13);font-size:clamp(22px,7vw,34px)}.menu-open .c-menu a:after{content:"↗";color:var(--coral);font-size:18px}
  .menu-open .c-menu .menu-primary{margin-top:20px;justify-content:center;border:0;border-radius:100px;padding:16px 20px;background:var(--coral);color:var(--dark);font-size:16px}.menu-open .c-menu .menu-primary:after{display:none}
  .menu-open .menu-toggle-icon{background:transparent}.menu-open .menu-toggle-icon:before{top:0;transform:rotate(45deg)}.menu-open .menu-toggle-icon:after{top:0;transform:rotate(-45deg)}
  .site-footer-inner{grid-template-columns:1fr 1fr}.site-footer-note{grid-column:1/-1;text-align:left}.site-footer nav{grid-template-columns:1fr}
}
@media(max-width:500px){
  .c-hero{padding:38px 20px 72px;gap:38px}.c-hero h1{font-size:clamp(45px,14vw,56px);line-height:.92}.c-lead{font-size:16px}.c-lead,.c-compat{overflow-wrap:anywhere}.c-actions a{text-align:center}.c-visual{margin:15px 0}.c-app{padding:8px;transform:none}.c-main{padding:14px}.c-row{grid-template-columns:23px 1fr}.c-row span{display:none}.c-pop{right:8px;bottom:-42px;font-size:12px}.c-flow{padding:65px 20px}.c-flow h2{margin-bottom:38px}
  .site-footer-inner{grid-template-columns:1fr;padding:38px 22px;gap:30px}.site-footer-note{grid-column:auto}.menu-toggle-label{display:none}
}