/* Unthought website. Layout follows ClickFunnels' homepage, in Unthought's colors. */
:root{
  --night:#15112B; --night-2:#211A40; --night-3:#2C2452;
  --ink:#1D1B26; --body:#45454B; --muted:#6E6E74; --canvas:#F7F5F2; --card:#ECE9E4;
  --orange:#FF9F43; --cta:#FFB45C; --pink:#F2588F; --violet:#A45CF2; --blue:#4C8DFF; --mint:#22B07A; --sky:#9FB4FF;
  --grad:linear-gradient(100deg,var(--pink) 0%,var(--violet) 55%,var(--orange) 100%);
  --radius:14px;
  --display:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --text:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--text);color:var(--body);background:var(--canvas);line-height:1.6;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
figure{margin:0}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--display);color:var(--ink);letter-spacing:-.03em;line-height:1.05;margin:0}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--cta);color:var(--ink);font-weight:700;font-size:15px;text-decoration:none;border:0;border-radius:8px;padding:12px 18px;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.08);transition:transform .15s,filter .15s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.btn.small{font-size:13px;padding:9px 14px}
.btn .arr{font-weight:800}
.link{color:#B9B3D9;font-size:14px;text-underline-offset:3px}

/* Announcement bar */
.announce{background:var(--grad);color:#fff;text-align:center;font-size:14px;font-weight:600;padding:9px 16px}
.announce a{color:#fff;text-underline-offset:3px}

/* Nav */
.nav{background:var(--night);position:sticky;top:0;z-index:20}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.02em}
.brand img{width:32px;height:auto}
.nav ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.nav ul a{color:#E7E3FF;text-decoration:none;font-size:14px;font-weight:500}
.nav ul a:hover{color:#fff}
@media (max-width:760px){.nav ul li.hide-m{display:none}}

/* Hero */
.hero{background:var(--night);color:#fff;position:relative;overflow:hidden;padding:96px 0 0}
.hero h1{color:#fff;font-size:clamp(36px,5.2vw,72px);text-align:center;font-weight:800}
.hero h1 .rotline{display:block;color:var(--sky);min-height:1.1em}
@media (max-width:1100px){.hero h1 .rotline{min-height:2.2em}}
.hero h1 .rotline #rot{white-space:normal}
.caret{display:inline-block;width:.06em;height:.9em;background:var(--sky);margin-left:.06em;vertical-align:-.08em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (prefers-reduced-motion: reduce){.caret{animation:none}}
.hero .sub{text-align:center;font-size:19px;color:#E9E6FF;margin:30px 0 16px}
.hero .ctas{display:flex;justify-content:center}
.hero .note{text-align:center;color:#B9B3D9;font-size:14px;margin:14px 0 0}
.shard{position:absolute;width:150px;height:380px;border-radius:26px;opacity:.85;
  background-image:radial-gradient(rgba(255,255,255,.55) 1.2px,transparent 1.4px),var(--g);background-size:7px 7px,100% 100%}
.shard.s1{--g:linear-gradient(160deg,#9FB4FF,#4C8DFF 60%,transparent);left:-40px;top:40px;transform:rotate(35deg)}
.shard.s2{--g:linear-gradient(200deg,#F2588F,#A45CF2 70%,transparent);left:-70px;top:330px;transform:rotate(-38deg)}
.shard.s3{--g:linear-gradient(160deg,#FFB45C,#F2588F 70%,transparent);right:-50px;top:90px;transform:rotate(-35deg)}
.shard.s4{--g:linear-gradient(200deg,#A45CF2,#22B07A 80%,transparent);right:-60px;top:400px;transform:rotate(38deg)}
@media (max-width:760px){.shard{opacity:.35;width:90px;height:240px}}

/* Tabs showcase */
.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:84px 0 16px;position:relative;z-index:2}
.tabs button{background:transparent;border:0;color:#E7E3FF;font:600 15px var(--text);padding:9px 14px;border-radius:8px;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--sky);color:var(--night)}
.showcase{position:relative;z-index:2;background:var(--card);border-radius:18px 18px 0 0;display:grid;grid-template-columns:38% 62%;min-height:560px;overflow:hidden}
.showcase .copy{padding:56px 48px;border-right:1px solid #D9D5CE;display:flex;flex-direction:column;justify-content:center}
.showcase h3{font-size:30px;margin-bottom:14px}
.showcase p{color:#3A3746;margin:0 0 22px}
.showcase p b{color:var(--ink)}
.showcase .visual{display:flex;align-items:center;justify-content:center;padding:40px;background:radial-gradient(50% 60% at 50% 55%,rgba(164,92,242,.18),transparent 70%),#E6E2DC}
.phone{width:290px;border-radius:42px;border:10px solid #141218;box-shadow:0 30px 60px rgba(21,17,43,.25);overflow:hidden;background:#fff}
.panel[hidden]{display:none}
@media (max-width:860px){.showcase{grid-template-columns:1fr}.showcase .copy{border-right:0;border-bottom:1px solid #D9D5CE;padding:36px 28px}}

/* Promise strip (in place of a press-logo strip) */
.strip{background:var(--night)}
.strip .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px 30px;padding:46px 24px}
.strip span{font-family:var(--display);font-weight:800;font-size:clamp(18px,2.1vw,26px);color:#8E88B6;letter-spacing:-.02em}

/* Coach-line cards and stats */
.voices{background:var(--night);padding:10px 0 90px}
.stats{display:flex;justify-content:center;gap:80px;flex-wrap:wrap;padding:20px 0 50px}
.stat{text-align:center}
.stat b{display:block;font-family:var(--display);font-size:56px;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}
.stat small{color:#B9B3D9;font-size:15px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.qcard{background:var(--night-3);border-radius:10px;padding:30px 26px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px}
.qcard q{color:#fff;font-size:17px;line-height:1.5}
.who{display:flex;align-items:center;gap:12px;margin-top:26px}
.who img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.who b{color:#fff;display:block;font-weight:600}
.who small{color:#B9B3D9;font-size:12px}
@media (max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.cards{grid-template-columns:1fr}.stats{gap:40px}}

/* Light sections */
.light{background:var(--canvas);padding:110px 0}
.center{text-align:center}
.big{font-size:clamp(40px,6vw,76px);font-weight:800}
.badge{display:inline-block;position:relative;color:#fff;padding:0 .28em;margin-left:.12em;z-index:0}
.badge::before{content:"";position:absolute;inset:-.06em -.12em -.1em;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.2px),var(--grad);background-size:6px 6px,100% 100%;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%);transform:rotate(-2deg)}
.lead{max-width:760px;margin:26px auto 0;font-size:20px;font-weight:600;color:#2B2838;line-height:1.5}

/* The loop */
.loop{margin-top:110px}
.loop h2{font-size:clamp(32px,4.4vw,50px);text-align:center;margin-bottom:56px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:start}
.step{text-align:center;padding:0 6px}
.step:nth-child(even){margin-top:150px}
.step .ic{width:62px;height:62px;border-radius:18px;margin:0 auto 12px;display:grid;place-items:center;font-size:30px;background:#fff;box-shadow:0 8px 24px rgba(21,17,43,.08)}
.step h3{font-size:24px;margin-bottom:8px}
.step p{font-size:14px;margin:0;color:#3A3746}
.arrowrow{display:none}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}.step:nth-child(even){margin-top:0}}
.loop .ctas{text-align:center;margin-top:56px}

/* Dark coaches section */
.dark{background:var(--night);color:#fff;padding:110px 0;position:relative;overflow:hidden}
.dark h2{color:#fff;font-size:clamp(34px,4.8vw,54px);text-align:center}
.dark .lead{color:#E9E6FF;font-weight:500}
.vids{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.vid{text-align:center}
.vid .frame{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:4/5;background:#000;cursor:pointer}
.vid .frame img,.vid .frame video{width:100%;height:100%;object-fit:cover}
.vid .play{position:absolute;left:14px;top:14px;width:42px;height:42px;border-radius:50%;background:var(--cta);display:grid;place-items:center;border:0;cursor:pointer}
.vid .play::after{content:"";border-left:13px solid var(--ink);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.vid.playing .play{display:none}
.vid q{display:block;color:#fff;font-size:17px;margin-top:16px}
.vid small{color:#B9B3D9;font-size:14px}
.disclose{text-align:center;color:#B9B3D9;font-size:14px;margin-top:34px}
.dark .ctas{text-align:center;margin-top:30px}
@media (max-width:980px){.vids{grid-template-columns:repeat(2,1fr)}}

/* Practices carousel */
.carousel-head{display:flex;justify-content:space-between;align-items:end}
.carousel-head h2{font-size:clamp(32px,4.4vw,50px)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:290px;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 0 24px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.pcard{scroll-snap-align:start;border-radius:10px;overflow:hidden;background:var(--card);display:flex;flex-direction:column}
.pcard .top{padding:24px 22px 26px;min-height:150px}
.pcard h3{font-size:19px;letter-spacing:-.01em;display:flex;justify-content:space-between;gap:10px}
.pcard p{font-size:14px;margin:12px 0 0;color:#3A3746}
.pcard .bottom{height:170px;background:var(--c)}
.navbtns{display:flex;gap:10px}
.navbtns button{width:40px;height:40px;border-radius:8px;border:1.5px solid #CFCAC2;background:transparent;cursor:pointer;font-size:18px}
.navbtns button:last-child{border-color:var(--ink)}

/* Final CTA */
.final{padding:130px 0 140px}

/* Footer */
footer.site{background:var(--night);color:#B9B3D9;padding:80px 0 40px}
footer.site .brand{justify-content:center}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:56px auto 0}
.cols h4{color:#fff;font-weight:600;font-size:17px;margin:0 0 14px}
.cols a{display:block;color:#B9B3D9;text-decoration:none;font-size:14px;margin:9px 0}
.cols a:hover{color:#fff}
.social{display:flex;justify-content:center;gap:26px;margin:60px 0 34px}
.social a{color:#C9C3EA}
.legal{border-top:1px solid #2C2452;padding-top:26px;text-align:center;font-size:13px}
@media (max-width:620px){.cols{grid-template-columns:1fr 1fr}}

/* Simple pages (privacy, support) */
.page{max-width:760px;margin:0 auto;padding:70px 24px 100px}
.page h1{font-size:clamp(36px,6vw,56px);margin-bottom:12px}
.page h2{font-size:22px;margin:36px 0 8px;letter-spacing:-.01em}
.page a{color:#5B3FD6}
.page .muted{color:var(--muted);font-size:15px}