
/* ORALOO BETA — Phase 1 */
.beta-page{background:#fff;color:var(--ink)}
.beta-hero{position:relative;overflow:hidden;padding:92px 28px 78px;background:radial-gradient(circle at 78% 18%,#e3f8ff 0,#eef0ff 28%,#fff 62%)}
.beta-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-190px;top:-220px;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 68%);pointer-events:none}
.beta-wrap{max-width:var(--max);margin:auto;position:relative;z-index:2}
.beta-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.beta-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;border:1px solid #d9dcff;background:#f8f7ff;color:#5749a9;font-size:11px;font-weight:900;letter-spacing:.4px}
.beta-badge i{width:8px;height:8px;border-radius:50%;background:var(--purple);display:block}
.beta-hero h1{font-size:clamp(44px,5.4vw,70px);margin:22px 0 20px;max-width:760px}
.beta-hero h1 span{background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.beta-lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}
.beta-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 18px}
.beta-note{font-size:11px;color:#768197}
.beta-offer{background:#fff;border:1px solid #dfe5f0;border-radius:28px;padding:34px;box-shadow:0 25px 70px rgba(28,45,94,.14);position:relative}
.beta-offer-kicker{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#6651b7}
.beta-offer h2{font-size:31px;margin:12px 0 12px}
.beta-offer p{color:var(--muted);font-size:14px;line-height:1.65}
.beta-gift{margin:24px 0;padding:22px;border-radius:20px;background:linear-gradient(135deg,#f6f3ff,#eef8ff);border:1px solid #e0e2ff}
.beta-gift strong{display:block;font-size:23px;letter-spacing:-.7px}
.beta-gift span{display:block;margin-top:4px;color:#647089;font-size:12px}
.beta-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.beta-fact{padding:14px 12px;border:1px solid #e5e9f1;border-radius:15px;text-align:center;background:#fbfcff}
.beta-fact b{display:block;font-size:18px}.beta-fact span{display:block;font-size:10px;color:#748097;margin-top:2px}
.beta-section{padding:92px 28px}
.beta-section.soft{background:linear-gradient(180deg,#f7f9ff,#fff)}
.beta-heading{text-align:center;max-width:760px;margin:0 auto 48px}
.beta-heading .eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#6651b7}
.beta-heading h2{font-size:42px;margin:12px 0 14px}
.beta-heading p{color:var(--muted);font-size:15px}
.beta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:auto}
.beta-card{border:1px solid #e1e6ef;border-radius:22px;padding:27px;background:#fff;box-shadow:0 15px 45px rgba(25,43,86,.06)}
.beta-card .num{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0efff;color:#6651b7;font-size:11px;font-weight:900}
.beta-card h3{font-size:22px;margin:17px 0 10px}
.beta-card p{font-size:14px;color:var(--muted);line-height:1.65;margin:0}
.beta-quote{max-width:920px;margin:45px auto 0;padding:25px 28px;border-left:4px solid var(--purple);background:#f8f8ff;border-radius:0 18px 18px 0;color:#4e5a71;font-weight:700}
.beta-profile{max-width:980px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.beta-profile-item{padding:22px;border:1px solid #e2e7f0;border-radius:18px;background:#fff}
.beta-profile-item b{display:block;font-size:14px;margin-bottom:7px}.beta-profile-item p{margin:0;color:var(--muted);font-size:13px}
.beta-form-wrap{max-width:820px;margin:auto;background:#fff;border:1px solid #dfe5f0;border-radius:28px;padding:38px;box-shadow:0 22px 65px rgba(25,43,86,.09)}
.beta-form{display:grid;gap:18px}
.beta-field{display:grid;gap:7px}
.beta-field label{font-size:12px;font-weight:800;color:#36415a}
.beta-field input,.beta-field select,.beta-field textarea{width:100%;border:1px solid #d8dfeb;border-radius:12px;padding:13px 14px;font:inherit;font-size:13px;color:var(--ink);background:#fff;outline:none}
.beta-field textarea{min-height:110px;resize:vertical}
.beta-field input:focus,.beta-field select:focus,.beta-field textarea:focus{border-color:#8b7be8;box-shadow:0 0 0 3px rgba(124,58,237,.09)}
.beta-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#647089}
.beta-check input{margin-top:3px}
.beta-form .btn{border:0;cursor:pointer;width:max-content}
.beta-legal{font-size:10px;color:#8791a5;line-height:1.55}
.beta-final{padding:85px 28px;background:linear-gradient(125deg,#101936,#263ba5 58%,#7c3aed);color:#fff;text-align:center}
.beta-final h2{font-size:44px}.beta-final p{max-width:620px;margin:15px auto 25px;color:#d8ddf1;font-size:15px}
.beta-final .btn{background:#fff;color:#1b2860}
@media(max-width:950px){.beta-hero-grid,.beta-profile{grid-template-columns:1fr}.beta-offer{max-width:620px;margin:auto}.beta-grid{grid-template-columns:1fr}}
@media(max-width:620px){.beta-hero{padding:68px 20px 55px}.beta-section{padding:68px 20px}.beta-hero h1{font-size:43px}.beta-lead{font-size:16px}.beta-offer{padding:25px;border-radius:22px}.beta-offer h2{font-size:27px}.beta-facts{grid-template-columns:1fr}.beta-heading h2{font-size:34px}.beta-form-wrap{padding:24px;border-radius:22px}.beta-final{padding:65px 20px}.beta-final h2{font-size:35px}}
