html,body{margin:0!important;padding:0!important;background:#fff!important}
.symbiose-app-page{margin:0!important;padding:0!important;background:#fff!important;min-height:100%}
.sym-landing{
  --ink:#6b625b;--green:#4d7f68;--brown:#a8402b;--blue:#204f9c;--orange:#e99a2e;--dark:#4d4c4a;--active:#d0db12;
  position:relative;width:100%;max-width:390px;height:100dvh;min-height:720px;margin:0 auto;
  background:#fff;color:var(--ink);font-family:Roboto,Inter,Arial,sans-serif;overflow:hidden
}
.sym-landing *{box-sizing:border-box}
.sym-landing-card{height:100%;padding:32px 17px 18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}
.sym-landing-hero{width:185px;height:34px;background:var(--dark);color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;font:400 19px/1 "New Amsterdam","Arial Narrow",Impact,sans-serif;letter-spacing:.15px;margin-bottom:36px}
.sym-landing-intro{font:400 20px/1.12 "New Amsterdam","Arial Narrow",Impact,sans-serif;letter-spacing:.25px;margin:0 0 32px;color:var(--ink);text-transform:uppercase}
.sym-principles{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:26px;row-gap:18px;margin-bottom:34px}
.sym-principles>div{display:flex;flex-direction:column;align-items:center;gap:8px}
.sym-principles b{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);font:400 20px/1 "New Amsterdam","Arial Narrow",Impact,sans-serif;letter-spacing:.15px}
.sym-principles p,.sym-flow-copy,.sym-newsletter-block p{margin:0;font:400 12px/1.22 Roboto,Arial,sans-serif;color:var(--ink)}
.sym-flow{width:230px;min-height:54px;padding:7px 10px;border-radius:4px;background:var(--orange);color:#fff;font:400 20px/22px "New Amsterdam","Arial Narrow",Impact,sans-serif;letter-spacing:.2px;margin-bottom:32px}
.sym-flow-copy{margin-bottom:30px}
.sym-landing-pair{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}
.sym-landing-pair>div{display:flex;flex-direction:column;align-items:center;gap:12px}
.sym-chip{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;text-decoration:none;cursor:pointer;color:#fff}
.sym-project-links .sym-chip{width:96px;height:42px;padding:4px 8px;font:500 14px/12px Roboto,Arial,sans-serif;letter-spacing:.2px}
.sym-project-links .sym-manifest{background:var(--brown)}
.sym-project-links .sym-explore{background:var(--blue)}
.sym-project-copy{margin:0!important;font:400 20px/1.06 "New Amsterdam","Arial Narrow",Impact,sans-serif!important;color:var(--ink)!important;text-transform:uppercase}
.sym-grow{min-width:174px;padding:7px 10px;border-radius:4px;background:var(--dark);color:#fff;font:400 20px/22px "New Amsterdam","Arial Narrow",Impact,sans-serif;margin-bottom:30px}
.sym-newsletter-block{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px}
.sym-subscribe{height:28px;min-height:28px;padding:3px 13px;font:500 12px/1 Roboto,Arial,sans-serif;background:var(--active);color:#fff}
.sym-subscribe:active,.sym-subscribe.is-pressed{background:var(--active)}
.sym-socials{width:100%;display:flex;gap:10px;justify-content:center}
.sym-socials .sym-chip{height:24px;min-height:24px;padding:2px 12px;font:500 11px/1 Roboto,Arial,sans-serif;background:var(--green);min-width:70px}
@keyframes sym-landing-float{0%,100%{transform:translate3d(0,0,0) rotate(0)}35%{transform:translate3d(1px,-2px,0) rotate(.3deg)}70%{transform:translate3d(-1px,1px,0) rotate(-.25deg)}}
.sym-float-cta{animation:sym-landing-float 4.8s ease-in-out infinite;will-change:transform}
.sym-explore{animation-delay:-1.7s}.sym-subscribe{animation-delay:-2.8s}
@media(prefers-reduced-motion:reduce){.sym-float-cta{animation:none!important}}
@media(max-height:760px){.sym-landing-card{padding-top:25px}.sym-landing-hero{margin-bottom:25px}.sym-landing-intro{font-size:18px;margin-bottom:22px}.sym-principles{row-gap:12px;margin-bottom:22px}.sym-flow{margin-bottom:22px}.sym-flow-copy{margin-bottom:22px}.sym-landing-pair{margin-bottom:20px}.sym-grow{margin-bottom:20px}}

/* 1.5.33 – Tablet and Web breakpoints.
   Until now .sym-landing was hard-locked to max-width:390px with no
   min-width media query at all, so Tablet/Web always rendered the same
   small mobile card centered in white space. */
@media(min-width:768px){
  .sym-landing{max-width:620px;height:auto;min-height:100dvh;overflow:visible}
  .sym-landing-card{height:auto;padding:48px 40px 40px}
  .sym-landing-hero{width:230px;height:42px;font-size:22px;margin-bottom:44px}
  .sym-landing-intro{font-size:26px;margin-bottom:40px}
  .sym-principles{column-gap:40px;margin-bottom:40px}
  .sym-principles b{font-size:24px}
  .sym-principles p,.sym-flow-copy,.sym-newsletter-block p{font-size:14px}
  .sym-flow{width:320px;min-height:60px;font-size:24px;line-height:26px;margin-bottom:40px}
  .sym-landing-pair{gap:36px;margin-bottom:36px}
  .sym-project-links .sym-chip{width:130px;height:50px;font-size:16px}
  .sym-project-copy{font-size:24px!important}
  .sym-grow{min-width:220px;font-size:24px;line-height:26px;margin-bottom:36px}
  .sym-subscribe{height:36px;min-height:36px;padding:5px 18px;font-size:14px}
  .sym-socials .sym-chip{height:30px;min-height:30px;padding:4px 16px;font-size:13px;min-width:90px}
  .sym-newsletter-modal{max-width:380px}
}
@media(min-width:1200px){
  .sym-landing{max-width:760px}
  .sym-landing-card{padding:64px 60px 48px}
  .sym-landing-hero{width:270px;height:48px;font-size:26px;margin-bottom:52px}
  .sym-landing-intro{font-size:32px;margin-bottom:48px}
  .sym-principles{column-gap:60px;margin-bottom:48px}
  .sym-principles b{font-size:28px}
  .sym-principles p,.sym-flow-copy,.sym-newsletter-block p{font-size:16px}
  .sym-flow{width:380px;min-height:66px;font-size:28px;line-height:30px;margin-bottom:48px}
  .sym-landing-pair{gap:44px;margin-bottom:44px}
  .sym-project-links .sym-chip{width:150px;height:56px;font-size:18px}
  .sym-project-copy{font-size:28px!important}
  .sym-grow{min-width:260px;font-size:28px;line-height:30px;margin-bottom:44px}
  .sym-subscribe{height:40px;min-height:40px;padding:6px 22px;font-size:16px}
  .sym-socials .sym-chip{height:34px;min-height:34px;padding:5px 18px;font-size:14px;min-width:100px}
}

/* Newsletter overlay */
.sym-newsletter-overlay{position:absolute;inset:0;background:rgba(170,190,199,.62);display:flex;align-items:center;justify-content:center;padding:20px;z-index:40}
.sym-newsletter-overlay[hidden]{display:none}
.sym-newsletter-modal{position:relative;width:100%;max-width:310px;background:#fff;border-radius:12px;padding:28px 20px 20px;display:grid;gap:12px;text-align:center;color:#18242f;font-family:Roboto,Inter,Arial,sans-serif}
.sym-newsletter-modal h2{margin:0 0 6px;font:400 24px/28px "New Amsterdam","Arial Narrow",Impact,sans-serif;color:#111}
.sym-newsletter-modal input[type=email],.sym-newsletter-modal input[type=text]{width:100%;height:38px;border:1px solid #777;border-radius:3px;padding:0 12px;font:400 14px/38px Roboto,Arial,sans-serif;background:#fff;color:#18242f}
.sym-newsletter-modal .sym-hp{position:absolute!important;left:-9999px!important}
.sym-policy-check{font:400 12px/1.3 Roboto,Arial,sans-serif}.sym-policy-check a{font-weight:700;color:#333}
.sym-newsletter-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}
.sym-newsletter-actions button{border:0;background:transparent;padding:9px 14px;border-radius:3px;color:var(--green);font:600 12px/1 Roboto,Arial,sans-serif}
.sym-newsletter-actions button[type=submit]{background:var(--green);color:#fff}
.sym-newsletter-x{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:20px;color:#18242f}
.sym-newsletter-status{min-height:16px;margin:0;font:400 11px/1.25 Roboto,Arial,sans-serif}.sym-newsletter-status.is-error{color:#a00}

@media(max-height:760px){
 .sym-landing-card{padding-top:25px}
 .sym-landing-hero{margin-bottom:27px}
 .sym-landing-intro{margin-bottom:25px}
 .sym-principles{row-gap:9px;margin-bottom:25px}
 .sym-flow{margin-bottom:27px}
 .sym-flow-copy{margin-bottom:25px}
 .sym-landing-pair{margin-bottom:24px}
 .sym-grow{margin-bottom:25px}
}

/* 1.5.10 – approved white CTA labels. */
.sym-project-links .sym-manifest,
.sym-project-links .sym-manifest:link,
.sym-project-links .sym-manifest:visited,
.sym-project-links .sym-manifest:hover,
.sym-project-links .sym-manifest:active,
.sym-project-links .sym-explore,
.sym-project-links .sym-explore:link,
.sym-project-links .sym-explore:visited,
.sym-project-links .sym-explore:hover,
.sym-project-links .sym-explore:active{color:#fff!important}