@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  color-scheme: dark;
  --obsidian:#000000; --bone:#f6f6f4; --slate:#7d7d7d; --paper:#ffffff; --char:#1a1a1a;
  --text-dark:var(--bone); --text-light:var(--obsidian);
  --muted-dark:rgba(246,246,244,.72); --muted-light:rgba(0,0,0,.68);
  --line-dark:rgba(246,246,244,.18); --line-light:rgba(0,0,0,.16);
  --solstice:linear-gradient(90deg,#feed7a 0%,#ff8400 48.96%,#df91f7 100%);
  --heading:'Cabinet Grotesk',sans-serif; --body:'DM Sans',sans-serif;
  --max:1200px; --pad:clamp(20px,4vw,44px); --section:clamp(64px,8vw,112px);
  --r-sm:4px; --r-card:16px; --r-panel:38px; --r-pill:100px;
  --motion-fast:140ms; --motion-control:160ms; --motion-card:180ms; --motion-reveal:460ms; --motion-hero:520ms; --motion-stagger:70ms; --motion-hero-stagger:90ms; --motion-distance:12px;
  --ease-micro:ease-out; --ease-editorial:cubic-bezier(.22,.61,.36,1); --motion-card-active:rgba(246,246,244,.52);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--obsidian);color:var(--text-dark);font:400 16px/1.55 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:4px}
button,input,select,textarea{font:inherit}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-family:var(--heading);font-weight:400;letter-spacing:-.035em;line-height:1.02}
h1{font-size:clamp(48px,8vw,88px)}h2{font-size:clamp(36px,5.6vw,64px)}h3{font-size:clamp(25px,3vw,36px)}p{margin-bottom:1em}
.container{width:min(calc(100% - 2*var(--pad)),var(--max));margin-inline:auto}
.skip-link{position:absolute;top:-80px;left:16px;z-index:100;padding:12px 18px;background:var(--bone);color:var(--obsidian);border-radius:var(--r-pill)}.skip-link:focus{top:12px}
.announce{padding:9px 16px;background:var(--char);color:var(--bone);text-align:center;font-size:12px;letter-spacing:.01em}.announce a{margin-left:5px;color:var(--bone);font-weight:600}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line-dark);background:rgba(0,0,0,.92);backdrop-filter:blur(12px)}
.nav-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.brand-signature{display:block;width:clamp(150px,12vw,196px);height:auto}
.nav-links{display:flex;align-items:center;gap:clamp(13px,2vw,24px)}.nav-links a{font-size:13px;color:var(--muted-dark);text-decoration:none}.nav-links a:hover{color:var(--bone);text-decoration:none}
.nav-cta,.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border:1px solid var(--bone);border-radius:var(--r-pill);background:transparent;color:var(--bone);font-size:14px;font-weight:500;line-height:1.2;text-decoration:none;transition:background-color var(--motion-control) var(--ease-micro),color var(--motion-control) var(--ease-micro),border-color var(--motion-control) var(--ease-micro)}.nav-cta{min-height:42px;padding:10px 17px}.nav-cta:hover,.button:hover{background:var(--bone);color:var(--obsidian)}.button-dark{border-color:var(--obsidian);background:var(--obsidian);color:var(--bone)}.button-dark:hover{background:transparent;color:var(--obsidian)}.button-light{border-color:var(--obsidian);background:var(--obsidian);color:var(--bone)}.button-light:hover{background:transparent;color:var(--obsidian)}.button-small{min-height:42px;padding:10px 17px;font-size:13px}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line-dark);border-radius:50%;color:var(--bone);background:transparent}
.eyebrow{margin-bottom:18px;color:var(--muted-dark);font-size:12px;font-weight:500;letter-spacing:.11em;text-transform:uppercase}.eyebrow::before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 1px 0;border-radius:50%;background:currentColor}
.lede{max-width:690px;color:var(--muted-dark);font-size:clamp(17px,2vw,20px);line-height:1.55}
.hero-personal{position:relative;overflow:hidden;padding:clamp(62px,8vw,108px) 0 0;background:var(--obsidian)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.hero-copy{position:relative;z-index:2;align-self:start;padding-top:4px}.hero-copy h1{max-width:720px;margin-bottom:24px}.hero-copy .lede{max-width:620px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:30px}.hero-secondary{font-size:14px;color:var(--muted-dark)}.role-line{margin:18px 0 0;color:var(--muted-dark);font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.hero-portrait{position:relative;align-self:stretch;min-height:clamp(560px,38vw,640px);isolation:isolate}
.hero-portrait::before{content:"";position:absolute;z-index:-1;inset:6% -16% 0;border-radius:50%;background:radial-gradient(ellipse at 52% 52%,rgba(255,132,0,.2),transparent 55%),radial-gradient(ellipse at 44% 68%,rgba(26,76,96,.3),transparent 68%),url('../assets/atmosferas-grainy/11-broad-horizontal-atmosphere.webp') center/cover;opacity:.32;filter:blur(10px);mask-image:radial-gradient(ellipse at 50% 52%,#000 18%,rgba(0,0,0,.8) 48%,transparent 78%);pointer-events:none}
.hero-portrait-image{position:absolute;z-index:1;right:-clamp(0px,1.6vw,28px);bottom:0;width:min(640px,46vw);max-width:none;height:auto;filter:drop-shadow(0 10px 42px rgba(0,0,0,.32))}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.stat{padding:28px 20px;border-right:1px solid var(--line-dark)}.stat:last-child{border-right:0}.stat strong{display:block;font:400 clamp(28px,4vw,44px)/1 var(--heading);letter-spacing:-.04em}.stat span{display:block;margin-top:10px;color:var(--muted-dark);font-size:12px}
.quote-band{padding:48px 0;border-bottom:1px solid var(--line-dark);text-align:center}.quote-band blockquote{max-width:850px;margin:0 auto;font:400 clamp(28px,5vw,52px)/1.05 var(--heading);letter-spacing:-.03em}.quote-band cite{display:block;margin-top:16px;color:var(--muted-dark);font:500 11px var(--body);letter-spacing:.12em;text-transform:uppercase}
.section{padding:var(--section) 0;border-bottom:1px solid var(--line-dark)}.section-light{background:var(--bone);color:var(--obsidian);border-color:var(--line-light)}.section-light .eyebrow,.section-light .lede,.section-light .muted{color:var(--muted-light)}.section-light .button{border-color:var(--obsidian);color:var(--obsidian)}.section-light .button:hover{background:var(--obsidian);color:var(--bone)}.section-char{background:var(--char)}.section-grain-dark{background-color:var(--obsidian);background-image:linear-gradient(rgba(0,0,0,.36),rgba(0,0,0,.58)),url('../assets/atmosferas-grainy/04-edge-light-left-corners.webp');background-size:cover;background-position:center}.section-grain-light{background-color:var(--bone);background-image:linear-gradient(rgba(246,246,244,.28),rgba(246,246,244,.56)),url('../assets/atmosferas-grainy-variacoes/28-lavender-peach-blush.webp');background-size:cover;background-position:center;color:var(--obsidian)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.section-head h2{max-width:750px;margin-bottom:0}.section-head p{max-width:520px;margin-bottom:0;color:var(--muted-dark)}.section-light .section-head p{color:var(--muted-light)}
.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);max-width:980px;margin-top:34px}.story-copy p{color:var(--muted-light);font-size:16px}.story-lead{font:400 clamp(23px,3vw,34px)/1.15 var(--heading)!important;color:var(--obsidian)!important}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-light)}.timeline-item{padding:24px 22px 26px 0;border-bottom:1px solid var(--line-light)}.timeline-item:nth-child(3n+2),.timeline-item:nth-child(3n){padding-left:22px;border-left:1px solid var(--line-light)}.timeline-year{display:block;margin-bottom:14px;color:var(--slate);font-size:11px;letter-spacing:.08em}.timeline-item h3{margin-bottom:8px;font-size:25px}.timeline-item p{margin:0;color:var(--muted-light);font-size:14px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{min-height:270px;padding:24px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--char);display:flex;flex-direction:column}.project-card .project-label{color:var(--muted-dark);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.project-card h3{margin:14px 0 10px}.project-card p{color:var(--muted-dark);font-size:14px}.project-card a{margin-top:auto;color:var(--bone);font-size:13px}.project-card-feature{grid-row:span 2;min-height:560px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.55)),url('../assets/atmosferas-grainy/06-ember-petrol-full-flow.webp');background-size:cover;background-position:center}.project-number{font:400 36px var(--heading);color:rgba(246,246,244,.48)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card{padding:clamp(24px,4vw,42px);border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--char)}.section-light .info-card{border-color:var(--line-light);background:rgba(255,255,255,.45)}.info-card h3{margin-bottom:15px}.info-card p,.info-card li{color:var(--muted-dark);font-size:15px}.section-light .info-card p,.section-light .info-card li{color:var(--muted-light)}.clean-list{list-style:none;margin:22px 0 0;padding:0}.clean-list li{padding:12px 0;border-top:1px solid var(--line-dark)}.section-light .clean-list li{border-color:var(--line-light)}
.curio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.curio-card{min-height:175px;padding:20px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:rgba(26,26,26,.83)}.curio-card h3{font-size:22px;margin:10px 0}.curio-card p{margin:0;color:var(--muted-dark);font-size:13px}.curio-mark{font:500 11px var(--body);letter-spacing:.1em;color:var(--muted-dark)}
.education-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line-light)}.education-item{padding:23px 15px 0 0;border-right:1px solid var(--line-light)}.education-item+ .education-item{padding-left:18px}.education-item:last-child{border:0}.education-item h3{font-size:22px;margin-bottom:9px}.education-item p{color:var(--muted-light);font-size:13px}
.cta-final{padding:clamp(68px,10vw,128px) 0;text-align:center}.cta-final h2{max-width:820px;margin:0 auto 18px}.cta-final p{max-width:620px;margin:0 auto 24px;color:var(--muted-dark)}
.site-footer{padding:38px 0 25px;background:var(--char);color:var(--bone)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:32px}.footer-grid p{max-width:490px;color:var(--muted-dark);font-size:14px}.footer-links{display:grid;gap:8px;text-align:right}.footer-links a{font-size:13px}.fine-print{margin-top:26px;padding-top:18px;border-top:1px solid var(--line-dark);color:var(--muted-dark);font-size:12px}
/* Shared community and product page building blocks */
.subpage-hero{position:relative;overflow:hidden;padding:clamp(62px,8vw,100px) 0;border-bottom:1px solid var(--line-dark);background-color:var(--obsidian);background-size:cover;background-position:center}.subpage-hero h1{max-width:860px;margin-bottom:22px}.subpage-hero .lede{max-width:760px}.subpage-hero-grid{display:grid;grid-template-columns:1fr minmax(260px,.72fr);align-items:center;gap:48px}.hero-stat-card{padding:24px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.hero-stat-card .big{display:block;font:400 48px/1 var(--heading)}.hero-stat-card p{margin:8px 0 0;color:var(--muted-dark);font-size:13px}
.stat-trio{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-dark)}.stat-trio .stat{padding:23px 20px}.label-overline{display:block;margin-bottom:8px;color:var(--slate);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.chat-example{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.chat-mock,.summary-mock{padding:24px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--char)}.chat-mock{display:grid;gap:12px}.chat-bubble{max-width:90%;padding:12px 14px;border-radius:14px 14px 14px 4px;background:#252525;color:var(--bone);font-size:13px}.chat-bubble:nth-child(even){margin-left:auto;border-radius:14px 14px 4px 14px;background:#333}.summary-mock{background:var(--bone);color:var(--obsidian)}.summary-mock p,.summary-mock li{font-size:14px}.summary-mock .muted{color:var(--slate)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{padding:24px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--char)}.feature-card .number{display:block;margin-bottom:25px;color:var(--muted-dark);font-size:12px}.feature-card h3{margin-bottom:10px}.feature-card p{margin:0;color:var(--muted-dark);font-size:14px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}.price-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--char)}.price-card.featured{background:var(--bone);color:var(--obsidian)}.price-card .plan-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dark)}.price-card.featured .plan-kicker,.price-card.featured .plan-note{color:var(--muted-light)}.price-card h3{margin:13px 0 8px;font-size:27px}.price{margin:0 0 5px;font:400 42px/1 var(--heading);letter-spacing:-.04em}.price-card ul{padding-left:17px;color:var(--muted-dark);font-size:13px}.price-card.featured ul{color:var(--muted-light)}.price-card .button{margin-top:auto}.price-card.featured .button{border-color:var(--obsidian);background:var(--obsidian);color:var(--bone)}.price-card.featured .button:hover{background:transparent;color:var(--obsidian)}.plan-note{margin:0 0 18px;color:var(--muted-dark);font-size:12px}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comparison article{padding:24px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--char)}.comparison .good{background:var(--bone);color:var(--obsidian)}.comparison h3{font-size:24px}.comparison ul{margin:0;padding-left:18px}.comparison li{margin:10px 0;color:var(--muted-dark);font-size:14px}.comparison .good li{color:var(--muted-light)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.benefit-card{padding:23px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--char)}.benefit-card .benefit-index{font-size:11px;color:var(--muted-dark);letter-spacing:.08em}.benefit-card h3{margin:17px 0 9px;font-size:23px}.benefit-card p{margin:0;color:var(--muted-dark);font-size:13px}
.qualify-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qualify-card{padding:25px;border:1px solid var(--line-light);border-radius:var(--r-card);background:rgba(255,255,255,.35)}.qualify-card h3{font-size:27px}.qualify-card ul{padding-left:19px}.qualify-card li{margin:9px 0;color:var(--muted-light);font-size:14px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field-full{grid-column:1/-1}.field label{font-size:13px;font-weight:500}.field input,.field select,.field textarea,.search-input{width:100%;min-height:48px;padding:11px 13px;border:1px solid var(--line-light);border-radius:var(--r-sm);background:var(--paper);color:var(--obsidian)}.field textarea{min-height:110px;resize:vertical}.form-notice{min-height:24px;margin-top:12px;color:var(--muted-dark);font-size:13px}.form-box{padding:clamp(22px,4vw,38px);border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--char)}
.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-dark)}.step-item{padding:23px 18px 0 0}.step-item+ .step-item{padding-left:18px;border-left:1px solid var(--line-dark)}.step-item strong{font:400 26px var(--heading)}.step-item h3{margin:15px 0 9px;font-size:24px}.step-item p{margin:0;color:var(--muted-dark);font-size:14px}
/* Vibe coding glossary */
.guide-hero{padding:clamp(58px,8vw,94px) 0;background-image:linear-gradient(120deg,rgba(0,0,0,.38),rgba(0,0,0,.68)),url('../assets/atmosferas-grainy-variacoes/32-violet-indigo-cerulean.webp');background-size:cover;background-position:center}
.guide-intro{max-width:780px;color:var(--muted-dark);font-size:18px}.search-panel{margin:28px 0 24px;padding:20px;border:1px solid var(--line-light);border-radius:var(--r-card);background:var(--bone);color:var(--obsidian)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.filter-button{min-height:38px;padding:8px 13px;border:1px solid var(--line-light);border-radius:var(--r-pill);background:transparent;color:var(--obsidian);font-size:11px;letter-spacing:.04em}.filter-button[aria-pressed="true"]{background:var(--obsidian);color:var(--bone)}.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.term-card{padding:20px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--char)}.term-category{display:block;margin-bottom:11px;color:var(--muted-dark);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.term-card h3{margin-bottom:10px;font-size:25px}.term-card p{margin:0 0 10px;color:var(--muted-dark);font-size:13px}.term-card .analogy{padding-top:10px;border-top:1px solid var(--line-dark);color:var(--bone)}.term-card .example{color:#d5d5d0;font-size:12px}.stack-band{background:var(--bone);color:var(--obsidian)}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stack-card{padding:21px;border:1px solid var(--line-light);border-radius:var(--r-card);background:rgba(255,255,255,.45)}.stack-card .term-category{color:var(--slate)}.stack-card h3{font-size:25px}.stack-card p{color:var(--muted-light);font-size:13px}.no-results{padding:22px;color:var(--muted-dark)}
.product-header .nav-inner{min-height:62px}.product-brand{font:500 17px var(--heading);letter-spacing:-.02em;text-decoration:none}.product-hero{padding:clamp(56px,8vw,100px) 0;background-image:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.32)),url('../assets/atmosferas-grainy/03-deep-teal-ember-atmosphere.webp');background-size:cover;background-position:center}.product-hero h1{max-width:880px}.before-after{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:850px;margin:32px 0 20px;padding:18px 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.before-after span{display:block;color:var(--muted-dark);font-size:11px;letter-spacing:.09em;text-transform:uppercase}.before-after p{margin:6px 0 0;font-size:15px}.before-after .arrow{font-size:24px;color:var(--muted-dark)}.simulator{display:grid;grid-template-columns:minmax(260px,.8fr) 30px minmax(350px,1.2fr);gap:20px;align-items:center}.phone{overflow:hidden;border:1px solid var(--line-dark);border-radius:30px;background:#121212}.phone-top{display:flex;align-items:center;gap:12px;padding:16px;background:#1a1a1a}.phone-top .avatar{display:grid;width:36px;aspect-ratio:1;place-items:center;border-radius:50%;background:#333}.phone-top small{display:block;color:var(--muted-dark)}.phone-messages{display:grid;gap:10px;min-height:310px;padding:16px}.msg{max-width:90%;padding:10px 12px;border-radius:12px 12px 12px 3px;background:#242424;font-size:12px}.msg.right{justify-self:end;border-radius:12px 12px 3px 12px;background:#303030}.phone-input{padding:14px 16px;border-top:1px solid var(--line-dark);color:var(--muted-dark);font-size:12px}.sim-arrow{text-align:center;color:var(--muted-dark);font-size:28px}.summary-live{padding:23px;border:1px solid var(--line-dark);border-radius:var(--r-card);background:var(--bone);color:var(--obsidian)}.summary-live p,.summary-live li{font-size:13px}.summary-live h3{font-size:27px;margin-bottom:13px}.summary-live .muted{color:var(--slate)}.sim-status{margin:12px 0 0;text-align:center;color:var(--muted-dark);font-size:12px}
.thank-you{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--obsidian)}.thank-card{width:min(680px,100%);padding:clamp(30px,6vw,65px);border:1px solid var(--line-dark);border-radius:var(--r-panel);background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.72)),url('../assets/atmosferas-grainy-variacoes/40-champagne-apricot-mint.webp') center/cover;text-align:center}.thank-card h1{font-size:clamp(38px,6vw,60px)}.thank-card p{color:var(--bone)}.thank-card .button{margin-top:14px}
.local-preview-note{margin-top:18px;color:var(--muted-dark);font-size:11px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{max-width:760px}.hero-portrait{min-height:clamp(500px,68vw,610px);margin-top:-6px}.hero-portrait-image{right:50%;width:min(640px,78vw);transform:translateX(50%)}.hero-grid,.subpage-hero-grid{gap:32px}.timeline{grid-template-columns:repeat(2,1fr)}.timeline-item:nth-child(3n+2),.timeline-item:nth-child(3n){padding-left:0;border-left:0}.timeline-item:nth-child(even){padding-left:20px;border-left:1px solid var(--line-light)}.project-grid{grid-template-columns:repeat(2,1fr)}.curio-grid{grid-template-columns:repeat(2,1fr)}.education-list{grid-template-columns:repeat(2,1fr)}.education-item:nth-child(2){border-right:0}.education-item:nth-child(n+3){padding-top:22px}.term-grid,.stack-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.simulator{grid-template-columns:1fr 26px 1fr}.chat-example{grid-template-columns:1fr 1fr}}
@media(max-width:680px){:root{--pad:18px;--section:66px}h1{font-size:46px}.nav-inner{min-height:60px;flex-wrap:wrap}.menu-toggle{display:grid;place-items:center}.nav-cta{display:none}.nav-links{display:none;flex-basis:100%;padding:6px 0 16px;align-items:stretch;flex-direction:column;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:12px 2px;border-top:1px solid var(--line-dark)}.hero-grid,.subpage-hero-grid{grid-template-columns:1fr}.hero-personal{padding-top:58px}.hero-portrait{order:-1;min-height:clamp(330px,75vw,510px);margin:0 0 8px}.hero-portrait-image{width:min(560px,90vw)}.hero-actions{align-items:flex-start;flex-direction:column}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line-dark)}.stat{padding:20px 14px}.section-head{display:block}.section-head p{margin-top:12px}.story-copy,.two-col,.chat-example,.comparison,.qualify-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.timeline-item,.timeline-item:nth-child(even){padding:20px 0;border-left:0}.project-grid,.curio-grid,.education-list,.feature-grid,.benefit-grid,.pricing-grid,.term-grid,.stack-grid{grid-template-columns:1fr}.project-card-feature{grid-row:auto;min-height:320px}.education-item,.education-item+ .education-item{padding:18px 0;border-right:0;border-bottom:1px solid var(--line-light)}.education-item:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr}.footer-links{text-align:left}.steps-list{grid-template-columns:1fr}.step-item,.step-item+ .step-item{padding:18px 0;border-left:0;border-bottom:1px solid var(--line-dark)}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.simulator{grid-template-columns:1fr}.sim-arrow{transform:rotate(90deg)}.before-after{grid-template-columns:1fr;gap:14px}.before-after .arrow{transform:rotate(90deg)}.price-card{min-height:280px}.filters{gap:6px}.filter-button{font-size:10px}.guide-intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Contrast and compact navigation for the local route variants */
.section-grain-light .lede,.section-grain-light .section-head p,.section-grain-light .eyebrow{color:var(--muted-light)}
.community-links{display:flex;align-items:center;gap:18px}
.community-links a{color:var(--muted-dark);font-size:13px;text-decoration:none}
.community-links a[aria-current="page"]{color:var(--bone)}
@media(max-width:680px){.community-links{gap:11px}.community-links a{font-size:11px}.product-header .nav-inner{gap:10px}.product-brand{font-size:15px}}
/* Speaker page */
.speaker-hero .subpage-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr)}
.speaker-stage{position:relative;isolation:isolate;min-height:440px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,42px);border:1px solid var(--line-dark);border-radius:var(--r-panel);background:linear-gradient(150deg,rgba(0,0,0,.18),rgba(0,0,0,.7)),url('../assets/atmosferas-grainy/09-diagonal-corner-lights.webp') center/cover}
.speaker-stage-glow{position:absolute;z-index:-1;top:9%;right:3%;width:min(72%,330px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 34%,rgba(255,237,122,.94),rgba(255,132,0,.7) 34%,rgba(223,145,247,.58) 62%,transparent 72%);filter:blur(6px);opacity:.9}
.speaker-stage-kicker,.speaker-stage-foot{position:relative;z-index:1;color:var(--bone);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.speaker-stage-words{position:relative;z-index:1;display:grid;gap:2px;margin:24px 0;font:400 clamp(38px,5.5vw,66px)/.96 var(--heading);letter-spacing:-.045em}
.speaker-stage-words span:nth-child(2){color:rgba(246,246,244,.72)}.speaker-stage-words span:nth-child(3){background:var(--solstice);background-clip:text;color:transparent}
.speaker-stage-foot{display:flex;align-items:end;justify-content:space-between;gap:20px}
.speaker-proof-band{border-block:1px solid var(--line-dark);background:#090909}.speaker-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.speaker-proof-grid>div{padding:24px 20px;border-right:1px solid var(--line-dark)}.speaker-proof-grid>div:first-child{padding-left:0}.speaker-proof-grid>div:last-child{border-right:0}.speaker-proof-grid span,.speaker-topic-index,.speaker-format-label,.speaker-audience-card>span,.speaker-bio-card-label{display:block;margin-bottom:9px;color:var(--muted-dark);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.speaker-proof-grid strong{font:400 clamp(17px,2vw,22px)/1.2 var(--heading)}
.speaker-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.speaker-topic-card{display:flex;min-height:320px;flex-direction:column;padding:clamp(22px,3vw,30px);border:1px solid var(--line-light);border-radius:var(--r-card);background:rgba(255,255,255,.52)}.speaker-topic-index{color:#626262}.speaker-topic-card h3{margin:18px 0 12px;font-size:clamp(25px,3vw,32px)}.speaker-topic-card p{color:var(--muted-light);font-size:14px}.speaker-topic-card .speaker-topic-question{margin-top:auto;padding-top:18px;border-top:1px solid var(--line-light);font-weight:600}
.speaker-format-grid{margin-top:36px}.speaker-format-card{padding:clamp(24px,4vw,42px);border:1px solid var(--line-dark);border-radius:var(--r-card);background:rgba(0,0,0,.26)}.speaker-format-card h3{font-size:clamp(34px,4.4vw,48px)}.speaker-format-card>p:not(.speaker-format-label){max-width:490px;color:var(--muted-dark)}.speaker-format-card .clean-list li{border-color:var(--line-dark);color:var(--muted-dark);font-size:14px}.speaker-format-card-accent{background:var(--bone);color:var(--obsidian)}.speaker-format-card-accent .speaker-format-label{color:#626262}.speaker-format-card-accent>p:not(.speaker-format-label){color:var(--muted-light)}.speaker-format-card-accent .clean-list li{border-color:var(--line-light);color:var(--muted-light)}
.speaker-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.speaker-audience-card{min-height:210px;padding:25px;border:1px solid var(--line-light);border-radius:var(--r-card);background:rgba(255,255,255,.54)}.speaker-audience-card>span{color:#626262}.speaker-audience-card h3{margin:24px 0 11px;font-size:25px}.speaker-audience-card p{margin:0;color:var(--muted-light);font-size:14px}
.speaker-bio-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.72fr);gap:clamp(36px,7vw,90px);align-items:center}.speaker-bio-grid h2{max-width:660px}.speaker-bio-copy>p:not(.eyebrow){max-width:690px;color:var(--muted-light)}.speaker-bio-lede{font:400 clamp(23px,3.2vw,34px)/1.18 var(--heading)!important;color:var(--obsidian)!important}.speaker-bio-portrait{display:grid;min-height:360px;margin:0;align-items:end;justify-items:center}.speaker-bio-portrait img{width:100%;max-height:480px;object-fit:contain;object-position:center bottom}.speaker-bio-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,2.2fr) minmax(180px,1.2fr);align-items:center;gap:clamp(16px,3vw,34px);padding:clamp(24px,4vw,38px);border:1px solid var(--line-light);border-radius:var(--r-card);background:rgba(255,255,255,.55)}.speaker-bio-card-label{margin:0;color:#626262}.speaker-bio-card ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}.speaker-bio-card li{display:grid;gap:4px;padding:16px 0;border-top:1px solid var(--line-light)}.speaker-bio-card li strong{font:400 23px var(--heading)}.speaker-bio-card li span{color:var(--muted-light);font-size:13px}.speaker-bio-card>p{margin:0;padding:0 0 0 18px;border-left:1px solid var(--line-light);color:var(--muted-light);font-size:13px}
.speaker-request-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:clamp(36px,7vw,90px);align-items:center}.speaker-request-grid h2{max-width:720px}.speaker-request-grid>div>p:not(.eyebrow){max-width:600px;color:var(--muted-dark)}.speaker-request-card{padding:clamp(23px,4vw,38px);border:1px solid var(--line-dark);border-radius:var(--r-card);background:#111}.speaker-request-form{display:grid;gap:12px}.speaker-request-form .form-grid{gap:12px}.speaker-request-form .button{justify-self:start;min-height:44px;padding:11px 16px}.speaker-request-note{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line-dark);color:var(--muted-dark);font-size:11px}
.speaker-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px}.speaker-faq details{padding:20px 0;border-top:1px solid var(--line-dark)}.speaker-faq summary{cursor:pointer;font:400 22px/1.15 var(--heading)}.speaker-faq details p{margin:12px 0 0;color:var(--muted-dark);font-size:14px}
@media(max-width:900px){.speaker-topic-grid,.speaker-audience-grid{grid-template-columns:repeat(2,1fr)}.speaker-topic-card:last-child,.speaker-audience-card:last-child{grid-column:1/-1}.speaker-hero .subpage-hero-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:900px){.speaker-bio-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:28px}.speaker-bio-card{grid-template-columns:minmax(130px,.8fr) minmax(0,2fr)}.speaker-bio-card>p{grid-column:1/-1;padding:16px 0 0;border-top:1px solid var(--line-light);border-left:0}.speaker-request-grid{grid-template-columns:1fr;gap:32px}}
@media(max-width:680px){.speaker-hero .subpage-hero-grid,.speaker-bio-grid,.speaker-request-grid{grid-template-columns:1fr}.speaker-stage{min-height:330px}.speaker-proof-grid{grid-template-columns:1fr}.speaker-proof-grid>div,.speaker-proof-grid>div:first-child{padding:17px 0;border-right:0;border-bottom:1px solid var(--line-dark)}.speaker-proof-grid>div:last-child{border-bottom:0}.speaker-topic-grid,.speaker-audience-grid,.speaker-faq{grid-template-columns:1fr}.speaker-topic-card:last-child,.speaker-audience-card:last-child{grid-column:auto}.speaker-topic-card{min-height:260px}.speaker-audience-card{min-height:0}}
@media(max-width:680px){.speaker-bio-grid{gap:28px}.speaker-bio-portrait{order:-1;min-height:0}.speaker-bio-portrait img{width:min(100%,420px);max-height:390px}.speaker-bio-card{display:block}.speaker-bio-card ul{grid-template-columns:1fr;margin:24px 0}.speaker-bio-card>p{padding:17px 0 0;border-top:1px solid var(--line-light);border-left:0}}
@media(max-width:900px){.hero-grid{gap:0}.subpage-hero-grid{grid-template-columns:1fr 1fr;gap:32px}}
/* UAT contrast corrections */
.price-card{color:var(--bone)}
.price-card.featured{color:var(--obsidian)}
.price-card form > .button{margin-top:12px}
.section-grain-light .info-card{border-color:var(--line-dark);background:var(--char);color:var(--bone)}
.timeline-year{color:#626262}
.hero-stat-card .label-overline,.chat-mock .label-overline{color:#b0b0b0}
.section-light .info-card .label-overline{color:#626262}
.stack-band .eyebrow,.stack-band .section-head p{color:var(--muted-light)}
.stack-band .stack-card .term-category{color:#626262}
.cta-final.section-grain-light p{color:var(--muted-light)}
.cta-final.section-grain-light .button:not(.button-light){border-color:var(--obsidian);color:var(--obsidian)}
.cta-final.section-grain-light .button:not(.button-light):hover{background:var(--obsidian);color:var(--bone)}

/* Motion system: restrained hero entry, one-time section reveals and interface feedback. */
.section-light,.section-grain-light{--motion-card-active:rgba(0,0,0,.48)}
a.motion-link{position:relative;text-decoration:none}
a.motion-link::after{position:absolute;right:0;bottom:-3px;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:left;transition:transform var(--motion-fast) var(--ease-micro)}
a.motion-link:hover::after,a.motion-link:focus-visible::after{transform:scaleX(1)}
.motion-card{transition:border-color var(--motion-card) var(--ease-micro)}
.motion-card:hover,.motion-card:focus-within{border-color:var(--motion-card-active)}
html.motion-hero-ready [data-hero-item]{animation:motion-enter var(--motion-hero) var(--ease-editorial) both;animation-delay:var(--hero-delay,0ms)}
@keyframes motion-enter{from{opacity:0;transform:translateY(var(--motion-distance))}to{opacity:1;transform:translateY(0)}}
[data-reveal]{opacity:1;transform:none}
html.motion-ready [data-reveal]:not(.is-visible){opacity:0;transform:translateY(var(--motion-distance))}
html.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0);transition:opacity var(--motion-reveal) var(--ease-editorial),transform var(--motion-reveal) var(--ease-editorial);transition-delay:var(--reveal-delay,0ms)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}html.motion-ready [data-reveal],html.motion-ready [data-reveal]:not(.is-visible){opacity:1!important;transform:none!important}}
@media(max-width:680px){html{scroll-padding-top:64px}}

/* Keep community hero copy and proof card stacked on narrow screens. */
@media(max-width:680px){.subpage-hero-grid{grid-template-columns:minmax(0,1fr)}}

/* Tighten the footer rhythm, especially around the fine-print divider. */
.site-footer{padding:30px 0 20px}
.footer-links{gap:6px}
.fine-print{margin-top:18px;padding-top:12px}
@media(max-width:680px){.footer-links{gap:4px}.fine-print{margin-top:16px;padding-top:12px}}