/* Casa Rustia brand palette, based on casarustiadigital.com. Kept local for the app's self-only content policy. */
:root{--ink:#17110d;--green:#2a1d17;--muted:#6c5d54;--paper:#fff8ef;--line:rgba(23,17,13,.12);--lime:#ffd991;--gold:#e4aa3a;--copper:#c98f72}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(rgba(23,17,13,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,17,13,.035) 1px,transparent 1px),radial-gradient(circle at 8% 0%,rgba(228,170,58,.22),transparent 32rem),radial-gradient(circle at 92% 12%,rgba(211,154,125,.18),transparent 34rem),linear-gradient(180deg,#fffaf3,var(--paper) 42%,#f7eadc);background-size:34px 34px,34px 34px,auto,auto,auto;text-rendering:optimizeLegibility}
.navigation{background:rgba(255,248,239,.78);backdrop-filter:blur(22px);border-bottom:1px solid var(--line);padding-top:18px;padding-bottom:18px}.brand img{width:125px;height:92px;object-fit:contain;display:block}.brand small{color:var(--muted)}.brand{letter-spacing:1px}.navigation nav{font-weight:800}.button{border-radius:999px;border:1px solid rgba(23,17,13,.2);background:linear-gradient(135deg,var(--ink),#3b251b);font-weight:800;box-shadow:0 12px 30px rgba(23,17,13,.12)}.button:hover{background:linear-gradient(135deg,#332219,#65432e);box-shadow:0 18px 34px rgba(72,42,27,.16)}a:focus-visible{outline-color:#b17817}.eyebrow{color:#935336;letter-spacing:.13em;font-weight:800}.dot{background:#aa7419}h1,h2,.path-card h2{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-.025em}h1{font-size:clamp(40px,4.3vw,63px);line-height:1.12}em{font-style:normal;color:#a76145;font-weight:inherit}.text-link,.steps a{border-color:#c98f72}.visual{border-radius:42px;background:linear-gradient(145deg,rgba(23,17,13,.96),rgba(72,45,31,.92) 52%,rgba(201,143,114,.86));box-shadow:0 26px 90px rgba(50,30,19,.14)}.visual:before{content:'';position:absolute;inset:18px;border:1px solid rgba(255,248,239,.18);border-radius:30px;pointer-events:none}.visual-label{color:#ffd991}.orbit{border-color:rgba(228,170,58,.35)}.orbit-two{box-shadow:0 0 70px rgba(228,170,58,.16)}.path-card{background:rgba(255,252,247,.96);border-color:rgba(228,170,58,.3);border-radius:28px;transform:none;box-shadow:0 26px 65px #17110d30}.card-kicker{color:#935336}.path-step{border-color:var(--line)}.path-step>span,.path-step b{color:#935336}.card-foot{border-color:var(--line)}.floating-note{background:linear-gradient(135deg,#3a241b,#8b5a42);border:1px solid #ffd99155;border-radius:20px}.floating-note small{color:#f5e6d7}.principles{color:#795b46}.values article>span{color:#a76145}.section-intro{color:var(--muted)}.how{background:linear-gradient(180deg,rgba(245,230,215,.8),rgba(255,248,239,.65));border:1px solid var(--line);border-radius:28px}.steps{gap:20px}.steps article{background:rgba(255,252,247,.72);border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 10px 40px rgba(50,30,19,.06)}.number{color:#a76145}.clarity{background:linear-gradient(135deg,var(--ink),#2d1f18 70%,#6f4735);color:var(--paper);border-radius:28px;padding:40px;border:0}.clarity .eyebrow{color:#ffd991}.clarity p:not(.eyebrow){color:#f5e6d7}.closing{padding-top:12px}footer{background:linear-gradient(135deg,var(--ink),#2a1d17);color:var(--paper);border-radius:28px 28px 0 0}footer p,footer>a:last-child{color:#f5e6d7}footer .brand small{color:#ffd991}footer .brand img{background:var(--paper);border-radius:16px;padding:5px}.official-link{display:block;margin-top:8px;font-size:12px;color:#ffd991;text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.brand img{width:85px;height:63px}.brand>span{font-size:10px}.brand small{font-size:6px}.navigation{gap:12px}.navigation .brand{gap:7px}.navigation nav{flex-shrink:0}.navigation .button{max-width:125px;text-align:center}.visual{border-radius:32px}.clarity{padding:27px}.closing h2{font-size:38px}h1{font-size:43px}}

.navigation .brand{min-width:0}.navigation .brand>span{min-width:0}.navigation .brand small{max-width:260px;line-height:1.6}.navigation nav{flex-shrink:0}.actions{flex-wrap:wrap}.actions .text-link{white-space:nowrap}.visual{min-width:0}.path-card h2{font-size:28px}.floating-note{max-width:calc(100% - 40px)}.steps article{min-width:0;display:flex;flex-direction:column}.steps a{align-self:flex-start;margin-top:auto;padding-top:20px}.section-heading h2{max-width:750px;margin-left:auto;margin-right:auto}footer .brand{flex-shrink:0}footer p{max-width:440px}@media(max-width:950px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.navigation nav{gap:14px}.navigation .brand small{max-width:180px}.hero h1{font-size:46px}.path-card h2{font-size:25px}}@media(max-width:650px){.navigation{align-items:center;padding:16px 20px;gap:14px}.navigation .brand{gap:10px}.navigation .brand img{width:70px;height:54px}.navigation .brand>span{font-size:11px}.navigation .brand small{font-size:6px;letter-spacing:1px;max-width:120px}.navigation .button{max-width:120px;min-height:44px;gap:10px}.hero{grid-template-columns:1fr;padding:32px 22px 50px}.hero h1{font-size:38px;line-height:1.13}.hero .eyebrow{line-height:1.8;align-items:flex-start}.hero .dot{margin-top:5px}.actions{gap:18px;align-items:center}.actions .button{font-size:12px;gap:16px;padding:15px 20px;min-height:48px}.actions .text-link{font-size:12px}.visual{padding:65px 25px 80px}.visual-label{top:29px}.path-card{width:100%;padding:25px 22px}.path-card h2{font-size:26px}.floating-note{bottom:17px;right:20px;padding:12px 16px}.section,.how{padding-left:22px;padding-right:22px}.clarity{margin-left:22px;margin-right:22px}.closing h2{font-size:35px}footer .brand small{max-width:190px;line-height:1.6}}
