@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-light.ttf") format("truetype"); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-regular.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-medium.ttf") format("truetype"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-semibold.ttf") format("truetype"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-bold.ttf") format("truetype"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-extrabold.ttf") format("truetype"); font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-black.ttf") format("truetype"); font-weight:900; font-style:normal; font-display:swap; }
@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-italic.ttf") format("truetype"); font-weight:400; font-style:italic; font-display:swap; }
@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-bold-italic.ttf") format("truetype"); font-weight:700; font-style:italic; font-display:swap; }
@font-face { font-family:"Poppins"; src:url("./assets/fonts/poppins-black-italic.ttf") format("truetype"); font-weight:900; font-style:italic; font-display:swap; }

:root { --ink:#101010; --paper:#dededc; --white:#f4f4f0; --green:#65c955; --orange:#ff4d00; --line:rgba(16,16,16,.2); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Poppins", Arial, sans-serif; font-weight:400; letter-spacing:.025em; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
strong,b { font-weight:600; }
::selection { background:var(--orange); color:white; }
.site-header { position:fixed; z-index:50; top:14px; left:50%; transform:translateX(-50%); width:min(1180px,calc(100% - 28px)); height:64px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 18px; background:rgba(244,244,240,.9); border:1px solid rgba(16,16,16,.13); border-radius:12px; backdrop-filter:blur(18px); box-shadow:0 8px 30px rgba(0,0,0,.06); }
.brand { display:flex; align-items:center; width:max-content; }
.brand img { display:block; width:102px; height:auto; }
.footer-brand img { display:block; width:min(220px,70vw); height:auto; }
.nav { display:flex; gap:28px; font-size:11px; font-weight:600; letter-spacing:.08em; }
.nav a,.footer-links a { transition:opacity .2s; }
.nav a:hover,.footer-links a:hover { opacity:.5; }
.header-cta { justify-self:end; background:var(--ink); color:white; padding:13px 17px; border-radius:8px; font-size:11px; font-weight:600; letter-spacing:.08em; display:flex; gap:22px; }
.menu-button { display:none; background:none; border:0; font-size:11px; font-weight:600; }
.hero { min-height:100svh; padding:145px max(24px,calc((100vw - 1180px)/2)) 40px; display:flex; flex-direction:column; justify-content:center; position:relative; isolation:isolate; overflow:hidden; color:white; background:#071120; }
.hero::before { content:""; position:absolute; z-index:0; inset:-14px; background-image:linear-gradient(90deg,rgba(4,8,18,.93) 0%,rgba(4,8,18,.76) 36%,rgba(4,8,18,.15) 69%,rgba(4,8,18,.27) 100%),url("./assets/banner-murillo.png"); background-size:cover; background-position:center; background-repeat:no-repeat; transform:scale(1.02); }
.hero::after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:rgba(5,10,20,.08); box-shadow:inset 0 0 110px 34px rgba(3,7,15,.6); -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px); -webkit-mask-image:radial-gradient(ellipse 72% 74% at center,transparent 48%,#000 94%); mask-image:radial-gradient(ellipse 72% 74% at center,transparent 48%,#000 94%); }
.hero>* { position:relative; z-index:1; }
.hero-kicker,.eyebrow { font-size:11px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.status-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--green); margin-right:8px; box-shadow:0 0 0 5px rgba(101,201,85,.16); }
.hero h1,.hero h1 * { text-transform:none!important; }
.hero h1 { margin:38px 0; padding:.08em .06em .12em; overflow:visible; font-family:"Poppins",sans-serif; font-size:calc(clamp(31px,3.675vw,56px) * 1.5); line-height:1.12; letter-spacing:-.025em; font-weight:400; max-width:980px; text-shadow:0 3px 28px rgba(0,0,0,.34); }
.hero-first-line { display:block; white-space:nowrap; }
.hero h1 strong { color:var(--orange); font-weight:600; }
.hero h1 .hero-highlight { display:inline-block; white-space:nowrap; color:#fff; background:none; -webkit-background-clip:border-box; background-clip:border-box; -webkit-text-fill-color:#fff; font-weight:600; text-shadow:0 4px 24px rgba(255,255,255,.25),0 10px 30px rgba(0,0,0,.38); }
.hero h1 .hero-solid-line { color:white; outline:0; -webkit-text-stroke:0; }
h1,h2 { overflow:visible; color:transparent; background:linear-gradient(110deg,#ff4d00 0%,#ff7640 28%,#fff0e7 48%,#ff8b55 62%,#ff4d00 100%); background-size:220% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; -webkit-box-decoration-break:clone; box-decoration-break:clone; text-shadow:0 10px 34px rgba(255,77,0,.2); animation:headline-shimmer 4.8s ease-in-out infinite; }
.testimonials h2,.final-cta h2 { background-image:linear-gradient(110deg,#fff 0%,#ffd9c8 30%,#fff 48%,#ffc0a3 66%,#fff 100%); text-shadow:0 10px 30px rgba(60,10,0,.18); }
@keyframes headline-shimmer { 0%,100% { background-position:0% center; filter:drop-shadow(0 0 0 rgba(255,77,0,0)); } 50% { background-position:100% center; filter:drop-shadow(0 4px 12px rgba(255,116,64,.22)); } }
.hero-bottom { display:flex; justify-content:flex-start; gap:34px; align-items:center; }
.hero-bottom p { width:min(620px,100%); font-size:26px; line-height:1.4; margin:0; }
.sales-stream { position:absolute; z-index:3; right:max(28px,calc((100vw - 1380px)/2)); bottom:0; width:min(298px,20vw); height:50%; overflow:hidden; pointer-events:none; mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 88%,transparent 100%); }
.sale-card { position:absolute; left:0; bottom:-90px; width:100%; height:auto; opacity:0; filter:drop-shadow(0 14px 24px rgba(0,0,0,.34)); animation:sale-rise 40s linear infinite; will-change:transform,opacity; }
@keyframes sale-rise {
  0% { transform:translate3d(110%,40px,0) scale(.92); opacity:0; }
  3% { transform:translate3d(-12px,34px,0) scale(1.025); opacity:.96; }
  5% { transform:translate3d(4px,27px,0) scale(.99); opacity:.96; }
  7% { transform:translate3d(0,20px,0) scale(1); opacity:.96; }
  78% { opacity:.96; }
  100% { transform:translate3d(0,-520px,0) scale(.98); opacity:0; }
}
.section-pad { padding:130px max(24px,calc((100vw - 1180px)/2)); }
.manifesto { display:block; }
.manifesto-copy { max-width:980px; margin:0 auto; text-align:center; }
.manifesto-copy h2,.section-heading h2,.why h2,.founder h2,.faq h2 { padding:.08em .05em .12em; font-family:"Poppins",sans-serif; font-size:clamp(52px,6.5vw,92px); line-height:1.1; font-weight:400; letter-spacing:-.025em; margin:0 0 45px; }
.manifesto-copy p { max-width:760px; font-size:22px; line-height:1.45; margin:0 auto 24px; }
.manifesto-copy .accent-text { color:var(--orange); font-family:"Poppins",sans-serif; font-style:italic; font-weight:600; font-size:30px; }
.deliverables { background:var(--white); }
.deliverables .section-heading h2 { font-size:clamp(26px,3.25vw,46px); }
.deliverables .section-heading>p { max-width:780px; font-size:22px; }
.section-heading { max-width:980px; margin:0 auto 70px; text-align:center; }
.section-heading h2 { margin:0 auto; }
.section-heading>p { max-width:640px; margin:24px auto 0; font-size:17px; line-height:1.5; }
.cards-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.service-card { min-height:340px; padding:25px; border:1px solid rgba(10,10,10,.11); border-radius:18px; display:flex; flex-direction:column; background:linear-gradient(145deg,#fff 0%,#f4f3f0 100%); box-shadow:0 10px 28px rgba(12,12,12,.045); overflow:hidden; transition:background .3s,color .3s,transform .3s,box-shadow .3s,border-color .3s; }
.service-card:hover { border-color:rgba(255,77,0,.38); background:var(--ink); color:white; transform:translateY(-7px); box-shadow:0 24px 45px rgba(12,12,12,.18); }
.card-top { display:flex; justify-content:space-between; font-size:11px; font-weight:600; }
.card-icon { position:relative; isolation:isolate; min-width:54px; height:54px; padding:0 9px; border:1px solid rgba(255,255,255,.58); border-radius:16px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#ff8a59 0%,#ff4d00 48%,#c92d00 100%); color:white; box-shadow:inset 2px 2px 3px rgba(255,255,255,.55),inset -4px -5px 8px rgba(104,20,0,.3),0 11px 18px rgba(255,77,0,.25),0 3px 0 #9d2605; font-family:"Poppins",sans-serif; font-size:25px; line-height:1; font-weight:600; text-shadow:0 2px 2px rgba(83,13,0,.42); transform:perspective(120px) rotateX(7deg) rotateY(-7deg); transition:transform .35s,box-shadow .35s,filter .35s; }
.card-icon::before { content:""; position:absolute; z-index:-1; inset:3px 4px 52% 4px; border-radius:12px 12px 8px 8px; background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,.04)); }
.card-icon::after { content:""; position:absolute; z-index:-1; width:34px; height:16px; right:-9px; bottom:-7px; border-radius:50%; background:rgba(80,10,0,.24); filter:blur(5px); }
.service-card:hover .card-icon { filter:saturate(1.12) brightness(1.08); transform:perspective(120px) rotateX(0) rotateY(0) rotate(-4deg) scale(1.08); box-shadow:inset 2px 2px 3px rgba(255,255,255,.62),inset -4px -5px 8px rgba(104,20,0,.24),0 15px 25px rgba(255,77,0,.36),0 4px 0 #8f2204; }
.service-card h3 { margin:auto 0 18px; font-family:"Poppins",sans-serif; font-size:25px; line-height:1.12; letter-spacing:.02em; font-weight:600; }
.service-card p { margin:0; font-size:17px; line-height:1.5; opacity:.78; }
.experience,.why { background:var(--ink); color:white; }
.eyebrow.light { color:rgba(255,255,255,.6); }
.experience-layout { display:flex; flex-direction:column; gap:26px; align-items:center; }
.experience-layout h2 { max-width:900px; padding:.08em .05em .12em; font-family:"Poppins",sans-serif; font-size:clamp(36px,4.9vw,70px); line-height:1.1; letter-spacing:-.025em; font-weight:400; margin:0; text-align:center; }
.experience-layout>p { max-width:760px; margin:0 auto; font-size:22px; line-height:1.55; text-align:center; }
.macbook { width:100%; max-width:1000px; margin-top:22px; filter:drop-shadow(0 38px 60px rgba(0,0,0,.45)); perspective:1200px; }
.macbook-screen { position:relative; padding:11px; border:2px solid #666; border-bottom-color:#2b2b2b; border-radius:18px 18px 8px 8px; background:linear-gradient(145deg,#555,#101010 12%,#050505 90%); transform:rotateY(-2deg) rotateX(1deg); overflow:hidden; }
.course-browser { height:34px; padding:0 12px; border-radius:8px 8px 0 0; display:flex; align-items:center; gap:6px; background:#181818; color:#aaa; font-size:7px; letter-spacing:.12em; }
.course-browser i { width:7px; height:7px; border-radius:50%; background:#494949; }.course-browser>img { width:auto; height:16px; margin-left:8px; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); }.course-browser b { margin-left:auto; color:#eee; font-size:7px; }
.course-scroll { height:560px; padding:14px; overflow:hidden; background:linear-gradient(180deg,#262522,#111); }
.course-banner { position:relative; width:100%; height:auto; aspect-ratio:1920/627; border-radius:10px; overflow:hidden; background:#565651; }
.course-banner>img { width:100%; height:100%; display:block; object-fit:contain; }
.course-banner-status { position:absolute; left:14px; right:14px; bottom:12px; padding:10px 12px; border:1px solid rgba(255,255,255,.18); border-radius:7px; display:flex; align-items:center; gap:7px; background:rgba(12,12,12,.72); backdrop-filter:blur(8px); color:#ccc; font-size:7px; font-weight:600; letter-spacing:.11em; }
.course-banner-status b { margin-left:auto; max-width:52%; overflow:hidden; color:white; text-overflow:ellipsis; white-space:nowrap; }.course-live-dot { width:6px; height:6px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(255,77,0,.16); }
.course-section-head { margin:18px 2px 10px; display:flex; align-items:end; justify-content:space-between; }.course-section-head div { display:flex; flex-direction:column; gap:3px; }.course-section-head span,.course-section-head small { color:#777; font-size:7px; font-weight:600; letter-spacing:.14em; }.course-section-head strong { font-family:"Poppins",sans-serif; font-size:17px; }.course-section-head>small { color:var(--orange); }
.course-modules { display:flex; width:max-content; gap:9px; animation:course-modules-loop 34s linear infinite; will-change:transform; }
.course-modules-secondary { display:none; }
.course-modules:hover { animation-play-state:paused; }
@keyframes course-modules-loop { from { transform:translateX(0); } to { transform:translateX(calc(-50% - 4.5px)); } }
.course-module { position:relative; flex:0 0 130px; height:155px; padding:0; border:1px solid rgba(255,255,255,.1); border-radius:8px; overflow:hidden; background:#222; color:white; text-align:left; cursor:pointer; transition:flex-basis .65s cubic-bezier(.22,1,.36,1),border-color .3s,transform .3s; }
.course-module.active { flex-basis:186px; border-color:var(--orange); transform:translateY(-3px); }.course-module>img { width:100%; height:100%; object-fit:cover; display:block; opacity:.68; transition:opacity .35s,transform .7s; }.course-module.active>img { opacity:1; transform:scale(1.04); }
.course-module>span { position:absolute; left:9px; right:32px; bottom:9px; display:flex; flex-direction:column; gap:2px; text-shadow:0 2px 8px #000; }.course-module small { color:#ddd; font-size:6px; letter-spacing:.12em; }.course-module b { overflow:hidden; font-size:10px; line-height:1.05; text-overflow:ellipsis; white-space:nowrap; }.course-module>i { position:absolute; right:8px; bottom:8px; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; background:rgba(0,0,0,.65); color:var(--orange); font-size:8px; font-style:normal; }
.course-cursor { display:none; }
.macbook-base { position:relative; width:112%; height:19px; margin-left:-6%; border-radius:2px 2px 40% 40%; background:linear-gradient(180deg,#d4d4d4,#777 38%,#252525 42%,#7a7a7a 62%,#bdbdbd); box-shadow:0 13px 18px rgba(0,0,0,.35); }.macbook-base span { position:absolute; top:0; left:42%; width:16%; height:6px; border-radius:0 0 8px 8px; background:#777; }
.benefits-list { margin-top:55px; border-top:1px solid var(--line); }
.benefits .section-heading h2 { font-size:clamp(36px,4.55vw,64px); }
.benefit-row { display:grid; grid-template-columns:80px 1fr; align-items:center; gap:25px; min-height:112px; border-bottom:1px solid var(--line); transition:padding .25s,background .25s,color .25s; }
.benefit-row:hover { padding:0 22px; background:var(--orange); color:white; }
.benefit-row span { font-size:11px; }.benefit-row h3 { font-family:"Poppins",sans-serif; font-size:clamp(17px,2.1vw,31px); margin:0; line-height:1.25; letter-spacing:.01em; font-weight:400; }
.why-intro { max-width:980px; margin:0 auto; text-align:center; }.why-intro h2 { margin-left:auto; margin-right:auto; font-size:clamp(26px,3.25vw,46px); }.why-intro p { max-width:820px; margin:24px auto 0; color:#bbb; font-size:26px; line-height:1.45; }
.why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:60px; }
.why-grid article { position:relative; min-height:330px; padding:22px; border:1px solid rgba(255,255,255,.12); border-radius:16px; display:flex; flex-direction:column; background:linear-gradient(145deg,#181818,#0d0d0d); box-shadow:0 18px 35px rgba(0,0,0,.24); transition:transform .3s,border-color .3s,box-shadow .3s; }
.why-grid article:not(:last-child)::after { content:""; position:absolute; z-index:4; top:96px; left:calc(100% + 1px); width:16px; height:2px; background:linear-gradient(90deg,#ff4d00,#ff986e); box-shadow:0 0 10px rgba(255,77,0,.8); }
.why-grid article:hover { z-index:3; border-color:rgba(255,77,0,.52); transform:translateY(-6px); box-shadow:0 26px 48px rgba(0,0,0,.36); }
.why-number { align-self:flex-start; padding:7px 10px 6px; border-radius:8px; background:var(--orange); color:white; font-size:10px; font-weight:600; letter-spacing:.08em; box-shadow:0 7px 16px rgba(255,77,0,.25); }
.why-card-heading { display:grid; grid-template-columns:minmax(0,1fr) 54px; align-items:center; gap:14px; margin:24px 0 18px; }.why-icon { position:relative; z-index:5; width:54px; height:54px; border:1px solid rgba(255,255,255,.6); border-radius:16px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#ff8a59 0%,#ff4d00 48%,#c92d00 100%); color:white; box-shadow:inset 2px 2px 3px rgba(255,255,255,.55),inset -4px -5px 8px rgba(104,20,0,.3),0 11px 18px rgba(255,77,0,.28),0 3px 0 #9d2605; font-family:"Poppins",sans-serif; font-size:24px; font-weight:600; line-height:1; text-shadow:0 2px 2px rgba(83,13,0,.42); transform:perspective(120px) rotateX(7deg) rotateY(-7deg); transition:transform .35s,box-shadow .35s; }
.why-icon::before { content:""; position:absolute; inset:3px 4px 52% 4px; border-radius:12px 12px 8px 8px; background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,.04)); }
.why-grid article:hover .why-icon { transform:perspective(120px) rotateX(0) rotateY(0) rotate(-4deg) scale(1.08); box-shadow:inset 2px 2px 3px rgba(255,255,255,.62),inset -4px -5px 8px rgba(104,20,0,.24),0 15px 25px rgba(255,77,0,.38),0 4px 0 #8f2204; }
.why-grid h3 { margin:0; font-family:"Poppins",sans-serif; font-weight:600; font-size:20px; line-height:1.12; letter-spacing:.02em; }.why-grid p { margin:0; color:#aaa; font-family:"Poppins",sans-serif; font-weight:400; font-size:16.8px; line-height:1.35; }
.founder { display:grid; grid-template-columns:minmax(300px,.9fr) minmax(0,1.35fr); gap:70px; align-items:center; }
.founder-photo { display:block; width:100%; aspect-ratio:2/3; object-fit:cover; object-position:center top; border-radius:18px; box-shadow:0 28px 70px rgba(0,0,0,.16); }
.founder-copy { text-align:left; }.founder-copy h2 { margin:30px 0; }.founder-lead { font-family:"Poppins",sans-serif; font-style:normal; font-weight:600; font-size:28px!important; line-height:1.25!important; }.founder-copy p { max-width:760px; margin:0 0 20px; font-size:17px; line-height:1.65; }.founder-copy strong { font-weight:600; color:var(--orange); }
.founder-tags { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:35px; }.founder-tags span { border:1px solid var(--ink); border-radius:40px; padding:10px 15px; font-size:10px; font-weight:600; }
.testimonials { background:var(--orange); }
.testimonials .section-heading h2 { max-width:780px; color:white; font-size:clamp(36px,4.55vw,64px); }
.quote-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.instagram-post { min-width:0; border:1px solid rgba(255,255,255,.5); border-radius:18px; overflow:hidden; background:#fff; color:var(--ink); box-shadow:0 18px 38px rgba(108,25,0,.2); transition:transform .3s,box-shadow .3s; }
.instagram-post:hover { transform:translateY(-7px); box-shadow:0 28px 50px rgba(108,25,0,.3); }
.instagram-post header { min-height:76px; padding:12px 14px; display:flex; align-items:center; gap:10px; border-bottom:1px solid #eee; }
.instagram-post header img { width:48px; height:48px; flex:0 0 48px; border:3px solid white; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px var(--orange),0 5px 12px rgba(0,0,0,.16); }
.instagram-post header div { min-width:0; display:flex; flex-direction:column; gap:2px; }.instagram-post header strong { overflow:hidden; font-family:"Poppins",sans-serif; font-size:14px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }.instagram-post header small { color:#777; font-size:8px; }.instagram-post header>b { margin-left:auto; font-size:12px; letter-spacing:1px; }
.instagram-body { min-height:290px; padding:24px; display:flex; flex-direction:column; align-items:center; text-align:center; background:linear-gradient(145deg,#fff,#f3f1ed); }
.instagram-body>span { color:var(--orange); font-family:"Poppins",sans-serif; font-size:68px; line-height:.7; }.instagram-body p { margin:auto 0; font-family:"Poppins",sans-serif; font-style:italic; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:.015em; text-align:center; }
.instagram-post footer { min-height:58px; padding:13px 15px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #eee; }.instagram-post footer span { font-size:20px; letter-spacing:4px; }.instagram-post footer small { color:#777; font-size:7px; font-weight:600; letter-spacing:.12em; }
.faq { display:block; }.faq-title { text-align:center; }.faq-title h2 { margin:0 auto 65px; }.faq-list { border-top:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }.faq-item button { width:100%; display:grid; grid-template-columns:55px 1fr auto; gap:16px; align-items:center; border:0; background:none; color:inherit; padding:25px 0; text-align:left; cursor:pointer; }
.faq-item button span { font-size:10px; }.faq-item button strong { font-family:"Poppins",sans-serif; font-weight:600; font-size:18px; }.faq-item button i { font-style:normal; font-size:25px; color:var(--orange); }
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }.faq-answer p { overflow:hidden; margin:0; max-width:640px; line-height:1.6; color:#555; }.faq-item.active .faq-answer { grid-template-rows:1fr; }.faq-item.active .faq-answer p { padding:0 0 28px 71px; }
.final-cta { background:var(--orange); color:white; min-height:85svh; padding:120px max(24px,calc((100vw - 1180px)/2)); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.final-cta h2 { padding:.08em .05em .12em; color:white; font-family:"Poppins",sans-serif; font-size:clamp(38px,5.8vw,85px); font-weight:400; letter-spacing:-.025em; line-height:1.1; margin:45px 0 65px; }.final-cta h2 span { color:white; -webkit-text-stroke:0; }
.final-cta>a { background:var(--ink); padding:20px 24px; display:flex; gap:45px; align-items:center; font-family:"Poppins",sans-serif; font-weight:600; font-size:12px; letter-spacing:.05em; border-radius:8px; }.final-cta>p { font-size:13px; margin-top:18px; }
.footer { background:var(--ink); color:white; padding:75px max(24px,calc((100vw - 1180px)/2)) 30px; display:grid; grid-template-columns:1fr 1fr; gap:55px; }.footer>p { max-width:340px; justify-self:end; color:#aaa; line-height:1.5; }.footer-links { display:flex; gap:30px; font-size:10px; font-weight:600; }.footer small { justify-self:end; color:#777; font-size:9px; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }.reveal { opacity:1; transform:none; }.sale-card:first-child { opacity:.9; transform:translateY(-240px); } }
@media (max-width:900px) {
  .site-header { grid-template-columns:1fr auto auto; }.nav { display:none; position:absolute; top:72px; left:0; right:0; padding:24px; background:var(--white); border-radius:12px; flex-direction:column; }.nav.open { display:flex; }.menu-button { display:block; }.header-cta { margin-left:12px; }.header-cta span { display:none; }
  .hero { padding-top:130px; }.hero::before { background-position:62% center; }.hero h1 { font-size:calc(clamp(24px,4.275vw,36px) * 1.5); max-width:100%; }.sales-stream { width:224px; right:18px; height:50%; opacity:.8; }.metrics { grid-template-columns:1fr 1fr; }.metrics>div:nth-child(2) { border-right:0; }.metrics>div { border-bottom:1px solid var(--line); }
  .manifesto,.section-heading,.why-intro,.founder,.faq { grid-template-columns:1fr; }.manifesto-copy,.manifesto-copy h2,.section-heading h2,.section-heading>p,.why-intro h2 { grid-column:1; }.cards-grid { grid-template-columns:1fr 1fr; }.experience-layout { grid-template-columns:1fr; }.macbook { grid-row:auto; grid-column:auto; margin:15px 0 25px; }.course-scroll { height:520px; }.why-grid,.quote-grid { grid-template-columns:1fr 1fr; }.founder-photo { width:min(520px,72%); }.faq { gap:30px; }
}
@media (max-width:600px) {
  .section-pad { padding-top:90px; padding-bottom:90px; }.header-cta { display:none; }.site-header { grid-template-columns:1fr auto; }.hero::before { background-position:78% center; }.hero h1 { max-width:100%; font-size:calc(clamp(25px,6.75vw,36px) * 1.5); }.hero-first-line,.hero h1 .hero-highlight { white-space:normal; }.sales-stream { left:50%; right:auto; bottom:22px; width:min(82vw,320px); height:92px; overflow:visible; opacity:1; mask-image:none; transform:translateX(-50%); }.sale-card { display:none; left:0; bottom:0; width:100%; opacity:0; animation:mobile-sale-popup 10s ease-in-out infinite!important; filter:drop-shadow(0 12px 24px rgba(0,0,0,.42)); }.sale-card:nth-child(-n+5) { display:block; }.sale-card:nth-child(1) { animation-delay:0s!important; }.sale-card:nth-child(2) { animation-delay:2s!important; }.sale-card:nth-child(3) { animation-delay:4s!important; }.sale-card:nth-child(4) { animation-delay:6s!important; }.sale-card:nth-child(5) { animation-delay:8s!important; }.hero-bottom { justify-content:flex-start; gap:0; }.hero-bottom p { font-size:18.9px; max-width:100%; }.metrics { grid-template-columns:1fr; }.metrics>div { border-right:0; min-height:145px; }.manifesto-copy p { font-size:18px; }.section-heading { margin-bottom:45px; }.cards-grid,.why-grid,.quote-grid { grid-template-columns:1fr; }.service-card { min-height:270px; }.experience { padding-left:12px; padding-right:12px; overflow:hidden; }.experience-layout { gap:22px; }.experience-layout h2 { max-width:360px; font-size:clamp(29px,9vw,38px); line-height:1.04; }.experience-layout>p { max-width:360px; font-size:17px; line-height:1.45; }.macbook { width:100%; margin:10px 0 20px; filter:drop-shadow(0 22px 34px rgba(0,0,0,.4)); perspective:none; }.macbook-screen { padding:6px; border-radius:12px 12px 5px 5px; transform:none; }.course-browser { height:27px; padding:0 8px; }.course-browser b { display:none; }.course-scroll { height:365px; padding:9px; }.course-banner-status { left:8px; right:8px; bottom:8px; padding:7px; }.course-banner-status b { max-width:44%; }.course-section-head { margin-top:12px; }.course-modules { gap:7px; animation-duration:46s; }.course-module { flex-basis:95px; height:112px; }.course-module.active { flex-basis:130px; }.course-module b { font-size:8px; }.course-cursor { bottom:29px; font-size:17px; }.why-grid article { min-height:220px; border-left:0; border-top:1px solid rgba(255,255,255,.2); }.benefit-row { grid-template-columns:40px 1fr; }.founder-photo { width:100%; }.faq-item button { grid-template-columns:35px 1fr auto; }.faq-item.active .faq-answer p { padding-left:51px; }.final-cta>a { gap:15px; font-size:10px; }.footer { grid-template-columns:1fr; }.footer>p,.footer small { justify-self:start; }.footer-links { flex-wrap:wrap; }
}
@keyframes mobile-sale-popup { 0% { transform:translate3d(0,24px,0) scale(.94); opacity:0; } 4%,16% { transform:translate3d(0,0,0) scale(1); opacity:1; } 19%,100% { transform:translate3d(0,-12px,0) scale(.97); opacity:0; } }
@media (max-width:600px) { .hero { justify-content:flex-start; padding-top:440px; padding-bottom:40px; }.hero::before { background-image:linear-gradient(180deg,rgba(4,8,18,.42) 0%,rgba(4,8,18,.26) 44%,rgba(4,8,18,.58) 100%),url("./assets/murillomobile.png"); background-size:100% auto; background-position:center 150px; transform:scale(1.02); }.hero h1 { margin-left:auto; margin-right:auto; text-align:center; transform:none; }.hero h1,.hero h1 * { text-shadow:0 5px 14px rgba(0,0,0,.78),0 14px 32px rgba(0,0,0,.52); }.hero-bottom { justify-content:center; transform:none; }.hero-bottom p { text-align:center; font-size:15.12px; }.sales-stream { position:relative; inset:auto; left:auto; right:auto; bottom:auto; width:min(82vw,320px); height:auto; aspect-ratio:372 / 80; margin:20px auto 0; overflow:visible; opacity:1; mask-image:none; transform:none; flex:none; } }
@media (max-width:600px) and (prefers-reduced-motion:reduce) { .sale-card:first-child { display:block; opacity:.96; transform:none; } }
@media (max-width:900px) and (min-width:601px) { .why-grid article:nth-child(2)::after { display:none; } }
@media (max-width:600px) { .why-grid article:not(:last-child)::after { display:block; top:calc(100% + 1px); left:50%; width:2px; height:16px; background:linear-gradient(180deg,#ff4d00,#ff986e); }.why-icon { top:auto; right:auto; } }
@media (max-width:600px) {
  .experience .macbook { position:relative; width:min(86vw,330px); margin:14px auto 24px; filter:drop-shadow(0 28px 38px rgba(0,0,0,.52)); }
  .experience .macbook::before { content:""; position:absolute; z-index:3; top:116px; left:-3px; width:3px; height:62px; border-radius:3px 0 0 3px; background:linear-gradient(180deg,#555,#1d1d1f); box-shadow:0 74px 0 #29292b; }
  .experience .macbook-screen { aspect-ratio:9/18.7; padding:7px; border:2px solid #626266; border-radius:42px; background:linear-gradient(145deg,#5a5a5e,#111 10%,#050505 92%); box-shadow:inset 0 0 0 5px #09090a,inset 0 0 0 7px #2b2b2e; transform:none; overflow:hidden; }
  .experience .macbook-screen::before { content:""; position:absolute; z-index:8; top:11px; left:50%; width:88px; height:22px; border-radius:0 0 14px 14px; background:#050505; transform:translateX(-50%); box-shadow:0 2px 4px rgba(0,0,0,.4); }
  .experience .course-browser { height:38px; padding:7px 12px 0; border-radius:32px 32px 0 0; }
  .experience .course-browser i { width:5px; height:5px; }
  .experience .course-browser>img { height:13px; margin-left:3px; }
  .experience .course-scroll { height:calc(100% - 38px); padding:9px; border-radius:0 0 31px 31px; overscroll-behavior:contain; }
  .experience .course-banner { border-radius:8px; }
  .experience .course-banner-status { font-size:5px; letter-spacing:.08em; }
  .experience .course-section-head { margin-top:16px; }
  .experience .course-section-head strong { font-size:15px; }
  .experience .course-modules { gap:8px; animation-duration:48s; touch-action:pan-y; }
  .experience .course-modules-secondary { display:flex; margin-top:10px; }
  .experience .course-modules-row-2 { animation-duration:54s; animation-direction:reverse; }
  .experience .course-modules-row-3 { animation-duration:58s; }
  .experience .course-module { flex-basis:112px; height:160px; border-radius:10px; }
  .experience .course-module.active { flex-basis:148px; }
  .experience .course-module b { font-size:9px; }
  .experience .macbook-base { display:none; }
}
