/* =================================================================
   AMARUZ GROUP - Brand stylesheet v2
   Open-flow, full width, alternating light/dark, glassmorphism.
   Ink / Cream(#E8E3D9) / Brass(#B8A27E)
   Fraunces + Hanken Grotesk + IBM Plex Mono.
   ================================================================= */

:root{
  /* Fixed brand tokens */
  --ink:#0A0C0E;
  --ink-2:#0F1316;
  --cream:#E8E3D9;
  --cream-2:#DED7C9;
  --brass:#B8A27E;
  --brass-lt:#D4C2A1;
  --brass-dk:#7C6234;

  /* Semantic tokens - DARK is the default theme */
  --bg:#0A0C0E;
  --fg:#F4F1EA;
  --fg-dim:#C9C7BF;
  --fg-mut:#888D92;
  --hair:rgba(244,241,234,.12);
  --hair-2:rgba(244,241,234,.22);
  --accent:#B8A27E;
  --glass:rgba(244,241,234,.045);
  --glass-bd:rgba(244,241,234,.14);
  --glass-sh:0 40px 90px -50px rgba(0,0,0,.85);

  /* Type */
  --serif:"Fraunces",Georgia,serif;
  --sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;

  /* Rhythm */
  --gut:clamp(22px,6vw,110px);
  --maxw:1560px;
  --nav-h:96px;
}

/* LIGHT theme scope */
.light{
  --bg:var(--cream);
  --fg:#16170F;
  --fg-dim:#3A3B32;
  --fg-mut:#6A6A5F;
  --hair:rgba(22,23,15,.14);
  --hair-2:rgba(22,23,15,.24);
  --accent:#7C6234;
  --glass:rgba(255,255,255,.45);
  --glass-bd:rgba(255,255,255,.8);
  --glass-sh:0 40px 80px -50px rgba(60,50,30,.4);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-padding-top:104px}
body{background:var(--ink);color:var(--fg);font-family:var(--sans);font-weight:400;line-height:1.65;overflow-x:hidden;position:relative}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--brass);color:var(--ink)}

/* Grain overlay */
body::after{
  content:"";position:fixed;inset:0;z-index:9000;pointer-events:none;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------------- Atoms ---------------- */
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:.8em}
.kicker::before{content:"";width:28px;height:1px;background:var(--accent);opacity:.7}
.kicker.center{justify-content:center}

h1,h2,h3,h4{font-family:var(--serif);font-weight:300;letter-spacing:-.014em;line-height:1.04;color:var(--fg)}
.serif-i{font-style:italic;color:var(--accent)}
p{font-weight:300;color:var(--fg-dim)}
.lead{font-size:clamp(16px,1.5vw,20px);color:var(--fg-dim);line-height:1.75;font-weight:300}
.idx{font-family:var(--mono);font-size:12px;color:var(--fg-mut);letter-spacing:.18em;display:block;margin-bottom:20px}

/* Buttons */
.btn{font-family:var(--sans);font-weight:500;font-size:14px;letter-spacing:.01em;padding:17px 32px;border-radius:2px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:background .35s,color .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.3,1);white-space:nowrap;line-height:1}
.btn .arr{transition:transform .35s ease}
.btn:hover .arr{transform:translateX(5px)}
.btn-cta{background:var(--brass);color:#16100A}
.btn-cta:hover{background:var(--brass-lt)}
.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--hair-2)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-line{background:transparent;color:var(--fg);padding:14px 0;border-bottom:1px solid var(--accent);border-radius:0}
.btn-block{width:100%}
.btn-lg{padding:20px 40px;font-size:15px}

/* ---------------- Section shells ---------------- */
.s{position:relative;background:var(--bg);color:var(--fg);padding:clamp(88px,12vw,180px) var(--gut);overflow:hidden}
.inner{max-width:var(--maxw);margin:0 auto;position:relative;z-index:2}
.inner-narrow{max-width:1100px;margin:0 auto;position:relative;z-index:2}

/* Soft ambient tint so glass has something to refract */
.s.light::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(70% 60% at 85% 0%,rgba(184,162,126,.22),transparent 60%),radial-gradient(50% 50% at 0% 100%,rgba(184,162,126,.12),transparent 60%)}
.s.dark-tint::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 60% at 80% -10%,rgba(184,162,126,.10),transparent 60%)}

/* Section heading (editorial, open) */
.shead{display:grid;grid-template-columns:.9fr 1.5fr;gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(48px,7vw,90px)}
.shead h2{font-size:clamp(32px,5vw,68px)}
.shead p{color:var(--fg-dim);max-width:46ch;font-size:17px}
@media(max-width:820px){.shead{grid-template-columns:1fr;gap:20px}}

/* ---------------- Glass utility ---------------- */
.glass{background:var(--glass);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--glass-bd);border-radius:16px;box-shadow:var(--glass-sh)}

/* ---------------- Navigation ---------------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gut);background:rgba(10,12,14,.32);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid transparent;transition:border-color .4s,background .4s,height .4s}
.nav.scrolled{background:rgba(10,12,14,.8);border-bottom-color:var(--hair);height:78px}
.nav .logo{display:flex;align-items:center;height:100%;text-decoration:none}
.nav .logo img{height:72px;width:auto;transition:height .4s}
.nav.scrolled .logo img{height:60px}
.nav .links{display:flex;gap:34px;align-items:center}
.nav .links a{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,241,234,.62);text-decoration:none;transition:color .3s;position:relative;padding:6px 0}
.nav .links a:hover{color:#F4F1EA}
.nav .links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--brass);transition:width .35s}
.nav .links a:hover::after{width:100%}
.nav .right{display:flex;align-items:center;gap:18px}
.nav .right .btn{padding:13px 26px}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;width:30px;height:22px;position:relative}
.nav-toggle span{position:absolute;left:0;height:1.5px;width:100%;background:#F4F1EA;transition:.35s;border-radius:2px}
.nav-toggle span:nth-child(1){top:0}.nav-toggle span:nth-child(2){top:50%;transform:translateY(-50%)}.nav-toggle span:nth-child(3){bottom:0}
body.menu-open .nav-toggle span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
body.menu-open .nav-toggle span:nth-child(2){opacity:0}
body.menu-open .nav-toggle span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}
.mobile-menu{position:fixed;inset:var(--nav-h) 0 0;z-index:999;background:rgba(10,12,14,.97);backdrop-filter:blur(22px);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 var(--gut);transform:translateY(-12px);opacity:0;visibility:hidden;transition:.4s cubic-bezier(.16,1,.3,1)}
body.menu-open .mobile-menu{transform:none;opacity:1;visibility:visible}
.mobile-menu a{font-family:var(--serif);font-size:32px;color:#F4F1EA;text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(244,241,234,.1)}
.mobile-menu a .n{font-family:var(--mono);font-size:12px;color:var(--brass);margin-right:14px}
.mobile-menu .btn{margin-top:32px}
@media(max-width:1040px){.nav .links{display:none}.nav-toggle{display:block}}

/* ---------------- Reveal: glass-clearing scroll animation ---------------- */
.reveal{opacity:0;transform:translateY(46px) scale(.992);filter:blur(12px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter 1.1s cubic-bezier(.16,1,.3,1);will-change:opacity,transform,filter}
.reveal.in{opacity:1;transform:none;filter:blur(0)}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}.reveal.d5{transition-delay:.5s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.001s!important}.reveal{opacity:1;transform:none;filter:none}}

/* ---------------- Footer ---------------- */
.footer{padding:clamp(70px,9vw,120px) var(--gut) 44px;border-top:1px solid var(--hair);position:relative;background:var(--ink);color:#F4F1EA}
.footer .top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:54px;max-width:var(--maxw);margin:0 auto}
.footer .brand img{height:104px;width:auto;margin-bottom:24px;opacity:.92}
.footer .brand p{color:#888D92;max-width:34ch;font-size:15px}
.footer .col h5{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:22px;font-weight:400}
.footer .col a,.footer .col span{display:block;color:#C9C7BF;text-decoration:none;font-size:15px;font-weight:300;padding:7px 0;transition:color .3s}
.footer .col a:hover{color:#F4F1EA}
.footer .bottom{max-width:var(--maxw);margin:60px auto 0;padding-top:30px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer .bottom .legal{display:flex;gap:28px;flex-wrap:wrap}
.footer .bottom a,.footer .bottom span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#888D92;text-decoration:none;transition:color .3s}
.footer .bottom a:hover{color:#F4F1EA}
.footer .disclaimer{max-width:var(--maxw);margin:30px auto 0;color:#888D92;font-size:12px;line-height:1.7;opacity:.85}
@media(max-width:820px){.footer .top{grid-template-columns:1fr;gap:38px}.footer .bottom{flex-direction:column;align-items:flex-start}}

/* ---------------- Legal pages ---------------- */
.legal-hero{padding:calc(var(--nav-h) + 70px) var(--gut) 54px;border-bottom:1px solid var(--hair);background:var(--ink)}
.legal-hero .inner{max-width:880px}
.legal-hero h1{font-size:clamp(38px,6vw,72px)}
.legal-hero p{margin-top:18px;color:#888D92;font-family:var(--mono);font-size:12px;letter-spacing:.1em}
.legal-body{padding:64px var(--gut) 120px;background:var(--ink)}
.legal-body .inner{max-width:780px}
.legal-body h2{font-size:clamp(22px,3vw,32px);margin:52px 0 16px;color:#F4F1EA}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{font-family:var(--sans);font-weight:600;font-size:17px;margin:30px 0 10px;color:#F4F1EA}
.legal-body p,.legal-body li{color:#C9C7BF;font-size:15.5px;line-height:1.8;font-weight:300}
.legal-body p{margin-bottom:16px}
.legal-body ul,.legal-body ol{margin:0 0 16px 22px}
.legal-body li{margin-bottom:8px}
.legal-body a{color:var(--brass);text-decoration:none;border-bottom:1px solid var(--brass-dk)}
.legal-body strong{color:#F4F1EA;font-weight:600}
.legal-body .toc{border:1px solid var(--hair);border-radius:8px;padding:28px 32px;margin-bottom:52px;background:var(--ink-2)}
.legal-body .toc h4{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin-bottom:14px;font-weight:400}
.legal-body .toc a{display:block;padding:5px 0;border:none;color:#C9C7BF;font-size:14px}
.legal-body .toc a:hover{color:var(--brass)}

/* ================= LIGHTBOX: GET CASH OFFER ================= */
.lb{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(6,8,9,.74);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.35s}
.lb.open{opacity:1;visibility:visible}
.lb-panel{width:100%;max-width:600px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(160deg,rgba(22,27,31,.9),rgba(10,12,14,.92));backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(244,241,234,.16);border-radius:16px;box-shadow:0 50px 120px -40px rgba(0,0,0,.9);transform:translateY(16px) scale(.99);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.lb.open .lb-panel{transform:none}
.lb-head{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid rgba(244,241,234,.1)}
.lb-head .hl{display:flex;align-items:center;gap:14px}
.lb-head img{height:34px;width:auto}
.lb-head .hl .t{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass)}
.lb-close{background:none;border:1px solid rgba(244,241,234,.14);color:#888D92;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px;transition:.3s;display:flex;align-items:center;justify-content:center}
.lb-close:hover{border-color:var(--brass);color:var(--brass)}
.lb-bar{height:2px;background:rgba(244,241,234,.1);position:relative}
.lb-bar i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--brass);transition:width .5s cubic-bezier(.16,1,.3,1)}
.lb-body{padding:clamp(28px,4vw,46px);overflow-y:auto;color:#F4F1EA}
.lb-stepcount{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#888D92;margin-bottom:18px}
.lb-step{display:none;animation:lbIn .45s cubic-bezier(.16,1,.3,1)}
.lb-step.active{display:block}
@keyframes lbIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.lb-step h3{font-size:clamp(24px,3.4vw,33px);font-weight:300;line-height:1.12;margin-bottom:8px;color:#F4F1EA}
.lb-step .sub{color:#888D92;font-size:14px;margin-bottom:26px;font-weight:300}
.lb-options{display:grid;gap:11px}
.lb-opt{text-align:left;background:rgba(244,241,234,.04);border:1px solid rgba(244,241,234,.12);color:#F4F1EA;padding:18px 22px;border-radius:10px;cursor:pointer;font-family:var(--sans);font-size:15.5px;font-weight:400;transition:.25s;display:flex;justify-content:space-between;align-items:center;gap:12px}
.lb-opt:hover{border-color:var(--brass);background:rgba(184,162,126,.08);transform:translateX(3px)}
.lb-opt.selected{border-color:var(--brass);background:rgba(184,162,126,.12)}
.lb-opt::after{content:"→";color:var(--brass);opacity:0;transition:opacity .25s}
.lb-opt:hover::after,.lb-opt.selected::after{opacity:1}
.lb-field{margin-bottom:14px}
.lb-field label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#888D92;margin-bottom:9px}
.lb-input{width:100%;background:rgba(244,241,234,.04);border:1px solid rgba(244,241,234,.12);color:#F4F1EA;padding:16px 18px;border-radius:10px;font-family:var(--sans);font-size:16px;transition:.25s;outline:none}
.lb-input::placeholder{color:#888D92}
.lb-input:focus{border-color:var(--brass);background:rgba(184,162,126,.06)}
.lb-input.invalid{border-color:#c25b4b}
.lb-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lb-warn{display:none;margin-top:16px;padding:16px 18px;border:1px solid rgba(184,162,126,.35);border-radius:10px;background:rgba(184,162,126,.06);color:#C9C7BF;font-size:13.5px;font-weight:300;line-height:1.55}
.lb-warn.show{display:block;animation:lbIn .4s}
.lb-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:14px}
.lb-back{background:none;border:none;color:#888D92;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .3s;padding:8px 0}
.lb-back:hover{color:#F4F1EA}
.lb-step:first-child .lb-back{visibility:hidden}
.lb-step.shake{animation:shake .4s}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}
.lb-success{display:none;text-align:center;padding:clamp(34px,5vw,60px) clamp(26px,4vw,46px);color:#F4F1EA}
.lb-success.show{display:block;animation:lbIn .5s}
.lb-success .mk{width:66px;height:66px;border:1px solid var(--brass);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 26px;color:var(--brass);font-size:28px}
.lb-success h3{font-size:clamp(26px,3.6vw,36px);font-weight:300;margin-bottom:14px;color:#F4F1EA}
.lb-success p{color:#C9C7BF;font-weight:300;max-width:38ch;margin:0 auto 8px;font-size:15px}
.lb-fine{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:#888D92;margin-top:18px}
.lb-fine a{color:var(--brass);text-decoration:underline;text-underline-offset:2px}
.lb-consent{margin-top:20px;padding-top:18px;border-top:1px solid var(--hair)}
.lb-consent-lead{font-size:12.5px;font-weight:300;line-height:1.55;color:#C9C7BF;margin-bottom:13px}
.lb-check{display:flex;align-items:flex-start;gap:11px;cursor:pointer;font-size:14px;font-weight:300;line-height:1.5;color:#F4F1EA}
.lb-check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:19px;height:19px;margin-top:1px;border:1px solid rgba(244,241,234,.3);border-radius:5px;background:rgba(244,241,234,.04);cursor:pointer;position:relative;transition:.2s}
.lb-check input[type=checkbox]:hover{border-color:var(--brass)}
.lb-check input[type=checkbox]:checked{background:var(--brass);border-color:var(--brass)}
.lb-check input[type=checkbox]:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.lb-consent .lb-fine{margin-top:13px;line-height:1.6}
@media(max-width:520px){.lb-two{grid-template-columns:1fr}}