/* Chuckleberry public landing page: dark fantasy, product-first, and unmistakably Chuckleberry. */
:root{
  --public-bg:#0b0d0c;
  --public-surface:#151715;
  --public-surface-2:#20231f;
  --public-ink:#f4eee4;
  --public-muted:#b9ad9d;
  --public-line:rgba(201,154,67,.24);
  --public-gold:#c99a43;
  --public-gold-2:#edc978;
  --public-berry:#6f294c;
  --public-berry-2:#a94f78;
  --public-berry-soft:#d89ab8;
  --public-forest:#355f4b;
  --public-teal:#32636a;
}
html{color-scheme:dark}
body.public-site{
  background:
    radial-gradient(circle at 8% -6%,rgba(111,41,76,.28),transparent 30%),
    radial-gradient(circle at 92% 6%,rgba(50,99,106,.18),transparent 28%),
    radial-gradient(circle at 48% 105%,rgba(53,95,75,.16),transparent 35%),
    linear-gradient(145deg,#090b0a,#0e110f 52%,#0a0c0b);
  color:var(--public-ink);
}
body.public-site:before{opacity:.16;background-image:radial-gradient(rgba(237,201,120,.13) .65px,transparent .65px);background-size:7px 7px;mix-blend-mode:normal}
.public-header{
  min-height:76px;
  border-bottom:1px solid rgba(201,154,67,.24);
  background:linear-gradient(90deg,rgba(20,13,18,.98),rgba(11,16,14,.98) 62%,rgba(10,14,13,.98));
  box-shadow:0 10px 34px rgba(0,0,0,.38);
}
.public-brand{display:flex;align-items:center;padding:.2rem .35rem;border-radius:12px}
.public-brand img{width:174px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.42))}
.public-nav a{color:#d4c8b8}.public-nav a:hover,.public-nav a:focus-visible,.public-nav a.active{color:#fff3df;border-color:var(--public-berry-2)}
.public-nav .public-signin-primary{font-weight:900;color:#fff8ee!important;background:linear-gradient(135deg,#8b365f,#642442)!important;border:1px solid #a85c7e!important;box-shadow:0 8px 22px rgba(83,29,56,.34)!important}
.public-nav .public-signin-primary:hover,.public-nav .public-signin-primary:focus-visible{background:linear-gradient(135deg,#9a406a,#72294d)!important;color:#fff!important;border-color:#c47798!important}
.public-button{border-color:rgba(201,154,67,.3);background:rgba(255,255,255,.025);color:var(--public-ink);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.public-button:hover,.public-button:focus-visible{background:rgba(169,79,120,.09);border-color:rgba(169,79,120,.7);box-shadow:0 14px 32px rgba(0,0,0,.3)}
.public-button-primary{border-color:#b97895;background:linear-gradient(135deg,#8b365f,#642442 58%,#3f533f);color:#fff9f3;box-shadow:0 10px 26px rgba(91,29,57,.34),inset 0 1px rgba(255,255,255,.12)}
.public-button-gold{border-color:#d2a550;background:linear-gradient(135deg,#d0a24b,#a9762e);color:#17100a}
.public-button-dark{border-color:rgba(201,154,67,.35);background:rgba(7,9,8,.7);color:#f7ead5}
.header-cta{min-width:174px}
.header-campaign-cta{border-color:rgba(201,154,67,.36)!important;background:rgba(201,154,67,.06)!important;color:#e7d9c6!important;box-shadow:none!important;font-weight:800}
.header-campaign-cta:hover,.header-campaign-cta:focus-visible{background:rgba(201,154,67,.1)!important;border-color:rgba(237,201,120,.6)!important;color:#fff0d6!important}
.public-signin-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:.55rem 1rem!important;border-radius:10px}

.public-hero{
  min-height:760px;
  grid-template-columns:minmax(320px,.82fr) minmax(520px,1.18fr);
  gap:clamp(2rem,5vw,6rem);
  padding-top:clamp(4rem,7vw,7rem);
  background:
    linear-gradient(90deg,rgba(9,11,10,.98) 0%,rgba(9,11,10,.86) 42%,rgba(9,11,10,.18) 74%,rgba(9,11,10,.45) 100%),
    radial-gradient(circle at 76% 20%,rgba(111,41,76,.22),transparent 30%),
    linear-gradient(180deg,#0d100e,#090b0a);
  isolation:isolate;
}
.public-hero:before{content:"";inset:0;left:0;bottom:0;transform:none;font:inherit;background:linear-gradient(180deg,transparent 65%,rgba(201,154,67,.06));border-bottom:1px solid rgba(201,154,67,.16);z-index:-1}
.public-hero:after{content:"✦";right:3%;top:7%;font:180px Georgia,serif;color:rgba(169,79,120,.035);transform:none}
.public-kicker{color:var(--public-berry-soft)}
.hero-copy{max-width:680px}
.hero-copy h1{color:#fff6e9;font-size:clamp(3.5rem,6.3vw,6.6rem);line-height:.9;text-shadow:0 10px 38px rgba(0,0,0,.45)}
.hero-copy h1 em{color:var(--public-berry-soft);text-shadow:0 0 32px rgba(169,79,120,.2)}
.hero-lede{max-width:620px;color:#cfc3b4;font:clamp(1.02rem,1.4vw,1.24rem)/1.72 Inter,ui-sans-serif,system-ui,sans-serif}
.hero-callout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:.65rem;margin-top:1.7rem}
.hero-callout-auth-first{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)}
.hero-callout .public-button{min-height:62px;justify-content:flex-start;padding:.85rem 1.1rem;border-radius:12px;text-align:left}
.hero-callout strong,.hero-callout small{display:block}.hero-callout strong{font-family:Georgia,serif;font-size:1.06rem}.hero-callout small{margin-top:2px;color:rgba(255,255,255,.66);font-size:.73rem;font-weight:600}.hero-callout .public-button-primary{box-shadow:0 0 0 1px rgba(169,79,120,.18),0 14px 34px rgba(79,25,51,.36)}
.hero-campaign-cta{border-color:rgba(201,154,67,.32);background:rgba(255,255,255,.035);color:#e8ddce;box-shadow:none}
.hero-campaign-cta small{color:#9f9486!important}.hero-campaign-cta:hover,.hero-campaign-cta:focus-visible{background:rgba(201,154,67,.06);border-color:rgba(201,154,67,.52)}
.public-auth-note{color:#938979;font-size:.78rem}

.hero-product-stage{position:relative;z-index:3;min-height:610px;perspective:1500px}
.product-shot{position:absolute;margin:0;border:1px solid rgba(201,154,67,.35);border-radius:18px;overflow:hidden;background:#090b0a;box-shadow:0 34px 80px rgba(0,0,0,.5),0 0 0 1px rgba(169,79,120,.08)}
.product-shot img{display:block;width:100%;height:100%;object-fit:cover}
.product-shot figcaption{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(201,154,67,.25);border-radius:999px;background:rgba(8,10,9,.78);backdrop-filter:blur(10px);color:#eee0cd;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.product-shot-main{width:82%;height:64%;right:1%;top:1%;transform:rotateY(-4deg) rotateZ(.8deg)}
.product-shot-table{width:60%;height:36%;right:4%;bottom:1%;transform:rotateY(-5deg) rotateZ(-1.4deg);z-index:2}
.product-shot-phone{width:24%;height:58%;left:0;bottom:4%;transform:rotateY(5deg) rotateZ(-2.5deg);z-index:4;border-radius:28px}
.product-shot-phone img{object-position:center top}
.hero-glow{position:absolute;inset:12% 7% 8% 11%;z-index:-1;background:radial-gradient(circle at 50% 45%,rgba(169,79,120,.22),transparent 52%),radial-gradient(circle at 70% 60%,rgba(50,99,106,.15),transparent 55%);filter:blur(24px)}

.entry-section{padding-top:3rem;padding-bottom:3rem;background:#0a0c0b;border-block:1px solid rgba(201,154,67,.14)}
.entry-choice-grid{max-width:1280px}.entry-choice{border:1px solid rgba(201,154,67,.22)!important;background:linear-gradient(145deg,rgba(27,30,27,.86),rgba(14,17,15,.94))!important;color:var(--public-ink)!important;box-shadow:0 16px 36px rgba(0,0,0,.2)}
.entry-choice:hover{border-color:rgba(169,79,120,.55)!important;transform:translateY(-2px)}
.entry-choice-primary{border-color:rgba(169,79,120,.68)!important;background:linear-gradient(145deg,rgba(76,27,55,.48),rgba(24,31,27,.94))!important;box-shadow:0 16px 38px rgba(70,20,46,.24)!important}
.entry-choice strong{color:#fff0de!important}.entry-choice small{color:var(--public-muted)!important}

.experience-section,.systems-section,.manifesto{background:linear-gradient(180deg,#0e110f,#0b0d0c);color:var(--public-ink)}
.section-heading p:not(.public-kicker),.systems-copy p,.manifesto p{color:var(--public-muted)}
.section-heading h2,.systems-copy h2,.manifesto h2{color:#fff3e3}
.experience-grid{max-width:1320px;gap:1rem}
.experience-grid article{padding:0;overflow:hidden;text-align:left;border:1px solid rgba(201,154,67,.24);border-radius:18px;background:linear-gradient(145deg,rgba(28,31,28,.94),rgba(13,16,14,.96));box-shadow:0 22px 48px rgba(0,0,0,.26)}
.experience-grid article>img{display:block;width:100%;height:250px;object-fit:cover;border-bottom:1px solid rgba(201,154,67,.18)}
.experience-grid article:nth-child(3)>img{object-position:center 18%}
.experience-copy{padding:1.2rem 1.35rem 1.4rem}.experience-grid h3{margin:0 0 .2rem;color:#fff0de}.experience-grid small{color:var(--public-berry-soft)}.experience-grid p{color:var(--public-muted)}
.dark-section{background:linear-gradient(145deg,#111512,#171410);border-block:1px solid rgba(201,154,67,.14)}
.feature-grid{border-color:rgba(201,154,67,.2)}.feature-grid article{border-color:rgba(201,154,67,.2)}
.system-grid article{border-color:rgba(201,154,67,.22);background:rgba(255,255,255,.02)}.system-grid b{color:var(--public-berry-soft)}.system-grid p{color:var(--public-muted)}
.manifesto{background:linear-gradient(145deg,#121411,#17120f)}.manifesto strong{color:var(--public-gold-2)}
.closing-cta{background:linear-gradient(120deg,#4f1e3a,#69294e 55%,#30493b);border-block-color:#9a6a35}
.public-footer{border-top:1px solid rgba(201,154,67,.16);background:#090b0a}

@media(max-width:1080px){
  .public-header{grid-template-columns:auto 1fr}.public-nav{display:none}.header-cta{justify-self:end}
  .public-hero{grid-template-columns:1fr;padding-top:4rem}.hero-copy{max-width:780px}.hero-product-stage{min-height:590px;margin-top:.5rem}
  .product-shot-main{width:77%}.product-shot-table{width:63%}.product-shot-phone{width:24%}
}
@media(max-width:760px){
  .public-header{gap:.6rem;padding-inline:.8rem}.public-brand img{width:146px}.header-cta{min-width:auto;min-height:44px;padding:.65rem .8rem;font-size:.78rem}
  .public-hero{min-height:auto;padding:3rem 1rem 2.5rem}.hero-copy h1{font-size:clamp(3.15rem,16vw,5rem)}.hero-lede{font-size:1rem}.hero-callout{grid-template-columns:1fr}.hero-callout .public-button{min-height:56px}
  .hero-product-stage{min-height:470px}.product-shot-main{width:92%;height:54%;right:0}.product-shot-table{width:76%;height:32%;right:0;bottom:3%}.product-shot-phone{width:27%;height:54%;left:0;bottom:5%}
  .experience-grid{grid-template-columns:1fr}.experience-grid article>img{height:auto;max-height:360px}.entry-choice-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .public-brand img{width:128px}.header-cta span{display:none}.header-cta{font-size:.72rem}.hero-product-stage{min-height:390px}.product-shot-main{height:52%}.product-shot-table{height:28%}.product-shot-phone{width:29%;height:49%}.product-shot figcaption{display:none}
}
@media(prefers-reduced-motion:reduce){.public-button,.entry-choice{transition:none!important}.public-button:hover,.entry-choice:hover{transform:none!important}}