/* RC7 public components; shared tokens live in design-tokens.css. */

html,body{background:#101113;color:var(--text)}
::selection{background:#ff7b3f55;color:#fff}
body{overflow-x:clip}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange-pale);outline-offset:3px;box-shadow:0 0 0 5px #ff7b3f30}
.public-nav{border-color:#303238;background:#121316}
.wordmark{color:#fff8f2}
.wordmark b,.eyebrow,.public-image-label{color:var(--orange-soft)}
.brand-mark{border-color:#ffad7070;background:linear-gradient(145deg,#ffb56c,#ff7b3f 65%,#e95f30);box-shadow:0 7px 24px #ff7b3f38,inset 0 1px #fff9}
.public-nav>div a{color:#e8e4df;transition:color .18s ease}
.public-nav>div a:hover{color:#ffb278}
.public-nav .nav-login{border-color:#494c52;background:#1d1f23}
.public-hero{border-color:#41444b;background:#191b1f;box-shadow:inset 0 1px #ffffff0b,0 22px 60px #0005}
.public-hero:before{background:linear-gradient(90deg,#111214f5 5%,#171819c9 48%,#17181925),url('images/story-alley.png') center/cover}
.public-hero:after{box-shadow:inset 0 1px #ffffff16,0 0 0 1px #ffffff03}
.public-hero h1,.public-hero-copy h1,.feature-heading{color:#fff8f2}
.public-hero-copy p,.public-hero p:not(.eyebrow),.craft-intro p{color:#d0cbc5}
.hero-topics span,.hero-links a,.feature-art,.sequence-art,.lens-art,.sound-art{border-color:#3d4148}
.hero-topics span{background:#1c1e22;color:#e6e1db}
.hero-links a.cta,.cta,.button-primary,.login .button-primary{
  color:#21140d;background:linear-gradient(120deg,#ffb064,#ff7b3f 60%,#f35c2d);
  border:1px solid #ffad70;border-radius:13px;box-shadow:inset 0 1px #fff9,0 9px 24px #e85c2c3b;font-weight:750
}
.hero-links a.cta:hover,.cta:hover,.button-primary:hover,.login .button-primary:hover{background:linear-gradient(120deg,#ffc27e,#ff8d4c 60%,#ff7040);box-shadow:inset 0 1px #fff9,0 12px 30px #ff6c3b55;transform:translateY(-1px)}
.public-grid article,.feature-art,.content-page,.craft-intro,.login-box,.baaai-entry,.baaai-package-list{
  background:linear-gradient(145deg,#202227,#181a1e 76%);border-color:#393c43;color:#f4efe9;
  box-shadow:inset 0 1px #ffffff08,0 12px 34px #0003
}
.public-grid article h2,.public-grid article h3,.feature-heading{color:#fff6ee}
.public-grid article p,.public-grid article small,.content-page p{color:#c3bfba}
.feature-number{color:#ffad70}
.login{background:#101113;color:#f5f1ed}
.login-box input,.login-box select,.login-box textarea,.input,.input-text{background:#191b1f;border-color:#494c53;color:#f6f3ef;border-radius:10px}
.login-box input:focus,.login-box select:focus,.login-box textarea:focus,.input:focus,.input-text:focus{border-color:#ff995d;box-shadow:0 0 0 3px #ff7b3f27}
.message{background:#24262b;border-color:#454951;color:#eee7df}
.woocommerce,.woocommerce-page{color:#f4efe9}
.woocommerce table.shop_table,.shop_table{background:#1b1d21;border-color:#3d4149;color:#eee8e1}
.woocommerce table.shop_table th,.shop_table th{color:#ffad70}
.woocommerce input,.woocommerce select,.woocommerce textarea{background:#191b1f;border-color:#494c53;color:#f5f1ed}
.woocommerce a.button,.woocommerce button.button,.woocommerce #payment #place_order{color:#21140d;background:linear-gradient(120deg,#ffb064,#ff7b3f 60%,#f35c2d);border-color:#ffad70;border-radius:11px;box-shadow:inset 0 1px #fff8,0 7px 20px #e85c2c33}
.public-footer{border-color:#34373d;background:#121316;color:#c5c1bc}
@media(max-width:760px){
  .public-nav{background:#121316ed;backdrop-filter:blur(14px)}
  .public-hero{padding-inline:clamp(18px,5vw,32px)}
  .public-grid{gap:14px}
}
@media(max-width:420px){.public-nav{gap:12px;padding-inline:16px}.wordmark{font-size:20px}.public-hero{border-radius:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}

/* Public and account flows share the studio's readable controls. */
.public-nav{gap:20px}.public-nav a,.hero-links a{min-height:44px;display:inline-flex;align-items:center}
.hero-links a:not(.cta){background:var(--bm-panel);color:var(--bm-text);border:1px solid var(--bm-border);border-radius:13px;padding:12px 18px;box-shadow:none}
.public-hero-copy .eyebrow{font-size:13px}.public-hero-copy p{font-size:17px;line-height:1.9}
.public-workflow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0;list-style:none;margin:24px 0 40px}
.public-workflow li{padding:16px;border:1px solid var(--bm-border);border-radius:14px;background:var(--bm-panel);font-size:14px;line-height:1.8}
.public-workflow b{display:block;color:var(--bm-soft);font-size:24px}.public-workflow small{display:block;color:var(--bm-muted);margin-top:6px;font-size:12px}
.public-grid article p,.public-grid article small{font-size:14px;line-height:1.85}.public-grid article small{color:var(--bm-muted)}
.login-box input,.login input,.woocommerce input,.woocommerce select{font-size:16px;min-height:44px}.login form{background:var(--bm-panel);color:var(--bm-text);border-color:var(--bm-border);border-radius:16px}.login label{color:var(--bm-muted)}
.login #nav a,.login #backtoblog a,.login .privacy-policy-page-link a{color:var(--bm-focus)}
.woocommerce a.button,.woocommerce button.button{min-height:44px;line-height:1.6}.woocommerce form .form-row label{color:var(--bm-text)}
.woocommerce #payment,.woocommerce #payment div.payment_box{background:var(--bm-panel);color:var(--bm-text);border-color:var(--bm-border)}
@media(max-width:1000px){.public-workflow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.public-workflow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.public-nav{flex-wrap:wrap;gap:8px;padding:14px 16px}.public-nav>div{display:flex;gap:16px;flex-wrap:wrap}.public-nav>div a{font-size:13px}.public-hero-copy p{font-size:15px}.public-hero h1{font-size:clamp(30px,8vw,46px)}.hero-links{flex-wrap:wrap}.hero-links a{width:100%;justify-content:center}.public-grid{grid-template-columns:1fr}.login-box{padding:20px 16px}}