:root{--bg:#090b0e;--card:#11151b;--line:#262d36;--text:#f6f7f8;--muted:#9aa3ad;--orange:#ff7627;--orange2:#ff9a28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #1b2027;position:sticky;top:0;background:#090b0ef2;backdrop-filter:blur(12px);z-index:5}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:950;font-size:25px;letter-spacing:-1px}.brand span span,.panel-head b span{color:var(--orange)}.peach{font-size:30px}nav{display:flex;align-items:center;gap:28px}nav a,footer a{color:#bac1c8;text-decoration:none;font-size:14px}.ghost,.small-cta,.cta{border:0;cursor:pointer;font-weight:850}.ghost{background:transparent;color:white}.small-cta{background:var(--orange);color:#111;padding:11px 17px;border-radius:9px}.hero{min-height:670px;padding:105px 7vw 60px;background:radial-gradient(circle at 78% 38%,#3c1b0d 0,transparent 31%),linear-gradient(180deg,#090b0e,#0b0d10);position:relative;overflow:hidden}.hero:after{content:'🍑';position:absolute;right:7vw;top:95px;font-size:330px;filter:saturate(1.2);opacity:.92;transform:rotate(-7deg)}.eyebrow,.kicker{color:var(--orange);font-size:13px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(58px,8vw,116px);line-height:.87;letter-spacing:-6px;margin:22px 0 25px;max-width:900px}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:23px;color:#c5cbd1;max-width:640px;line-height:1.45}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:35px}.cta{background:linear-gradient(90deg,var(--orange),var(--orange2));color:#111;padding:17px 24px;border-radius:10px;font-size:15px}.hero-actions span{color:#7f8994;font-size:13px}.usecases{position:absolute;bottom:38px;display:flex;gap:14px;flex-wrap:wrap;color:#707983;font-size:12px;font-weight:800;letter-spacing:1px}.usecases i,.ticker i{color:var(--orange)}.demo{padding:110px 7vw;display:grid;grid-template-columns:1fr 60px 1.25fr;gap:28px;align-items:center}.step{display:inline-grid;place-items:center;border:1px solid var(--orange);color:var(--orange);width:36px;height:36px;border-radius:50%;font-weight:900}.demo h2,.section-title h2,.features h2,.pricing h2,.final h2{font-size:48px;line-height:1;margin:20px 0}.demo h2 b,.section-title b,.features h2 b,.final h2 b{color:var(--orange)}.demo-copy>p,.pricing>div>p{color:var(--muted);font-size:18px;line-height:1.5;max-width:520px}.message{margin-top:34px;background:#1b2028;padding:18px 22px;border-radius:18px;max-width:420px}.message small{color:#8c96a0}.message div{font-size:20px;margin-top:8px}.arrow{font-size:40px;color:var(--orange)}.panel{background:#0d1116;border:1px solid #33404d;border-radius:18px;padding:24px;box-shadow:0 25px 80px #000}.panel-head{display:flex;justify-content:space-between;font-size:28px;margin-bottom:25px}.panel label{display:block;font-size:11px;font-weight:900;color:#9ba5af;margin:18px 0 9px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{border:1px solid #39424e;background:#151a21;color:#e8ebee;border-radius:20px;padding:9px 12px}.chips button.active{background:var(--orange);border-color:var(--orange);color:#111;box-shadow:0 0 20px #ff762755}.level{display:grid;grid-template-columns:auto 1fr 25px;gap:14px;align-items:center;margin:26px 0 18px;font-size:11px;font-weight:800}.bar{height:6px;background:#333b45;border-radius:9px}.bar i{display:block;width:88%;height:100%;background:var(--orange);border-radius:9px}.level strong{font-size:24px}.smartass{width:100%;padding:15px;border:0;border-radius:10px;background:var(--orange);font-weight:950;font-size:17px}.results{padding:80px 7vw 120px;background:#0c0f13}.section-title{text-align:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1180px;margin:55px auto 0}.cards article{background:#12171d;border:1px solid #2c343e;border-radius:15px;padding:26px;min-height:220px}.cards article.featured{border-color:var(--orange);box-shadow:0 0 35px #ff762725;transform:translateY(-10px)}.cards small{color:var(--orange);font-weight:900}.cards p{font-size:21px;line-height:1.4}.cards button{background:transparent;color:#b9c0c7;border:0;padding:0;font-weight:800}.features{padding:120px 7vw}.features>div:first-child{max-width:700px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:50px}.feature-grid article{background:#101419;border:1px solid #232a32;border-radius:16px;padding:28px}.feature-grid article>span{font-size:26px}.feature-grid h3{font-size:21px;margin-bottom:8px}.feature-grid p{color:#939da7;line-height:1.55}.everywhere{padding:100px 0;text-align:center;overflow:hidden;background:var(--orange);color:#111}.everywhere .kicker{color:#5d2a0a}.everywhere h2{font-size:55px;margin:15px}.ticker{white-space:nowrap;font-size:23px;font-weight:950;word-spacing:16px;margin-top:45px}.ticker i{color:white}.pricing{padding:120px 7vw;display:grid;grid-template-columns:1fr 470px;gap:70px;align-items:center}.price-card{background:#11161c;border:1px solid #303844;border-radius:20px;padding:32px}.price-top{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #292f37;padding-bottom:24px}.price-top>span{font-weight:950;font-size:21px}.price-top b{font-size:43px;color:var(--orange)}.price-top small{font-size:14px;color:#929ba5}.price-card ul{list-style:none;padding:15px 0;line-height:2;color:#d5dae0}.credit-note{background:#191f26;color:#909aa4;border-radius:9px;padding:13px;margin-bottom:20px;font-size:13px}.price-card .cta{width:100%}.final{text-align:center;padding:120px 5vw;background:radial-gradient(circle at center,#3c1b0d,transparent 42%)}.peach-big{font-size:90px}.final h2{font-size:50px}.final p{color:#9ba4ad;font-size:20px}.url{margin-top:38px;font-weight:950;letter-spacing:5px;color:#707982}footer{border-top:1px solid #1e242b;padding:35px 5vw;display:flex;align-items:center;justify-content:space-between;color:#707982;font-size:12px}footer>div{display:flex;gap:20px}@media(max-width:900px){nav a{display:none}.hero:after{font-size:210px;opacity:.2;right:-40px}.hero h1{letter-spacing:-3px}.demo{grid-template-columns:1fr}.arrow{transform:rotate(90deg);text-align:center}.cards{grid-template-columns:1fr}.cards article.featured{transform:none}.feature-grid{grid-template-columns:1fr}.pricing{grid-template-columns:1fr}.price-card{max-width:520px}.usecases{position:static;margin-top:70px}.hero{padding-bottom:40px}.final h2,.demo h2,.section-title h2,.features h2,.pricing h2{font-size:38px}}@media(max-width:560px){header{padding:0 18px}.brand{font-size:20px}.small-cta{padding:9px 12px}.hero{padding:75px 22px 40px;min-height:auto}.hero h1{font-size:54px}.lead{font-size:19px}.hero-actions{align-items:flex-start;flex-direction:column}.demo,.results,.features,.pricing{padding:75px 22px}.cards p{font-size:18px}.everywhere h2{font-size:38px}.ticker{font-size:17px}.final{padding:80px 22px}.final h2{font-size:34px}footer{gap:20px;flex-wrap:wrap}}

/* v2 brand lock: orange ass + green leaves on black */
.brand-logo{height:58px;overflow:hidden;display:flex;align-items:center;width:255px}
.brand-logo img{width:255px;height:auto;display:block}
.hero-logo{display:none}
.final-logo{width:min(720px,90vw);margin:0 auto 18px;overflow:hidden}
.final-logo img{display:block;width:100%;height:auto}
.footer-logo{height:46px;width:205px}.footer-logo img{width:205px}
@media(max-width:560px){.brand-logo{width:175px;height:48px}.brand-logo img{width:175px}.footer-logo{width:165px}.footer-logo img{width:165px}}
/* v3 interactive playground */
.hero:after{display:none}.hero-ass{position:absolute;right:8vw;top:118px;width:310px;height:330px;opacity:.96}.ass-shape{position:absolute;bottom:8px;left:23px;width:265px;height:255px;border:18px solid var(--orange);border-top-width:16px;border-radius:48% 48% 55% 55%;transform:rotate(-2deg);filter:drop-shadow(0 0 22px #ff762730)}.ass-shape:before{content:'';position:absolute;left:50%;top:-10px;width:17px;height:178px;background:var(--bg);border-left:8px solid var(--orange);border-radius:50%;transform:translateX(-50%) rotate(1deg)}.ass-shape i{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ff9a28 0,#ff7627 56%,#e4510c 100%);z-index:-1}.leaf{position:absolute;top:4px;width:105px;height:57px;background:linear-gradient(135deg,#507b31,#1f4e28);border-radius:100% 0 100% 0;z-index:2}.l1{left:58px;transform:rotate(20deg)}.l2{right:57px;transform:scaleX(-1) rotate(20deg)}
.playground{padding:105px 7vw 120px;background:#0c0f13}.play-title{text-align:center;max-width:780px;margin:0 auto 55px}.play-title h2,.suggest h2{font-size:52px;margin:15px 0 12px}.play-title h2 b,.suggest h2 b{color:var(--orange)}.play-title p{color:var(--muted);font-size:18px}.flow{display:grid;grid-template-columns:minmax(300px,.85fr) 55px minmax(390px,1.2fr);gap:24px;align-items:center;max-width:1200px;margin:auto}.stage-label{font-size:12px;font-weight:900;letter-spacing:1.4px;color:#9aa3ad;margin-bottom:13px}.stage-label span{display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid var(--orange);border-radius:50%;color:var(--orange);margin-right:8px}.facebook-card{background:#f4f5f7;color:#15171a;border-radius:14px;padding:18px;box-shadow:0 22px 60px #0006}.fb-top{display:flex;align-items:center;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;background:#536b91;color:white;display:grid;place-items:center;font-weight:900}.fb-top div:nth-child(2){display:flex;flex-direction:column;gap:2px}.fb-top small{color:#68717b}.dots{margin-left:auto;color:#68717b}.facebook-card>p{font-size:19px;line-height:1.42;margin:19px 0 25px}.fb-react{border-bottom:1px solid #d6d9dd;padding-bottom:10px;color:#59636e;font-size:13px}.fb-actions{display:flex;justify-content:space-around;padding-top:11px;color:#5b6570;font-weight:700;font-size:13px}.grab,.next-post{width:100%;border:0;border-radius:10px;padding:14px;margin-top:13px;font-weight:950;cursor:pointer}.grab{background:var(--orange);color:#111}.next-post{background:#171c22;color:#aab2ba;border:1px solid #2e3640}.transfer{font-size:43px;color:var(--orange);text-align:center;transition:.35s}.transfer.fly{transform:translateX(10px) scale(1.3);text-shadow:0 0 18px var(--orange)}.smart-panel{background:#0d1116;border:1px solid #33404d;border-radius:18px;padding:24px;box-shadow:0 25px 80px #000}.source-box{min-height:70px;border:1px solid #343d47;background:#151a20;border-radius:10px;padding:13px;color:#e4e8eb;line-height:1.4}.source-box span{color:#69737e}.smart-panel label{display:block;font-size:11px;font-weight:900;color:#9ba5af;margin:17px 0 8px}.smart-panel label small{font-weight:500;color:#68717b;margin-left:5px}.smart-panel .level input{width:100%;accent-color:var(--orange)}.comparison{max-width:1050px;margin:58px auto 0}.compare-grid{display:grid;grid-template-columns:1fr 54px 1fr;align-items:stretch}.compare-grid article{border-radius:16px;padding:25px;min-height:175px}.compare-grid small{font-weight:900;letter-spacing:1px}.compare-grid p{font-size:22px;line-height:1.4}.almost{background:#11161b;border:1px solid #293039;color:#939ca5}.winner{background:#13181e;border:1px solid var(--orange);box-shadow:0 0 32px #ff76271e}.winner small{color:var(--orange)}.vs{display:grid;place-items:center;color:#59636e;font-weight:950}.result-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#77818b;font-size:11px;font-weight:900}.result-meta button{background:transparent;border:0;color:var(--orange);font-weight:900;cursor:pointer}.suggest{padding:105px 7vw;background:#101419;display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center}.suggest>div{max-width:760px}.suggest p{color:var(--muted);font-size:18px;line-height:1.55}.suggest-btn{background:transparent;border:1px solid var(--orange);color:var(--orange);padding:16px 22px;border-radius:10px;font-weight:950;cursor:pointer}.suggest-form{grid-column:1/-1;max-width:900px;width:100%;margin:auto;background:#0b0e12;border:1px solid #2e3741;border-radius:16px;padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.suggest-form label{display:block;color:#929ca6;font-size:11px;font-weight:900;margin:10px 0}.suggest-form input,.suggest-form select,.suggest-form textarea{display:block;width:100%;margin-top:8px;background:#151a20;border:1px solid #343d47;border-radius:9px;color:white;padding:12px;font:inherit;font-size:15px}.suggest-form textarea{min-height:85px;resize:vertical}.form-note{font-size:12px!important;color:#66717b!important;text-align:center;margin-bottom:0}.suggest-form.sent{border-color:#3c7b4a}.flash{animation:flash .55s ease}@keyframes flash{50%{box-shadow:0 0 35px #ff762766;border-color:var(--orange)}}
@media(max-width:900px){.hero-ass{opacity:.16;right:-50px;top:150px}.flow{grid-template-columns:1fr}.transfer{transform:rotate(90deg)}.transfer.fly{transform:rotate(90deg) translateX(10px) scale(1.3)}.compare-grid{grid-template-columns:1fr}.vs{padding:10px}.suggest{grid-template-columns:1fr}.suggest-btn{justify-self:start}}@media(max-width:560px){.playground,.suggest{padding:75px 22px}.play-title h2,.suggest h2{font-size:38px}.flow{display:block}.transfer{margin:20px}.smart-panel{padding:18px}.compare-grid article{padding:20px}.compare-grid p{font-size:18px}.form-row{grid-template-columns:1fr}.hero-ass{display:none}}
/* v4 refinement pass */
.hero .eyebrow{font-size:clamp(19px,1.55vw,25px);line-height:1.25;letter-spacing:3px;max-width:900px}
.hero h1{font-size:clamp(52px,7vw,102px);line-height:.9}
.usecases{font-size:14px;gap:17px;letter-spacing:1.4px}
.hero-ass{right:5.5vw;top:105px;width:min(31vw,440px);height:auto;opacity:1}
.hero-ass img{display:block;width:100%;height:auto;object-fit:contain}
.ass-shape,.hero-ass>.leaf{display:none}
.social-card{background:#f4f5f7;color:#15171a;border-radius:14px;padding:18px;box-shadow:0 22px 60px #0006}
.social-top{display:flex;align-items:center;gap:10px}.social-top div:nth-child(2){display:flex;flex-direction:column;gap:2px}.social-top small{color:#68717b}
.social-card>p{font-size:19px;line-height:1.42;margin:19px 0 25px}.social-react{border-bottom:1px solid #d6d9dd;padding-bottom:10px;color:#59636e;font-size:13px}.social-actions{display:flex;justify-content:space-around;padding-top:11px;color:#5b6570;font-weight:800;font-size:13px}
.reply-length{margin:20px 0 18px}.reply-length>span{display:block;font-size:11px;font-weight:900;color:#9ba5af;margin-bottom:9px}.length-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.length-buttons button{min-height:38px;border:1px solid #39424e;background:#151a21;color:#e8ebee;border-radius:9px;font-weight:900;cursor:pointer}.length-buttons button.active{background:var(--orange);border-color:var(--orange);color:#111}
@media(max-width:900px){.hero-ass{opacity:.16;right:-35px;top:145px;width:330px}.usecases{font-size:13px}}
@media(max-width:560px){.hero .eyebrow{font-size:17px;letter-spacing:2px}.hero h1{font-size:50px}.usecases{font-size:12px}.hero-ass{display:none}}
/* v5 review pass */
.stage-label{font-size:16px;letter-spacing:1.7px;margin-bottom:18px}.stage-label span{width:42px;height:42px;font-size:16px;margin-right:12px}
.feature-grid p{font-size:18px;line-height:1.62}
.suggest{display:block}.suggest>div{max-width:980px}.suggest .kicker{font-size:18px}.suggest h2{font-size:clamp(44px,5.2vw,76px);margin:18px 0}.suggest p{font-size:clamp(18px,1.5vw,24px);max-width:1050px}.suggest-btn{display:block;margin-top:26px}.suggest-form{margin:28px 0 0}
.everywhere .kicker{font-size:18px;letter-spacing:2.4px}
.three-ways{padding:105px 7vw;background:#0c0f13}.three-ways h2{font-size:clamp(42px,5vw,70px);line-height:1;margin:18px 0}.three-ways h2 b{color:var(--orange)}.three-ways>p{color:var(--muted);font-size:20px;line-height:1.55;max-width:900px}.angle-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.angle-cards article{background:#11161c;border:1px solid #2b333d;border-radius:16px;padding:24px}.angle-cards article:nth-child(2){border-color:var(--orange)}.angle-cards small{color:var(--orange);font-weight:950;letter-spacing:1.5px}.angle-cards p{font-size:19px;line-height:1.45}
@media(max-width:900px){.angle-cards{grid-template-columns:1fr}.stage-label{font-size:15px}.stage-label span{width:38px;height:38px}.suggest .kicker,.everywhere .kicker{font-size:16px}}
/* v6 locked polish */
.suggest{display:grid;grid-template-columns:minmax(0,980px) auto;column-gap:70px;align-items:center}
.suggest>div{max-width:980px}
.suggest .kicker{font-size:clamp(18px,1.5vw,24px);letter-spacing:2.4px}
.suggest h2{font-size:clamp(42px,4.6vw,68px);margin:20px 0 24px}
.suggest p{font-size:clamp(18px,1.5vw,24px);max-width:1050px}
.suggest-btn{display:block;margin:0;justify-self:start;transform:translateX(-34px)}
.suggest-form{grid-column:1/-1;margin:28px 0 0}
.pricing>div>p strong{color:#f6f7f8}
@media(max-width:1100px){.suggest{grid-template-columns:1fr auto;column-gap:28px}.suggest-btn{transform:none}}
@media(max-width:900px){.suggest{grid-template-columns:1fr}.suggest-btn{margin-top:24px;transform:none}.suggest .kicker{font-size:18px}.suggest h2{font-size:44px}}

/* SMARTASSR homepage v7: corrected 7 AM demo interpretation; v6 layout retained. */

/* v8 everywhere strip: keep choices on one line, punchline underneath */
.ticker{white-space:normal;font-size:clamp(17px,1.65vw,22px);word-spacing:10px;margin:38px auto 0;padding:0 5vw;max-width:1500px}
.copy-anything{margin-top:18px;font-size:clamp(16px,1.55vw,21px);font-weight:950;letter-spacing:1.4px}
@media(max-width:700px){.ticker{line-height:1.85;word-spacing:5px;padding:0 22px}.copy-anything{margin-top:12px;padding:0 22px;line-height:1.3}}

/* v9 — integrated access + locked credit structure */
.where-you-reply{padding:115px 7vw;background:#0b0e12;border-top:1px solid #1d232a;border-bottom:1px solid #1d232a}.where-copy{max-width:850px}.where-you-reply h2{font-size:clamp(42px,5vw,68px);line-height:.98;margin:18px 0}.where-you-reply h2 b{color:var(--orange)}.where-copy>p{color:var(--muted);font-size:19px;line-height:1.6;max-width:820px}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.access-grid article{background:#11161c;border:1px solid #2b333d;border-radius:16px;padding:26px}.access-grid article:first-child{border-color:var(--orange);box-shadow:0 0 30px #ff762718}.access-icon{display:block;font-size:30px;margin-bottom:18px}.access-grid small{color:var(--orange);font-weight:950;letter-spacing:1.5px}.access-grid h3{font-size:23px;margin:8px 0 10px}.access-grid p{color:#929ca6;font-size:16px;line-height:1.58;margin:0}.trial-blurb{margin-top:30px;display:flex;flex-direction:column;gap:7px;padding-left:16px;border-left:3px solid var(--orange)}.trial-blurb strong{font-size:18px}.trial-blurb span{color:#8f99a3;font-size:14px}.endless{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#21130d,#171b21);border:1px solid #5b3420;border-radius:12px;padding:16px 18px;margin:3px 0 16px}.endless>div{display:flex;flex-direction:column;gap:3px}.endless small{color:var(--orange);font-size:10px;font-weight:950;letter-spacing:1.4px}.endless strong{font-size:20px}.endless span{color:#9099a3;font-size:12px}.endless>b{font-size:28px;color:var(--orange);white-space:nowrap}.price-card ul{line-height:1.55}.price-card li{margin:9px 0}.copy-anything{font-size:clamp(17px,1.7vw,23px)}
@media(max-width:900px){.access-grid{grid-template-columns:1fr}.where-you-reply{padding:85px 7vw}.endless{align-items:flex-start}}
@media(max-width:560px){.where-you-reply{padding:75px 22px}.where-copy>p{font-size:17px}.endless{flex-direction:column}.endless>b{font-size:25px}}

/* v10: animated in-page peach integration demo */
.peach-demo{max-width:1120px;margin:48px auto 0;border:1px solid #303844;border-radius:22px;overflow:hidden;background:#e9edf1;color:#111;box-shadow:0 32px 90px #0008}
.demo-browser-bar{height:58px;background:#111827;color:#cbd2db;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;font-size:13px;letter-spacing:1.2px}.demo-browser-bar strong{justify-self:center}.demo-dots{display:flex;gap:8px}.demo-dots i{width:12px;height:12px;border-radius:50%;display:block;background:#ff655d}.demo-dots i:nth-child(2){background:#ffbd44}.demo-dots i:nth-child(3){background:#2acb58}
.demo-social-shell{position:relative;min-height:430px;display:grid;place-items:center;padding:38px 34px;background:linear-gradient(180deg,#edf1f4,#dfe5ea)}
.demo-feed-card{width:min(680px,100%);background:#fff;border:1px solid #d2d7dc;border-radius:16px;box-shadow:0 16px 42px #58616c24;overflow:hidden}.demo-person{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:18px 20px 10px}.demo-person>div:nth-child(2){display:flex;flex-direction:column}.demo-person small{color:#7a838d;font-size:12px;margin-top:3px}.demo-person>b{color:#78818a;letter-spacing:2px}.demo-avatar,.demo-mini-avatar{display:grid;place-items:center;border-radius:50%;font-weight:950;background:#1f2937;color:white}.demo-avatar{width:46px;height:46px}.demo-mini-avatar{width:34px;height:34px;font-size:12px}.demo-post-text{font-size:24px;line-height:1.35;margin:10px 20px 18px}.demo-reactions{display:flex;justify-content:space-between;padding:0 20px 12px;color:#6f7881;font-size:13px}.demo-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e2e6e9;border-bottom:1px solid #e2e6e9}.demo-actions button{border:0;background:white;padding:12px;color:#5f6972;font-weight:800}.demo-comment-row{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:14px 18px 18px}.demo-comment-box{height:44px;border-radius:24px;background:#f0f2f4;display:flex;align-items:center;padding:0 8px 0 16px}.demo-placeholder{color:#8b939b;flex:1}.demo-peach-btn{width:30px;height:30px;border:0;border-radius:8px;background:transparent;box-shadow:none;font-size:15px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.18s transform,.18s background}.demo-peach-btn:hover,.demo-peach-btn.demo-pulse{transform:scale(1.08);background:#dde2e7}
.demo-popover{position:absolute;right:8%;top:52px;width:310px;background:#fff;border:1px solid #d5d9de;border-radius:15px;box-shadow:0 24px 55px #26303c3d;padding:16px;opacity:0;transform:translateY(10px) scale(.97);pointer-events:none;transition:.28s}.demo-popover.show{opacity:1;transform:none;pointer-events:auto}.demo-pop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.demo-pop-head b{font-size:20px}.demo-pop-head b span{color:var(--orange)}.demo-pop-head small{font-size:9px;color:#7b838b;font-weight:900;letter-spacing:1px}.demo-pop-chips{display:flex;gap:6px;flex-wrap:wrap}.demo-pop-chips button{border:1px solid #d7dbe0;background:#f7f8f9;border-radius:18px;padding:7px 10px;font-size:12px;font-weight:800}.demo-pop-chips button.active{background:var(--orange);border-color:var(--orange);color:#111}.demo-pop-add{margin:12px 0 10px;background:#f5f1ee;border-radius:9px;padding:9px 10px;font-size:11px;color:#6d5a4f}.demo-pop-add b{float:right;color:#222}.demo-generated{display:grid;gap:7px;opacity:0;transform:translateY(5px);transition:.25s}.demo-generated.show{opacity:1;transform:none}.demo-generated button{background:#f7f8fa;border:1px solid #e0e4e7;border-radius:10px;text-align:left;padding:10px 11px;font-size:12px;line-height:1.32;cursor:pointer}.demo-generated button:hover,.demo-generated button.demo-choice{border-color:var(--orange);background:#fff7f0}
.demo-cursor{position:absolute;right:20%;bottom:78px;font-size:28px;color:#111;text-shadow:0 2px 3px #fff;transform:rotate(-28deg);opacity:0;transition:.42s;pointer-events:none}.demo-cursor.show{opacity:1}.demo-cursor.at-pop{right:20%;bottom:250px}.demo-cursor.at-reply{right:17%;bottom:190px}
.demo-comment-box.demo-filled .demo-placeholder{color:#111;font-weight:650}.demo-comment-box.demo-filled{background:#fff3eb;box-shadow:inset 0 0 0 1px #ff762766}.demo-caption{background:#0f141a;color:#fff;display:flex;justify-content:space-between;gap:22px;align-items:center;padding:18px 22px}.demo-caption strong{color:var(--orange);letter-spacing:.8px}.demo-caption span{color:#9ba4ae;font-size:13px;text-align:right}
@media(max-width:900px){.demo-popover{right:4%;top:34px}.demo-social-shell{min-height:470px}.demo-caption{flex-direction:column;align-items:flex-start}.demo-caption span{text-align:left}.demo-cursor{display:none}}
@media(max-width:620px){.peach-demo{border-radius:16px}.demo-browser-bar{height:48px;padding:0 14px}.demo-browser-bar strong{font-size:10px}.demo-social-shell{padding:24px 10px;min-height:515px;align-items:start}.demo-feed-card{margin-top:0}.demo-post-text{font-size:20px}.demo-popover{left:18px;right:18px;top:245px;width:auto}.demo-caption{padding:15px}.demo-caption strong{font-size:13px}}

/* v11 demo tagline */
.demo-browser-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.05}
.demo-browser-title strong{letter-spacing:1.6px}
.demo-browser-title small{font-size:10px;font-weight:900;letter-spacing:1.25px;color:var(--orange,#ff6a00);white-space:nowrap}
@media(max-width:640px){.demo-browser-title small{font-size:8px;letter-spacing:.7px}.demo-browser-title strong{font-size:11px}}

/* v12: two-way integration showcase + larger horizontal tagline */
.integration-showcase{max-width:1240px;margin:48px auto 0;border:1px solid #303844;border-radius:22px;overflow:hidden;background:#10151c;box-shadow:0 32px 90px #0008}
.showcase-head{min-height:72px;background:#111827;color:#cbd2db;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px}
.showcase-head>.demo-dots{justify-self:start}.showcase-title{display:flex;align-items:center;justify-content:center;gap:14px;white-space:nowrap}.showcase-title strong{font-size:14px;letter-spacing:1.8px;color:#cbd2db}.showcase-title b{font-size:clamp(16px,1.8vw,24px);letter-spacing:1px;color:var(--orange)}.showcase-title span{font-size:20px;color:#6f7a87}
.demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#303844}.demo-pane{background:#e9edf1;color:#111;min-width:0}.pane-label{height:58px;background:#f8fafb;border-bottom:1px solid #d8dde2;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.pane-label small{font-size:10px;font-weight:950;letter-spacing:1.5px;color:#8a939c}.pane-label strong{font-size:13px;letter-spacing:.7px}
.integration-showcase .demo-social-shell{min-height:470px;padding:34px 20px}.integration-showcase .demo-feed-card{width:min(560px,100%)}.integration-showcase .demo-post-text{font-size:21px}.integration-showcase .demo-popover{right:4%;top:38px;width:285px}.integration-showcase .demo-cursor{right:18%;bottom:88px}
.showcase-caption{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#303844}.showcase-caption span{background:#0f141a;color:#9ba4ae;padding:16px 20px;font-size:13px;text-align:center}

.extension-stage{position:relative;min-height:470px;background:#eef2f6;overflow:hidden}.fake-chrome-bar{height:74px;background:#d7e5ff;border-bottom:1px solid #c2cfdf;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#29323d}.fake-tabs{display:flex;gap:12px;align-items:center}.fake-tabs i{width:18px;height:18px;border-radius:50%;display:block;background:#65717f}.fake-tabs span{font-size:24px}.fake-tools{display:flex;align-items:center;gap:14px;font-size:22px}.fake-tools button{width:36px;height:36px;border:0;border-radius:8px;background:#6b7280;color:#fff;font-weight:900;box-shadow:0 0 0 0 #ff762700;transition:.35s;cursor:pointer}.fake-tools button.pulse{box-shadow:0 0 0 7px #ff762733;background:var(--orange);color:#111;transform:scale(1.08)}
.fake-page{position:absolute;inset:74px 0 0 0;background:linear-gradient(135deg,#f8fafc,#e6ebf0);display:grid;place-items:center;padding:28px}.fake-page-card{width:72%;background:#fff;border:1px solid #d7dce2;border-radius:16px;padding:24px;box-shadow:0 14px 35px #58616c1f}.fake-page-card small{color:#8a939c;font-weight:900;letter-spacing:1.2px}.fake-page-card p{font-size:19px;line-height:1.45;margin:10px 0 0}
.extension-panel{position:absolute;right:0;top:74px;bottom:0;width:74%;background:#fbfbfa;border-left:1px solid #d5d9dd;box-shadow:-18px 0 38px #39414a28;padding:20px 20px 24px;transform:translateX(103%);opacity:.3;transition:.55s ease;overflow:hidden}.extension-panel.show{transform:none;opacity:1}.extension-top{display:flex;align-items:center;gap:8px}.extension-top b{font-size:24px;letter-spacing:.3px}.extension-top small{color:#7d858d}.extension-tag{margin:4px 0 18px;color:#5f6871;font-size:13px}.extension-panel label{display:block;font-size:10px;font-weight:950;letter-spacing:1.35px;margin:13px 0 7px}.extension-source{border:1px solid #d4d7da;border-radius:12px;background:white;padding:11px 12px;font-size:12px;line-height:1.35;max-height:70px;overflow:hidden}.extension-chips{display:flex;gap:6px;flex-wrap:wrap}.extension-chips button{border:1px solid #d2d5d8;background:#fff;border-radius:18px;padding:7px 9px;font-size:11px;font-weight:800}.extension-chips button.active{background:#111;color:#fff}.extension-generate{width:100%;margin-top:14px;border:0;border-radius:9px;background:var(--orange);font-weight:950;padding:11px;opacity:.82}.extension-results{display:grid;gap:6px;margin-top:9px;opacity:0;transform:translateY(8px);transition:.45s}.extension-results.show{opacity:1;transform:none}.extension-results p{margin:0;border:1px solid #e0e3e6;background:white;border-radius:9px;padding:8px 9px;font-size:11px;line-height:1.25}.extension-results p:nth-child(2){border-color:var(--orange);background:#fff6ef}
.extension-cursor{position:absolute;right:78px;top:36px;font-size:26px;transform:rotate(-28deg);opacity:0;transition:.6s;color:#111;text-shadow:0 1px 2px white;pointer-events:none}.extension-cursor.show{opacity:1}.extension-cursor.at-panel{right:24%;top:290px}.extension-cursor.at-generate{right:20%;top:402px}

@media(max-width:980px){.showcase-head{grid-template-columns:auto 1fr auto}.showcase-title{gap:8px}.showcase-title strong{font-size:11px}.showcase-title b{font-size:15px}.demo-pair,.showcase-caption{grid-template-columns:1fr}.integration-showcase .demo-popover{right:3%}.extension-stage{min-height:520px}}
@media(max-width:620px){.showcase-head{min-height:84px;padding:10px 12px}.showcase-head>.demo-dots{display:none}.showcase-title{white-space:normal;flex-wrap:wrap;line-height:1.1}.showcase-title strong{width:100%;text-align:center}.showcase-title b{font-size:15px;text-align:center}.showcase-title span{font-size:16px}.integration-showcase .demo-social-shell{min-height:520px}.integration-showcase .demo-popover{left:14px;right:14px;top:245px;width:auto}.extension-panel{width:88%}.fake-page-card{width:90%}}
/* v13 pricing: locked monthly + annual structure */
.price-options{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.price-options em{font-style:normal;font-size:12px;font-weight:900;opacity:.55;letter-spacing:.12em}.price-options b{white-space:nowrap}.annual-save{margin:0 0 18px;padding:10px 14px;border:1px solid rgba(255,122,36,.35);border-radius:12px;background:rgba(255,122,36,.08);font-size:12px;font-weight:900;letter-spacing:.05em;color:#ff6f1f}@media(max-width:720px){.price-options{gap:7px}.price-options b{font-size:clamp(28px,9vw,42px)}}

/* v14 pricing card — clean monthly/annual selector */
.price-card{padding:30px 30px 28px}
.pricing-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.pricing-brand-row>span:first-child{font-size:22px;font-weight:950;letter-spacing:.02em}
.pricing-badge{font-size:10px;font-weight:950;letter-spacing:.13em;color:var(--orange);border:1px solid rgba(255,118,39,.45);border-radius:999px;padding:7px 10px;background:rgba(255,118,39,.08)}
.billing-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#0b0f14;border:1px solid #29313a;border-radius:13px;padding:6px;margin-bottom:24px}
.billing-toggle button{border:0;border-radius:9px;background:transparent;color:#8f99a4;min-height:48px;font-weight:950;letter-spacing:.05em;cursor:pointer;transition:.2s ease}
.billing-toggle button small{display:block;font-size:8px;letter-spacing:.09em;color:#ff9a5d;margin-top:3px}
.billing-toggle button.active{background:linear-gradient(90deg,var(--orange),var(--orange2));color:#111;box-shadow:0 8px 24px #ff76272b}
.billing-toggle button.active small{color:#4f260e}
.price-display{display:flex;align-items:flex-end;gap:8px;margin:2px 0 4px}
.price-display b{font-size:58px;line-height:.95;color:var(--orange);letter-spacing:-2px}
.price-display span{font-size:16px;color:#a5adb6;font-weight:800;margin-bottom:7px}
.billing-sub{color:#8f99a4;font-size:13px;font-weight:700;margin-bottom:18px}
.annual-save{margin:0 0 18px;padding:10px 12px;border:1px solid rgba(255,122,36,.35);border-radius:10px;background:rgba(255,122,36,.08);font-size:11px;font-weight:900;letter-spacing:.04em;color:#ff8a49;text-align:center}
.price-card ul{margin:0 0 18px;padding:4px 0 4px;line-height:1.75}
.endless{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #3b434d;border-radius:14px;padding:16px 17px;margin:0 0 14px;background:#0c1117}
.endless>div:first-child{display:flex;flex-direction:column;gap:2px}.endless small{font-size:9px;font-weight:950;letter-spacing:.12em;color:#919ba6}.endless strong{color:var(--orange);font-size:20px;letter-spacing:.02em}.endless span{font-size:11px;color:#a1a9b2;line-height:1.35;max-width:260px}.endless-price{text-align:right;flex:0 0 auto}.endless-price b{display:block;font-size:31px;color:#fff;line-height:1}.endless-price small{display:block;margin-top:4px;color:#858f99;letter-spacing:.04em}
@media(max-width:560px){.price-card{padding:23px 18px}.price-display b{font-size:50px}.endless{align-items:flex-start}.endless span{max-width:210px}.pricing-brand-row{align-items:flex-start}}
\n\n/* v15 account / auth */\n.auth-backdrop{position:fixed;inset:0;background:#050608d9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;z-index:1000}\n.auth-backdrop[hidden]{display:none}.auth-modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 38px);overflow:auto;background:#0f1318;border:1px solid #343d47;border-radius:22px;padding:30px;box-shadow:0 35px 110px #000}\n.auth-close{position:absolute;right:16px;top:13px;width:38px;height:38px;border:0;border-radius:50%;background:#1a2027;color:#aab2bb;font-size:25px;cursor:pointer}.auth-close:hover{color:#fff;background:#252d36}\n.auth-brand{width:230px;height:59px;overflow:hidden;margin:0 0 18px}.auth-brand img{display:block;width:230px;height:auto}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#090c10;border:1px solid #252d36;border-radius:12px;padding:4px;gap:4px;margin-bottom:28px}.auth-tabs button{border:0;border-radius:9px;background:transparent;color:#7f8994;font-weight:950;font-size:12px;letter-spacing:.5px;padding:12px;cursor:pointer}.auth-tabs button.active{background:var(--orange);color:#111}.auth-copy h2,.auth-account h2{font-size:36px;line-height:1;margin:10px 0 9px;letter-spacing:-1.5px}.auth-copy p{color:#9da6af;line-height:1.45;margin:0 0 24px}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:8px;color:#9aa4ae;font-size:11px;font-weight:900;letter-spacing:.8px}.auth-form input{width:100%;border:1px solid #313a45;background:#090d12;color:#fff;border-radius:10px;padding:14px 15px;font:inherit;outline:none}.auth-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff762722}.auth-submit{width:100%;border:0;border-radius:10px;background:linear-gradient(90deg,var(--orange),var(--orange2));color:#111;font-weight:950;font-size:15px;padding:15px 18px;cursor:pointer}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-message{min-height:19px;margin:0;color:#aab3bd;font-size:13px}.auth-message.error{color:#ff8d72}.auth-message.success{color:#8fd987}.auth-foot{border-top:1px solid #242b33;margin-top:18px;padding-top:16px;color:#69737d;font-size:11px;text-align:center}.auth-account{text-align:center}.account-email{color:#9ca6b0;margin-bottom:22px}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.account-stats article{background:#090d12;border:1px solid #252d36;border-radius:12px;padding:16px 7px}.account-stats small{display:block;color:#727d87;font-size:9px;font-weight:900;letter-spacing:.8px;margin-bottom:7px}.account-stats strong{font-size:17px;color:#fff}.auth-logout{margin-top:10px;border:0;background:transparent;color:#7f8994;font-weight:850;cursor:pointer;padding:10px}.auth-logout:hover{color:#fff}\nbody.auth-open{overflow:hidden}\n@media(max-width:560px){.auth-modal{padding:24px 18px}.auth-brand{width:185px;height:49px}.auth-brand img{width:185px}.auth-copy h2,.auth-account h2{font-size:30px}.account-stats{grid-template-columns:1fr}.account-stats article{display:flex;align-items:center;justify-content:space-between;padding:13px 15px}.account-stats small{margin:0}}\n
/* v16 email verification + password reset */
.auth-text-link{border:0;background:transparent;color:#9aa4ae;font-weight:900;font-size:11px;letter-spacing:.7px;cursor:pointer;padding:2px 0;text-align:center}.auth-text-link:hover{color:#fff}.verify-callout{margin:16px 0;background:#17110c;border:1px solid #5b3824;border-radius:12px;padding:14px;text-align:left}.verify-callout strong{display:block;color:var(--orange);font-size:12px;letter-spacing:.5px}.verify-callout span{display:block;color:#aab2bb;font-size:12px;line-height:1.4;margin:5px 0 9px}.verify-callout button{border:0;background:transparent;color:#fff;font-weight:900;font-size:11px;padding:0;cursor:pointer}.account-stats{grid-template-columns:repeat(4,1fr)}
@media(max-width:560px){.account-stats{grid-template-columns:1fr}}

/* v17 customer account dashboard */
.auth-modal:has(.account-dashboard:not([hidden])){width:min(860px,100%)}
.account-dashboard{text-align:left}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.dashboard-head h2{margin-bottom:6px}.account-dashboard .account-email{margin:0;color:#8f9aa5}.dashboard-status{border:1px solid #33404b;border-radius:999px;padding:8px 11px;color:#9da8b2;font-size:10px;font-weight:950;letter-spacing:.8px;background:#0a0e12}.dashboard-status.good{border-color:#34543b;color:#9ad7a2}.dashboard-status.warn{border-color:#6b4828;color:#ff9b58}.dashboard-stats{grid-template-columns:repeat(4,1fr);margin:0 0 12px}.dashboard-stats article{min-height:93px;text-align:left;padding:15px 14px;display:flex;flex-direction:column;justify-content:center}.dashboard-stats strong{font-size:22px}.dashboard-stats span{display:block;color:#6e7882;font-size:9px;font-weight:850;line-height:1.3;margin-top:5px}.credit-panel{background:#090d12;border:1px solid #28313a;border-radius:14px;padding:16px;margin:12px 0}.credit-panel-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.credit-panel-top small{display:block;color:#6f7a84;font-size:9px;font-weight:950;letter-spacing:.8px}.credit-panel-top strong{display:block;color:#fff;font-size:13px;margin-top:4px}.credit-panel-top>span{color:var(--orange);font-size:12px;font-weight:950}.credit-track{height:9px;background:#1b2229;border-radius:999px;overflow:hidden;margin:11px 0 9px}.credit-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:inherit;transition:width .35s ease}.credit-panel p{margin:0;color:#707b85;font-size:11px;line-height:1.4}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}.dashboard-card{background:#090d12;border:1px solid #28313a;border-radius:14px;padding:17px}.dashboard-card-head span{display:block;color:var(--orange);font-size:9px;font-weight:950;letter-spacing:.9px}.dashboard-card-head strong{display:block;font-size:16px;margin:5px 0 6px}.dashboard-card>p{color:#87919b;font-size:12px;line-height:1.45;margin:0 0 14px}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dash-primary,.dash-secondary{border-radius:9px;min-height:43px;padding:10px 12px;font:inherit;font-size:11px;font-weight:950;cursor:pointer}.dash-primary{border:0;background:linear-gradient(90deg,var(--orange),var(--orange2));color:#111}.dash-secondary{border:1px solid #37414b;background:#121820;color:#fff}.dash-secondary small{display:block;font-size:8px;color:#8f9aa4;margin-top:2px}.dash-primary:disabled,.dash-secondary:disabled{opacity:.45;cursor:not-allowed}.endless-buy{width:100%}.subscription-actions{display:flex;gap:8px}.subscription-actions>*{flex:1}.dashboard-fineprint{margin-top:11px!important;color:#626d77!important;font-size:10px!important}.account-action-list{display:grid;gap:7px;margin-top:13px}.account-action-list button{display:flex;align-items:center;justify-content:space-between;border:1px solid #2d3740;background:#11171d;color:#e8edf1;border-radius:9px;padding:11px 12px;font-size:10px;font-weight:950;cursor:pointer}.account-action-list button:hover{border-color:#4b5864}.account-action-list b{color:var(--orange);font-size:14px}.email-status-line{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #242d35;margin-top:12px;padding-top:12px;color:#727d87;font-size:9px;font-weight:950;letter-spacing:.5px}.email-status-line strong{color:#fff}.billing-warning{border:1px solid #6b4828;background:#1a120c;color:#e9ad7d;border-radius:11px;padding:12px 14px;font-size:11px;font-weight:800;line-height:1.4;margin:12px 0}.dashboard-message{min-height:18px;margin:12px 2px 0;color:#9ca6af;font-size:11px}.dashboard-message.error{color:#ff8d72}.dashboard-message.success{color:#8fd987}.dashboard-bottom{display:flex;align-items:center;gap:12px;margin-top:8px}.dashboard-bottom .auth-submit{max-width:200px}.danger-link{border:0;background:transparent;color:#6d7781;font-size:9px;font-weight:900;letter-spacing:.5px;cursor:pointer}.danger-link:hover{color:#ff8d72}
@media(max-width:760px){.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.plan-actions{grid-template-columns:1fr}.dashboard-head{align-items:center}.auth-modal:has(.account-dashboard:not([hidden])){width:min(560px,100%)}}
@media(max-width:460px){.dashboard-stats{grid-template-columns:1fr}.dashboard-stats article{min-height:auto}.dashboard-bottom{align-items:stretch;flex-direction:column}.dashboard-bottom .auth-submit{max-width:none}}


/* v18 dedicated account pages */
.auth-nav-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.ghost.auth-nav-link{padding:8px 0}.small-cta.auth-nav-link{color:#111}.cta.signup-trigger{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.auth-page{min-height:100vh;background:radial-gradient(circle at 78% 14%,#3c1b0d 0,transparent 27%),#090b0e;color:var(--text)}
.auth-page-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.auth-page-header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2027}.auth-page-home{color:#9aa3ad;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.6px}.auth-page-home:hover{color:#fff}
.auth-page-main{display:grid;place-items:center;padding:55px 24px 70px}.auth-page-card{width:min(560px,100%);background:#0f1318;border:1px solid #343d47;border-radius:24px;padding:38px;box-shadow:0 35px 110px #0008}.auth-page-brand{width:270px;max-width:78%;margin:0 0 26px}.auth-page-brand img{width:100%;display:block}.auth-page-kicker{color:var(--orange);font-size:12px;font-weight:950;letter-spacing:2px}.auth-page-card h1{font-size:52px;line-height:.95;letter-spacing:-2.8px;margin:13px 0 13px}.auth-page-card>p,.auth-page-copy{color:#99a3ad;font-size:16px;line-height:1.55;margin:0 0 28px}.auth-switch{margin-top:18px;text-align:center;color:#808a94;font-size:12px}.auth-switch a,.auth-page-link{color:#fff;text-decoration:none;font-weight:900}.auth-switch a:hover,.auth-page-link:hover{color:var(--orange)}.auth-page-form{display:grid;gap:17px}.auth-page-form label{display:grid;gap:9px;color:#a4adb6;font-size:11px;font-weight:950;letter-spacing:1px}.auth-page-form input{width:100%;border:1px solid #313a45;background:#090d12;color:#fff;border-radius:12px;padding:16px 17px;font:inherit;outline:none}.auth-page-form input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff76271c}.auth-page-submit{width:100%;border:0;border-radius:12px;background:linear-gradient(90deg,var(--orange),var(--orange2));color:#111;font-weight:950;font-size:15px;padding:17px 18px;cursor:pointer}.auth-page-submit:disabled{opacity:.55;cursor:wait}.auth-page-secondary{border:0;background:transparent;color:#9aa4ae;font-weight:900;font-size:11px;letter-spacing:.7px;cursor:pointer;padding:2px;text-align:center}.auth-page-secondary:hover{color:#fff}.auth-page-message{min-height:20px;margin:0;color:#aab3bd;font-size:13px}.auth-page-message.error{color:#ff8d72}.auth-page-message.success{color:#8fd987}.auth-page-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 0}.auth-page-benefits span{border:1px solid #2a333c;background:#0a0e12;border-radius:10px;padding:11px 8px;color:#8e98a2;font-size:9px;font-weight:900;text-align:center;line-height:1.3}.auth-page-footer{padding:25px 5vw;border-top:1px solid #1b2027;color:#69737d;font-size:11px;text-align:center}.auth-page-footer a{color:#8d97a1;text-decoration:none;margin:0 7px}.auth-page-footer a:hover{color:#fff}
.account-page-main{padding:42px 24px 70px;align-items:start}.account-page-card{width:min(980px,100%);background:#0f1318;border:1px solid #343d47;border-radius:24px;padding:34px;box-shadow:0 35px 110px #0008}.account-page-card .dashboard-head h1{font-size:44px;line-height:1;margin:9px 0 5px;letter-spacing:-2px}.account-page-card .account-email{color:#8f9aa5}.account-loading{padding:80px 20px;text-align:center;color:#8e98a2;font-weight:800}.dashboard-home-link{display:inline-flex;margin-top:10px;color:#7f8994;text-decoration:none;font-size:10px;font-weight:900}.dashboard-home-link:hover{color:#fff}
@media(max-width:640px){.auth-page-header{height:72px;padding:0 18px}.auth-page-main{padding:28px 16px 45px}.auth-page-card,.account-page-card{padding:25px 19px;border-radius:18px}.auth-page-card h1{font-size:39px}.auth-page-brand{width:220px}.auth-page-benefits{grid-template-columns:1fr}.account-page-main{padding:25px 14px 50px}.account-page-card .dashboard-head h1{font-size:34px}}

/* v19: homepage uses dedicated auth pages only; never render the legacy embedded auth UI. */
body:not(.auth-page) .auth-backdrop, body:not(.auth-page) .auth-modal, body:not(.auth-page) .auth-shell {display:none!important}
/* v20 hero peach: true transparent asset, no rectangular matte */
.hero-ass img{filter:drop-shadow(0 0 22px rgba(255,111,30,.28)) drop-shadow(0 0 58px rgba(255,86,0,.16));}

/* v22 checkout / payment flow */
.checkout-page-main{align-items:start;padding-top:44px}.checkout-shell{width:min(1060px,100%);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.checkout-main-card,.checkout-summary{background:#0f1318;border:1px solid #343d47;border-radius:24px;box-shadow:0 35px 110px #0008}.checkout-main-card{padding:36px}.checkout-main-card h1{font-size:50px;line-height:.95;letter-spacing:-2.4px;margin:12px 0 10px}.checkout-intro{color:#929ca6;margin:0 0 22px;font-size:15px}.checkout-plan-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-plan-toggle button{position:relative;text-align:left;border:1px solid #303a44;border-radius:14px;background:#0a0e12;color:#fff;padding:15px 16px;cursor:pointer;min-height:92px}.checkout-plan-toggle button.active{border-color:var(--orange);box-shadow:0 0 0 3px #ff762717}.checkout-plan-toggle small{display:block;color:#8c96a0;font-size:9px;font-weight:950;letter-spacing:.8px;margin-bottom:7px}.checkout-plan-toggle strong{font-size:25px}.checkout-plan-toggle span{color:#7c8791;font-size:11px;margin-left:4px}.checkout-plan-toggle b{display:block;color:var(--orange);font-size:9px;margin-top:6px}.checkout-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 18px}.checkout-benefits span{border:1px solid #28313a;background:#0a0e12;border-radius:10px;padding:10px 11px;color:#a3adb6;font-size:10px;font-weight:800}.secure-payment-box{border:1px solid #2d3740;border-radius:15px;background:#090d12;padding:16px}.secure-payment-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.secure-payment-head small{display:block;color:var(--orange);font-size:9px;font-weight:950;letter-spacing:.8px}.secure-payment-head strong{display:block;color:#fff;font-size:14px;margin-top:4px}.secure-payment-head>span{font-size:20px}.secure-payment-box>p{color:#7f8993;font-size:11px;line-height:1.45;margin:10px 0 13px}.payment-placeholder{border:1px dashed #39434e;border-radius:10px;padding:18px;text-align:center;background:#0d1217}.payment-placeholder span{display:block;color:#dce2e7;font-size:11px;font-weight:950;letter-spacing:.8px}.payment-placeholder small{display:block;color:#69747e;margin-top:5px;font-size:9px}.checkout-submit{margin-top:12px}.checkout-message{min-height:18px;margin:11px 2px 0;color:#a7b0b8;font-size:11px}.checkout-message.success{color:#8fd987}.checkout-message.error{color:#ff8d72}.checkout-fineprint{color:#69737d;font-size:10px;text-align:center;margin:10px 0 0}.checkout-summary{padding:25px;position:sticky;top:22px}.checkout-summary>.kicker{display:block;margin-bottom:20px}.summary-plan small{display:block;color:#7f8993;font-size:9px;font-weight:900}.summary-plan strong{display:block;font-size:28px;margin-top:4px}.summary-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #252d35;padding:13px 0;color:#8d98a2;font-size:11px}.summary-row b{color:#fff}.summary-divider{height:10px}.summary-callout{background:#17100b;border:1px solid #53361f;border-radius:12px;padding:14px}.summary-callout small{display:block;color:#aa7751;font-size:8px;font-weight:950;letter-spacing:.8px}.summary-callout strong{display:block;color:var(--orange);font-size:16px;margin:4px 0}.summary-callout span{display:block;color:#92765f;font-size:10px;line-height:1.4}.summary-back{display:block;text-align:center;color:#89949e;text-decoration:none;font-size:9px;font-weight:950;margin-top:17px}.summary-back:hover{color:#fff}.checkout-result-card{text-align:center;max-width:620px}.result-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#15331d;border:1px solid #345b3e;color:#9be0a5;font-size:28px;font-weight:950}.result-icon-failed{background:#351914;border-color:#70382d;color:#ff9b83}.checkout-result-card .auth-page-kicker{display:block}.checkout-result-card h1{margin-top:13px}.result-link{display:block;text-decoration:none;margin-top:20px}.result-secondary{display:block;text-decoration:none}
@media(max-width:820px){.checkout-shell{grid-template-columns:1fr}.checkout-summary{position:static}.checkout-page-main{padding-top:28px}}
@media(max-width:560px){.checkout-main-card{padding:25px 19px}.checkout-main-card h1{font-size:38px}.checkout-plan-toggle,.checkout-benefits{grid-template-columns:1fr}}

/* v23 — account heading helper only */
.account-tagline{margin-top:8px;color:var(--muted,#aeb4bd);font-size:15px;font-weight:700;letter-spacing:.01em}
/* Global button press feedback */
button,.cta{
  transition:transform .08s ease,filter .08s ease;
}
button:active,.cta:active{
  transform:translateY(2px) scale(.98);
  filter:brightness(.9);
}
[hidden] {
    display: none !important;
}

/* v23 account profile / Ass Control */
.smartassr-profile-card{margin-top:12px;padding:22px}
.smartassr-profile-card>.dashboard-card-head strong{font-size:20px}
.profile-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.profile-dashboard-grid label,.profile-dashboard-sliders label{display:grid;gap:8px;color:#8f9aa4;font-size:9px;font-weight:950;letter-spacing:.8px}
.profile-dashboard-grid input{width:100%;border:1px solid #303a44;background:#0d1217;color:#fff;border-radius:10px;padding:12px 13px;font:inherit;font-size:12px;outline:none}
.profile-dashboard-grid input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff762719}
.profile-dashboard-sliders{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px;border-top:1px solid #252e37;border-bottom:1px solid #252e37;padding:18px 0;margin:6px 0 18px}
.profile-dashboard-sliders label{grid-template-columns:1fr auto;align-items:center}
.profile-dashboard-sliders label strong{color:#fff;font-size:11px}
.profile-dashboard-sliders input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--orange);cursor:pointer}
.profile-category-wrap{margin:0 0 18px}
.profile-category-wrap>.kicker{display:block;font-size:9px;margin-bottom:11px}
.profile-category-grid{display:flex;flex-wrap:wrap;gap:7px}
.profile-category-grid label{display:flex;align-items:center;gap:5px;border:1px solid #303944;background:#10161c;color:#aab3bc;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:900;cursor:pointer}
.profile-category-grid label:has(input:checked){border-color:#6a4028;color:#fff;background:#1b120d}
.profile-category-grid input{accent-color:var(--orange)}
.smartassr-profile-card .plan-actions{margin-top:4px}
#profileMessage{margin-top:10px}
@media(max-width:760px){.profile-dashboard-grid,.profile-dashboard-sliders{grid-template-columns:1fr}}
@media(max-width:460px){.smartassr-profile-card{padding:17px}.profile-category-grid label{width:calc(50% - 4px);border-radius:9px}.smartassr-profile-card .plan-actions{grid-template-columns:1fr}}

/* =========================================================
   v24 SMARTASSR ACCOUNT TABS + ASS CONTROL
   ========================================================= */

/* ---------- ACCOUNT / ASS CONTROL TABS ---------- */

.account-section-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:24px 0 26px;
  padding:6px;
  background:#090d12;
  border:1px solid #28313a;
  border-radius:15px;
}

.account-section-tab{
  min-height:64px;
  border:1px solid transparent;
  border-radius:11px;
  background:transparent;
  color:#7f8994;
  cursor:pointer;
  text-align:left;
  padding:12px 17px;
  transition:.2s ease;
}

.account-section-tab span{
  display:block;
  font-size:13px;
  font-weight:950;
  letter-spacing:1px;
}

.account-section-tab small{
  display:block;
  margin-top:5px;
  color:#626d77;
  font-size:8px;
  font-weight:900;
  letter-spacing:.8px;
}

.account-section-tab:hover{
  background:#11171d;
  color:#fff;
}

.account-section-tab.active{
  background:linear-gradient(135deg,#17120e,#11171d);
  border-color:var(--orange);
  color:#fff;
  box-shadow:0 0 24px #ff762718;
}

.account-section-tab.active span{
  color:var(--orange);
}

.account-section-tab.active small{
  color:#a0a9b2;
}


/* ---------- PLAN STATUS MOVED INTO PLAN CARD ---------- */

.plan-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.plan-title-row .dashboard-status{
  padding:5px 8px;
  font-size:8px;
}


/* =========================================================
   ASS CONTROL MAIN AREA
   ========================================================= */

.smartassr-profile-card{
  padding:4px 2px 8px;
}

.ass-control-intro{
  padding:8px 4px 28px;
  border-bottom:1px solid #28313a;
}

.ass-control-intro h2{
  margin:8px 0 10px;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-1px;
}

.ass-control-intro p{
  max-width:700px;
  margin:0;
  color:#b0b8c0;
  font-size:15px;
  line-height:1.55;
}

.ass-control-intro small{
  display:block;
  margin-top:8px;
  color:#69747e;
  font-size:11px;
  line-height:1.45;
}


/* ---------- MAJOR ASS CONTROL SECTIONS ---------- */

.ass-control-block{
  padding:30px 4px 34px;
  border-bottom:1px solid #28313a;
}

.ass-control-block-head{
  margin-bottom:23px;
}

.ass-control-block-head h3{
  margin:6px 0 6px;
  font-size:21px;
  letter-spacing:-.4px;
}

.ass-control-block-head p{
  max-width:680px;
  margin:0;
  color:#7f8994;
  font-size:12px;
  line-height:1.5;
}


/* =========================================================
   MY WORDS
   ========================================================= */

.profile-word-list{
  display:grid;
  gap:13px;
}

.profile-word-row{
  display:grid;
  grid-template-columns:minmax(210px, .75fr) minmax(0,1.6fr);
  gap:28px;
  align-items:center;
  padding:17px 19px;
  background:#090d12;
  border:1px solid #28313a;
  border-radius:12px;
}

.profile-word-copy{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.profile-word-copy strong{
  color:#fff;
  font-size:13px;
  font-weight:950;
  letter-spacing:.5px;
}

.profile-word-copy span{
  color:#727d87;
  font-size:10px;
  line-height:1.4;
}

.profile-word-row input{
  width:100%;
  min-height:46px;
  padding:0 15px;
  border:1px solid #343e48;
  border-radius:9px;
  background:#11171d;
  color:#fff;
  font:inherit;
  font-size:14px;
  outline:none;
}

.profile-word-row input::placeholder{
  color:#68727c;
}

.profile-word-row input:focus{
  border-color:var(--orange);
  box-shadow:0 0 0 3px #ff762719;
}


/* =========================================================
   PERSONAL STYLE — EXACTLY 2 PER ROW
   ========================================================= */

.profile-style-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.profile-style-control{
  display:block;
  padding:19px 20px;
  background:#090d12;
  border:1px solid #28313a;
  border-radius:12px;
}

.profile-style-control>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:16px;
}

.profile-style-control strong{
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.7px;
}

.profile-style-control span{
  color:var(--orange);
  font-size:14px;
  font-weight:950;
}

.profile-style-control input[type="range"]{
  display:block;
  width:100%;
  margin:0;
  accent-color:var(--orange);
  cursor:pointer;
}


/* =========================================================
   PICK YOUR POISON — 7 TOP / 7 BOTTOM
   ========================================================= */

.profile-category-grid.poison-category-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:9px;
}

.profile-category-grid.poison-category-grid label{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  padding:8px 6px;
  background:#090d12;
  border:1px solid #303943;
  border-radius:10px;
  color:#d8dde2;
  font-size:10px;
  font-weight:850;
  line-height:1.15;
  text-align:center;
  cursor:pointer;
}

.profile-category-grid.poison-category-grid label:hover{
  border-color:#59646f;
}

.profile-category-grid.poison-category-grid input{
  flex:0 0 auto;
  accent-color:var(--orange);
}


/* =========================================================
   ADD SOME ASS — ALSO 7 TOP / 7 BOTTOM
   ========================================================= */

.add-ass-control-block{
  border-bottom:0;
}

.add-ass-category-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:9px;
}

.add-ass-category-grid label{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:8px 6px;
  background:#090d12;
  border:1px solid #303943;
  border-radius:10px;
  color:#d8dde2;
  font-size:10px;
  font-weight:850;
  line-height:1.15;
  text-align:center;
  cursor:pointer;
}

.add-ass-category-grid label:hover{
  border-color:var(--orange);
}

.add-ass-category-grid input{
  flex:0 0 auto;
  accent-color:var(--orange);
}


/* =========================================================
   SAVE AREA
   ========================================================= */

.profile-save-area{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:25px 4px 4px;
}

.profile-save-area button{
  min-height:50px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:900px){

  .profile-category-grid.poison-category-grid,
  .add-ass-category-grid{
    grid-template-columns:repeat(4,1fr);
  }

}

@media(max-width:700px){

  .account-section-tabs{
    grid-template-columns:1fr;
  }

  .profile-word-row{
    grid-template-columns:1fr;
    gap:12px;
  }

  .profile-style-grid{
    grid-template-columns:1fr;
  }

  .profile-category-grid.poison-category-grid,
  .add-ass-category-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .profile-save-area{
    grid-template-columns:1fr;
  }

}

@media(max-width:430px){

  .profile-category-grid.poison-category-grid,
  .add-ass-category-grid{
    grid-template-columns:1fr;
  }

}

/* v25 — SMARTASSR named personality customizer */
.smartassr-account-tabs{display:grid;grid-template-columns:1fr 1fr;margin:24px 0 0;border-bottom:1px solid #343d47}
.smartassr-account-tab{border:1px solid #303944;border-bottom:0;background:#0a0e12;color:#7f8994;padding:15px 18px;font:inherit;font-size:11px;font-weight:950;letter-spacing:.7px;cursor:pointer}
.smartassr-account-tab:first-child{border-radius:12px 0 0 0}.smartassr-account-tab:last-child{border-radius:0 12px 0 0;border-left:0}.smartassr-account-tab.active{background:var(--orange);border-color:var(--orange);color:#111}
.plan-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-title-row .dashboard-status{padding:5px 8px;font-size:8px}
.personality-builder{margin-top:0!important;border-radius:0 0 14px 14px!important;padding:30px!important}
.personality-hero{padding:8px 4px 28px;border-bottom:1px solid #252e37}.personality-hero h2{font-size:34px;letter-spacing:-1.5px;margin:10px 0 9px}.personality-hero>p{max-width:760px;color:#9ca6af;font-size:14px;line-height:1.6}
.personality-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 16px}.personality-flow b{font-size:10px;letter-spacing:.8px}.personality-flow i{color:var(--orange);font-style:normal}
.personality-saves{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#0d1217;border:1px solid #29323b;border-radius:10px;padding:12px 14px}.personality-saves strong{color:var(--orange);font-size:9px;letter-spacing:.8px}.personality-saves span{color:#89949e;font-size:11px}
.personality-tabs{display:flex;align-items:flex-end;gap:5px;margin:26px 0 0;border-bottom:1px solid #343d47;overflow-x:auto}.personality-tab{white-space:nowrap;border:1px solid #303944;border-bottom:0;background:#0d1217;color:#89939d;border-radius:10px 10px 0 0;padding:12px 15px;font-size:10px;font-weight:950;cursor:pointer}.personality-tab.active{background:var(--orange);border-color:var(--orange);color:#111}.personality-tab.default:not(.active){color:#fff;border-color:#684329}.personality-tab.add{border-style:dashed;color:var(--orange)}
.personality-section{padding:30px 4px;border-bottom:1px solid #252e37}.personality-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.personality-section-head h3{margin:6px 0 0;font-size:20px}.personality-name-input{width:100%;margin-top:18px;border:1px solid #303a44;background:#0d1217;color:#fff;border-radius:11px;padding:15px 16px;font:inherit;font-size:16px;font-weight:850;outline:none}.personality-name-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff762719}.personality-name-section>small{display:block;color:#77828d;font-size:10px;margin-top:8px}.default-badge{border:1px solid #684329;color:var(--orange);border-radius:999px;padding:7px 10px;font-size:8px;font-weight:950;letter-spacing:.6px}.make-default-control{display:flex;align-items:center;gap:8px;margin-top:15px;color:#a5aeb7;font-size:10px;font-weight:950;cursor:pointer}.make-default-control input{accent-color:var(--orange)}
.personality-builder .profile-dashboard-grid{margin:18px 0 0}.personality-builder .profile-dashboard-sliders{border:0;padding:0;margin:20px 0 0}
.personality-choice-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:18px}.personality-choice-grid label{position:relative;min-width:0}.personality-choice-grid input{position:absolute;opacity:0;pointer-events:none}.personality-choice-grid span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:45px;height:100%;border:1px solid #303944;background:#10161c;color:#8f99a3;border-radius:9px;padding:8px 5px;font-size:9px;font-weight:900;cursor:pointer}.personality-choice-grid input:checked+span{background:#1c120d;border-color:var(--orange);color:#fff;box-shadow:inset 0 0 0 1px #ff762722}
.personality-save-bar{display:flex;justify-content:flex-end;padding:26px 4px 2px}.personality-save{width:min(320px,100%);min-height:50px;font-size:13px}
@media(max-width:900px){.personality-choice-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:640px){.smartassr-account-tabs{grid-template-columns:1fr}.smartassr-account-tab:first-child,.smartassr-account-tab:last-child{border-radius:9px;border:1px solid #303944}.smartassr-account-tab+.smartassr-account-tab{margin-top:5px}.personality-builder{padding:20px!important;border-radius:14px!important;margin-top:10px!important}.personality-hero h2{font-size:28px}.personality-choice-grid{grid-template-columns:repeat(2,1fr)}.personality-section-head{display:block}.default-badge{display:inline-block;margin-top:10px}.personality-flow{gap:7px}}


/* v26 — cleaner Personality Customizer layout */
.personality-builder{padding:34px!important}
.personality-hero{padding:8px 4px 34px!important}
.personality-main-title{font-size:42px!important;line-height:1!important;letter-spacing:-1.8px!important;margin:0 0 10px!important;color:#fff}
.personality-main-subtitle{font-size:22px!important;line-height:1.1!important;margin:0 0 16px!important;color:#fff}
.personality-hero>p{margin:0 0 22px!important;max-width:820px!important}
.personality-flow{margin:20px 0!important}
.personality-saves{margin-top:20px!important}
.personality-section{padding:38px 4px!important;margin:0!important;border-bottom:1px solid #303943!important}
.personality-section-head{margin:0 0 22px!important;align-items:center!important}
.personality-section-head h2{font-size:27px!important;line-height:1!important;letter-spacing:-.5px!important;margin:0!important;color:#fff!important}
.personality-name-input{margin-top:0!important;max-width:620px!important}
.personality-name-section>small{margin-top:10px!important;max-width:700px!important;font-size:11px!important;line-height:1.45!important}
.make-default-control{margin-top:12px!important;width:max-content!important}
.profile-dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 32px!important;margin:0!important}
.profile-dashboard-grid label{display:grid!important;gap:10px!important;font-size:11px!important}
.profile-dashboard-grid input{min-height:48px!important;padding:13px 15px!important;font-size:13px!important}
.profile-dashboard-sliders{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px 42px!important;border:0!important;padding:0!important;margin:0!important}
.profile-dashboard-sliders label{display:grid!important;grid-template-columns:1fr auto!important;gap:11px!important;align-items:center!important;font-size:11px!important}
.profile-dashboard-sliders label strong{font-size:12px!important}
.profile-dashboard-sliders input[type=range]{grid-column:1/-1!important;width:100%!important}
.personality-choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:0!important}
.personality-choice-grid span{min-height:48px!important;font-size:10px!important}
.personality-save-bar{padding:34px 4px 4px!important}
@media(min-width:1100px){
  .personality-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .profile-dashboard-grid,.profile-dashboard-sliders{grid-template-columns:1fr!important}
  .personality-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .personality-main-title{font-size:34px!important}
  .personality-section-head h2{font-size:23px!important}
}


/* v26 — cleaner Personality Customizer layout */
.personality-builder{padding:34px!important}
.personality-hero{padding:8px 4px 34px!important}
.personality-main-title{font-size:42px!important;line-height:1!important;letter-spacing:-1.8px!important;margin:0 0 10px!important;color:#fff}
.personality-main-subtitle{font-size:22px!important;line-height:1.1!important;margin:0 0 16px!important;color:#fff}
.personality-hero>p{margin:0 0 22px!important;max-width:820px!important}
.personality-flow{margin:20px 0!important}
.personality-saves{margin-top:20px!important}
.personality-section{padding:38px 4px!important;margin:0!important;border-bottom:1px solid #303943!important}
.personality-section-head{margin:0 0 22px!important;align-items:center!important}
.personality-section-head h2{font-size:27px!important;line-height:1!important;letter-spacing:-.5px!important;margin:0!important;color:#fff!important}
.personality-name-input{margin-top:0!important;max-width:620px!important}
.personality-name-section>small{margin-top:10px!important;max-width:700px!important;font-size:11px!important;line-height:1.45!important}
.make-default-control{margin-top:12px!important;width:max-content!important}
.profile-dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 32px!important;margin:0!important}
.profile-dashboard-grid label{display:grid!important;gap:10px!important;font-size:11px!important}
.profile-dashboard-grid input{min-height:48px!important;padding:13px 15px!important;font-size:13px!important}
.profile-dashboard-sliders{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:30px 42px!important;border:0!important;padding:0!important;margin:0!important}
.profile-dashboard-sliders label{display:grid!important;grid-template-columns:1fr auto!important;gap:11px!important;align-items:center!important;font-size:11px!important}
.profile-dashboard-sliders label strong{font-size:12px!important}
.profile-dashboard-sliders input[type=range]{grid-column:1/-1!important;width:100%!important}
.personality-choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:0!important}
.personality-choice-grid span{min-height:48px!important;font-size:10px!important}
.personality-save-bar{padding:34px 4px 4px!important}
@media(min-width:1100px){
  .personality-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .profile-dashboard-grid,.profile-dashboard-sliders{grid-template-columns:1fr!important}
  .personality-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .personality-main-title{font-size:34px!important}
  .personality-section-head h2{font-size:23px!important}
}


/* v27 — locked cleanup #1–#4 */
.smartassr-account-tabs{display:flex!important;align-items:flex-end!important;gap:0!important;margin:28px 0 0!important;padding:0 0 5px!important;border-bottom:5px solid var(--orange)!important;overflow:visible!important}
.smartassr-account-tab{position:relative!important;min-width:245px!important;padding:16px 42px 15px 34px!important;margin:0 -18px 0 0!important;border:1px solid #343d47!important;border-bottom:0!important;border-radius:22px 22px 0 0!important;background:#1a2027!important;color:#c5cbd1!important;font-size:12px!important;font-weight:950!important;letter-spacing:.8px!important;z-index:1!important;clip-path:polygon(0 0,88% 0,100% 100%,0 100%)!important}
.smartassr-account-tab.active{background:var(--orange)!important;border-color:var(--orange)!important;color:#111!important;z-index:3!important}
.personality-section-head h2{color:var(--orange)!important}
.personality-flow,.personality-saves{display:block!important;background:transparent!important;border:0!important;padding:0!important;margin:14px 0 0!important;color:#fff!important;font-size:15px!important;line-height:1.45!important;letter-spacing:0!important}
.personality-flow .flow-label,.personality-saves .saves-label{color:#fff!important;font-size:15px!important;font-weight:950!important;letter-spacing:0!important}
.profile-dashboard-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 48px!important}
.profile-dashboard-grid label{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:center!important;column-gap:16px!important;row-gap:0!important;font-size:13px!important;white-space:nowrap!important}
.profile-dashboard-grid input{width:100%!important;min-width:0!important}
.profile-dashboard-sliders{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 52px!important}
.profile-dashboard-sliders label{min-width:0!important;white-space:nowrap!important}
.profile-dashboard-sliders input[type=range]{width:100%!important}
.personality-choice-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.personality-choice-grid span{min-height:50px!important;padding:10px 12px!important;font-size:11px!important;white-space:nowrap!important}
@media(max-width:1100px){.personality-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.profile-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-dashboard-sliders{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.smartassr-account-tab{min-width:0!important;flex:1!important;padding:13px 20px!important;font-size:10px!important}.profile-dashboard-grid,.profile-dashboard-sliders{grid-template-columns:1fr!important}.profile-dashboard-grid label{grid-template-columns:1fr!important;row-gap:9px!important}.personality-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* SMARTASSR Emoji Style — locked Personality Customizer complement */
.emoji-style-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:56px;
  align-items:start;
}
.emoji-style-sliders{
  display:block !important;
  grid-template-columns:none !important;
}
.emoji-style-sliders label{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  width:100% !important;
  max-width:none !important;
}
.emoji-style-sliders input[type="range"]{
  grid-column:1 / -1 !important;
  width:100% !important;
}
.emoji-level-help{
  grid-column:1 / -1;
  display:block;
  margin-top:13px;
  color:#9ca6b4 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.25px;
  line-height:1.45;
}
.emoji-picker-block{
  min-width:0;
}
.emoji-picker-label{
  display:block;
  color:#9ca6b4 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.7px;
  margin:0 0 14px;
}
.emoji-choice-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(44px,1fr));
  gap:9px;
}
.emoji-choice-grid label{
  position:relative;
  min-width:0;
  margin:0;
  cursor:pointer;
}
.emoji-choice-grid input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.emoji-choice-grid span{
  min-height:46px;
  display:grid;
  place-items:center;
  border:1px solid #313a45;
  border-radius:10px;
  background:#11171d;
  font-size:21px;
  transition:.15s ease;
}
.emoji-choice-grid input:checked + span{
  border-color:#ff7627;
  background:#21150f;
  box-shadow:0 0 0 2px #ff76271a;
}
.emoji-choice-grid span:hover{
  border-color:#596674;
  transform:translateY(-1px);
}
@media(max-width:760px){
  .emoji-style-layout{grid-template-columns:1fr;gap:30px}
  .emoji-choice-grid{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:460px){
  .emoji-choice-grid{grid-template-columns:repeat(4,1fr)}
}


/* Emoji Style polish — visual only; preserves working slider + personality behavior */
.emoji-style-layout{
  display:block !important;
}
.emoji-style-sliders{
  width:100% !important;
  max-width:560px !important;
  margin:0 0 34px !important;
}
.emoji-style-sliders label{
  width:100% !important;
}
.emoji-level-help{
  margin-top:14px !important;
  color:#9ca6b4 !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
  line-height:1.5 !important;
}
.emoji-picker-block{
  margin-top:0 !important;
}
.emoji-picker-head{
  display:flex;
  align-items:center;
  gap:16px;
  margin:0 0 15px;
}
.emoji-picker-label{
  margin:0 !important;
  color:#9ca6b4 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.8px !important;
}
.emoji-select-all{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  width:auto !important;
  margin:0 !important;
  color:#9ca6b4 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.55px !important;
  cursor:pointer;
}
.emoji-select-all input{
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  accent-color:#ff7627;
}
.emoji-choice-grid{
  display:grid !important;
  grid-template-columns:repeat(9,56px) !important;
  gap:11px 12px !important;
  justify-content:start !important;
  max-width:620px !important;
}
.emoji-choice-grid label{
  width:56px !important;
  min-width:56px !important;
  margin:0 !important;
}
.emoji-choice-grid span{
  min-height:50px !important;
  font-size:24px !important;
}
@media(max-width:760px){
  .emoji-style-sliders{max-width:100% !important}
  .emoji-choice-grid{grid-template-columns:repeat(6,52px) !important}
  .emoji-choice-grid label{width:52px !important;min-width:52px !important}
}
@media(max-width:460px){
  .emoji-picker-head{align-items:flex-start;flex-direction:column;gap:8px}
  .emoji-choice-grid{grid-template-columns:repeat(4,52px) !important}
}


/* Emoji Style v3 — locked scoped presentation */
#assControlTabPanel .emoji-style-layout{
  display:block !important;
}
#assControlTabPanel .emoji-style-sliders{
  display:block !important;
  width:420px !important;
  max-width:420px !important;
  margin:0 0 32px !important;
}
#assControlTabPanel .emoji-style-sliders label{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  width:420px !important;
  max-width:420px !important;
}
#assControlTabPanel .emoji-style-sliders input[type="range"]{
  grid-column:1 / -1 !important;
  width:420px !important;
  max-width:420px !important;
}
#assControlTabPanel .emoji-level-help{
  grid-column:1 / -1 !important;
  display:block !important;
  margin-top:13px !important;
  color:#9ca6b4 !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  line-height:1.45 !important;
  white-space:nowrap;
}
#assControlTabPanel .emoji-picker-block{
  margin:0 !important;
  padding:0 !important;
}
#assControlTabPanel .emoji-picker-head{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 14px !important;
}
#assControlTabPanel .emoji-picker-label{
  display:block !important;
  margin:0 !important;
  color:#9ca6b4 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.8px !important;
  line-height:1 !important;
}
#assControlTabPanel .emoji-select-all{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  cursor:pointer !important;
}
#assControlTabPanel .emoji-select-all > input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#assControlTabPanel .emoji-select-all > span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:26px !important;
  padding:0 10px !important;
  border:1px solid #313a45 !important;
  border-radius:7px !important;
  background:#11171d !important;
  color:#9ca6b4 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.55px !important;
}
#assControlTabPanel .emoji-select-all > input:checked + span{
  border-color:#ff7627 !important;
  background:#21150f !important;
  color:#fff !important;
}
#assControlTabPanel #profileEmojiChoices.emoji-choice-grid{
  display:grid !important;
  grid-template-columns:repeat(9,58px) !important;
  grid-auto-rows:54px !important;
  gap:10px 11px !important;
  width:max-content !important;
  max-width:none !important;
  justify-content:start !important;
  align-items:stretch !important;
}
#assControlTabPanel #profileEmojiChoices.emoji-choice-grid label{
  position:relative !important;
  display:block !important;
  width:58px !important;
  min-width:58px !important;
  height:54px !important;
  margin:0 !important;
  padding:0 !important;
  cursor:pointer !important;
}
#assControlTabPanel #profileEmojiChoices.emoji-choice-grid label > input{
  position:absolute !important;
  opacity:0 !important;
  width:1px !important;
  height:1px !important;
  pointer-events:none !important;
}
#assControlTabPanel #profileEmojiChoices.emoji-choice-grid label > span{
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  width:58px !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #313a45 !important;
  border-radius:9px !important;
  background:#11171d !important;
  color:#fff !important;
  font-size:25px !important;
  line-height:1 !important;
  transition:.15s ease !important;
}
#assControlTabPanel #profileEmojiChoices.emoji-choice-grid label > input:checked + span{
  border-color:#ff7627 !important;
  background:#21150f !important;
  box-shadow:0 0 0 2px rgba(255,118,39,.12) !important;
}
#assControlTabPanel #profileEmojiChoices.emoji-choice-grid label > span:hover{
  border-color:#ff7627 !important;
  transform:translateY(-1px) !important;
}
@media(max-width:760px){
  #assControlTabPanel .emoji-style-sliders,
  #assControlTabPanel .emoji-style-sliders label,
  #assControlTabPanel .emoji-style-sliders input[type="range"]{
    width:100% !important;
    max-width:100% !important;
  }
  #assControlTabPanel .emoji-level-help{white-space:normal !important}
  #assControlTabPanel #profileEmojiChoices.emoji-choice-grid{
    grid-template-columns:repeat(6,54px) !important;
  }
  #assControlTabPanel #profileEmojiChoices.emoji-choice-grid label,
  #assControlTabPanel #profileEmojiChoices.emoji-choice-grid label > span{
    width:54px !important;
    min-width:54px !important;
  }
}