/* MAALALI — bold, readable, responsive */
:root{--ink:#15162a;--blue:#4934ed;--lime:#d9ff55;background:#f7f6f2}body{background:#f7f6f2}.top{background:#f7f6f2f5;height:auto;min-height:90px;border-bottom:2px solid var(--ink)}main{max-width:1480px}.hero{gap:48px;padding:65px 0 60px;align-items:center}.hero h1{font-size:clamp(3.7rem,6.4vw,6.2rem);line-height:1.04;letter-spacing:-.06em}.hero h1 span{color:var(--ink);background:var(--lime);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .08em}.hero .eyebrow{background:#e9e4ff;border:1px solid #c9bfff;border-radius:7px;padding:8px 12px;color:#3924b0}.eyebrow i{display:none}.intro{font-size:1.5rem}.hero-description{color:#505164}.actions button{border:2px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);min-height:54px}.actions button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.actions .outline{background:#fff}.promise{color:#4c4b60;border-color:#bfbeca;flex-wrap:wrap}.price-stage{background:var(--blue);border:2px solid var(--ink);border-radius:8px 75px 8px 8px;box-shadow:10px 10px 0 #15162a;padding:27px 30px 24px}.stage-top{color:white;letter-spacing:.06em}.stage-label{color:var(--ink);background:var(--lime);border-color:var(--ink);border-radius:5px}.stage-kicker{font-size:1.6rem;color:white;margin:22px 0}.stage-kicker b{color:var(--lime)}.stage-orbit{border-color:#ffffff40}.price-ticket{background:#fffdf7;border:2px solid var(--ink);border-radius:6px;box-shadow:7px 7px 0 #20156d;transform:rotate(-4deg);margin:0 8px}.ticket-icon{background:#ffb9d4;border:1px solid var(--ink);border-radius:50%}.ticket-value>span{font-size:3.5rem}.ticket-foot{color:#363948}.stage-controls{margin-top:30px}.sample-choice{border:1px solid #fff;border-radius:7px;min-height:44px;color:#fff}.sample-choice.active,.sample-choice:hover{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.stage-controls>span,.stage-disclaimer{color:#fff}.stage-disclaimer{font-size:.67rem;line-height:1.6}.brand-strip{border:2px solid var(--ink);background:var(--lime);color:var(--ink);border-radius:0;transform:rotate(-1.4deg);padding:23px;font-weight:800}.brand-strip b,.strip-star{color:var(--blue)}.section-intro{max-width:760px;padding-top:90px}.section-intro h2{font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.12}.steps{border:2px solid var(--ink);border-radius:8px;overflow:hidden;gap:0}.steps article{padding:32px;border-left:2px solid var(--ink);background:#e9e3ff}.steps article:nth-child(2){background:#ffcee0}.steps article:nth-child(3){background:#e9f5bb}.stepnum{font-size:3.5rem;font-weight:800;color:var(--ink)}.steps h2{font-size:1.5rem}.steps p{color:#3e4050}.trialcard{background:var(--ink);color:white;border:0;border-radius:8px;padding:44px;margin-bottom:50px}.trialcard h2{font-size:2.4rem;color:#fff}.trialcard p,.trialcard .caption{color:#e2e0ed}.trialcard .outline{background:var(--lime);color:var(--ink);border:1px solid var(--lime);border-radius:10px;min-height:54px}.authcard{border:2px solid var(--ink);border-radius:12px;box-shadow:8px 8px 0 #dcd5ff}.navbutton.selected{background:var(--blue);color:white}.workspace{border-color:#bcbacb}.stats article:last-child{background:#edf8cf}footer{border-top:2px solid var(--ink);color:#505164}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #b62365;outline-offset:5px}
@media(min-width:801px) and (max-width:1100px){.hero{gap:28px}.hero h1{font-size:clamp(3.1rem,6vw,4.4rem)}.price-stage{padding:24px 18px}.hero .actions{flex-direction:column;align-items:stretch}.promise{gap:12px}.steps article{padding:24px 18px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:42px;padding-top:40px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(3.7rem,9.5vw,5.7rem)}.price-stage{max-width:590px;margin-bottom:14px}.section-intro{padding-top:65px}.trialcard{flex-direction:column;align-items:stretch;gap:20px}.trialcard h2{font-size:2rem}}
@media(max-width:640px){.top{padding:12px 16px;flex-wrap:wrap;gap:10px}.top .brand{gap:7px}.top nav{gap:5px}.top #homeButton{display:none}.top nav button{min-height:44px;font-size:.76rem;padding:8px 11px}.top #registerButton{display:none}main{padding:0 18px}.hero h1{font-size:clamp(2.7rem,11.5vw,4.2rem);margin:25px 0}.hero{padding:34px 0 40px}.intro{font-size:1.25rem}.hero-description{font-size:1rem}.hero .eyebrow{font-size:.72rem}.actions{gap:14px}.actions button{font-size:1rem}.price-stage{width:calc(100% - 8px);padding:23px 17px;border-radius:8px 48px 8px 8px;box-shadow:7px 7px 0 var(--ink)}.stage-kicker{font-size:1.45rem}.price-ticket{padding:20px 16px;margin:0 3px;transform:rotate(-2deg)}.ticket-value>span{font-size:3.2rem}.stage-controls>span{font-size:.65rem}.stage-disclaimer{font-size:.66rem}.brand-strip{font-size:1.1rem;padding:18px 10px;gap:8px}.section-intro h2{font-size:2.35rem}.steps{grid-template-columns:1fr}.steps article{border-left:0;border-bottom:2px solid var(--ink);padding:25px 18px}.steps article:last-child{border-bottom:0}.steps h2{font-size:1.3rem}.stepnum{font-size:2.7rem}.trialcard{padding:28px 22px}.trialcard h2{font-size:1.8rem}.authcard{padding:26px 19px}.promise{gap:12px;font-size:.7rem}footer{padding:25px 18px}.worklayout{min-width:0}.workspace{min-width:0}.tablewrap{max-width:100%;overflow:auto}}
@media(prefers-reduced-motion:reduce){.price-ticket,.brand-strip{transform:none}}