:root{--ranau-accent: #0b7285;--ranau-accent-hover: #0a6172;--ranau-accent-deep: #085e6e;--ranau-accent-light: #d3ecf0;--ranau-success: #0ca678;--ranau-warning: #e8912d;--ranau-danger: #e03131;--color-heading: #061b31;--color-label: #273951;--color-body: #64748d;--color-bg: #ffffff;--color-border: #e5edf5;--color-border-soft: #f6f9fc;--color-dark: #1c1e54;--color-dark-text: rgba(255, 255, 255, .75);--color-dark-border: rgba(255, 255, 255, .12);--status-good-bg: rgba(21, 190, 83, .2);--status-good-text: #108c3d;--status-good-border: rgba(21, 190, 83, .4);--status-warn-bg: rgba(232, 145, 45, .15);--status-warn-text: #9a5b12;--status-warn-border: rgba(232, 145, 45, .4);--status-risk-bg: rgba(224, 49, 49, .12);--status-risk-text: #b02525;--status-risk-border: rgba(224, 49, 49, .35);--font-sans: "Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow-card: rgba(50, 50, 93, .25) 0px 30px 45px -30px, rgba(0, 0, 0, .1) 0px 18px 36px -18px;--shadow-ambient: rgba(23, 23, 23, .08) 0px 15px 35px 0px;--shadow-soft: rgba(23, 23, 23, .06) 0px 3px 6px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 96px;--container: 1080px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--color-body);background:var(--color-bg);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--color-heading);font-weight:300;margin:0 0 var(--space-3)}a{color:var(--ranau-accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-4)}.btn{display:inline-block;font-family:var(--font-sans);font-size:16px;font-weight:400;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:background .15s ease,box-shadow .15s ease}.btn-primary{background:var(--ranau-accent);color:#fff}.btn-primary:hover{background:var(--ranau-accent-hover)}.btn-ghost{background:transparent;color:var(--ranau-accent);border-color:var(--ranau-accent-light)}.btn-ghost:hover{background:#0b72850d}.nav{position:sticky;top:0;z-index:10;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-soft);padding:var(--space-3) 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.nav-logo{font-size:18px;font-weight:600;letter-spacing:.06em;color:var(--color-heading)}.nav-logo .by{display:block;font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--color-body)}.nav-links{display:flex;gap:var(--space-4);align-items:center}.nav-links a{font-size:14px;color:var(--color-heading)}.hero{padding:var(--space-8) 0 var(--space-7)}.hero h1{font-size:48px;line-height:1.12;letter-spacing:-.96px;max-width:760px;margin-bottom:var(--space-4)}.hero .sub{font-size:18px;font-weight:300;line-height:1.5;max-width:640px;margin-bottom:var(--space-5)}.hero .brand-line{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ranau-accent);font-weight:600;margin-bottom:var(--space-3)}.hero-ctas{display:flex;gap:var(--space-3);flex-wrap:wrap}.section{padding:var(--space-7) 0}.section-alt{background:var(--color-border-soft)}.section h2{font-size:32px;letter-spacing:-.64px;margin-bottom:var(--space-2)}.section .section-sub{font-size:18px;font-weight:300;max-width:620px;margin-bottom:var(--space-5)}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-soft);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-card)}.card h3{font-size:20px;letter-spacing:-.2px;margin-bottom:var(--space-2)}.card .card-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ranau-accent);font-weight:600;margin-bottom:var(--space-2)}.card p{font-size:15px;line-height:1.55;margin:0 0 var(--space-3)}.card .card-price{font-size:13px;font-weight:600;color:var(--color-heading);margin-bottom:var(--space-3)}.section-dark{background:var(--color-dark);color:var(--color-dark-text)}.section-dark h2{color:#fff}.trust-item{border:1px solid var(--color-dark-border);border-radius:var(--radius-md);padding:var(--space-4);background:#ffffff0a}.trust-item h3{color:#fff;font-size:18px}.trust-item p{font-size:14px;color:var(--color-dark-text);margin:0}.badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-sm)}.badge-approved{background:var(--status-good-bg);color:var(--status-good-text);border:1px solid var(--status-good-border)}.badge-synthesis{background:var(--status-warn-bg);color:var(--status-warn-text);border:1px solid var(--status-warn-border)}.badge-locked{background:var(--status-risk-bg);color:var(--status-risk-text);border:1px solid var(--status-risk-border)}.form-field{margin-bottom:var(--space-3)}.form-field label{display:block;font-size:14px;color:var(--color-label);margin-bottom:var(--space-1)}.form-field input,.form-field textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--font-sans);font-size:15px;color:var(--color-heading)}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--ranau-accent);box-shadow:0 0 0 2px var(--ranau-accent-light)}.form-note{font-size:13px;color:var(--color-body)}.form-success{background:var(--status-good-bg);border:1px solid var(--status-good-border);color:var(--status-good-text);border-radius:var(--radius-sm);padding:var(--space-3);font-size:14px}.form-error{background:var(--status-risk-bg);border:1px solid var(--status-risk-border);color:var(--status-risk-text);border-radius:var(--radius-sm);padding:var(--space-3);font-size:14px}.footer{border-top:1px solid var(--color-border);padding:var(--space-5) 0;font-size:13px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.footer .endorsement{font-weight:600;letter-spacing:.08em;color:var(--color-heading)}.problem-header{padding:var(--space-7) 0 var(--space-5);border-bottom:1px solid var(--color-border-soft)}.problem-header h1{font-size:40px;letter-spacing:-.8px}.problem-meta{display:flex;gap:var(--space-3);font-size:14px;color:var(--color-label);margin-bottom:var(--space-3)}.problem-section{padding:var(--space-5) 0;max-width:720px}.problem-section h2{font-size:24px;letter-spacing:-.3px}.placeholder-note{border:1px dashed var(--ranau-accent);border-radius:var(--radius-sm);padding:var(--space-3);font-size:13px;color:var(--color-label);background:#0b72850a}@media (max-width: 1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid,.grid-2{grid-template-columns:1fr}.hero h1{font-size:32px;letter-spacing:-.5px}.hero{padding:var(--space-6) 0}.nav-links{display:none}.footer-inner{flex-direction:column;align-items:flex-start}}
