/* Agora Vertical 14353:82960, layout and surface audit 2026-10-19.
   Preserve the existing content, media guides and separate pages. */
.figma-layout{--page:#fefefe;--surface-white:#fefefe}
.figma-layout .section:not(.hero){background:var(--page)}
.figma-layout .site-header{background:var(--page);border-bottom:0}
.figma-layout .container,.figma-layout .section:not(.hero)>.container{max-width:1280px}
.figma-layout .brand{letter-spacing:0}
.figma-layout .header-inner{height:88px;gap:16px}
.figma-layout .desktop-nav{gap:0;margin-left:auto;margin-right:0}
.figma-layout .desktop-nav>a{width:108px;padding:0 12px}
.figma-layout .desktop-nav>a[aria-current]{background:var(--surface);text-decoration:none}
.figma-layout .hero{min-height:clamp(620px,50vw,960px);padding:32px 0 0}
.figma-layout .hero-content{gap:41px}
/* Figma hero: 96px once the desktop viewport reaches 1280px. */
.figma-layout .hero h1{font-size:clamp(44px,7.5vw,96px);line-height:1.3;font-weight:800}
.figma-layout .hero .hero-start{height:56px;min-height:56px;font-size:24px}
.figma-layout .story{padding:120px 0;text-align:center}
.figma-layout .story h2{font-size:32px;font-weight:500;line-height:1.2}
.figma-layout .story p{font-size:24px;font-weight:500;line-height:1.4;color:var(--muted);margin-top:8px}
.figma-layout .problems,.figma-layout .features,.figma-layout .new-features{padding:clamp(80px,11.042vw,212px) 0}
.figma-layout .problems>.container{display:block}
.figma-layout .problems .section-heading{margin-bottom:48px}
.figma-layout .problems h2{font-size:32px;line-height:1.2}
.figma-layout .problem-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.figma-layout .problem-grid article{min-height:300px;padding:20px;border-radius:12px}
.figma-layout .problem-grid .number{font-size:32px;line-height:1.2;margin-bottom:24px;color:var(--muted)}
.figma-layout .problem-grid h3{font-size:28px;font-weight:500;line-height:1.4;margin-bottom:8px}
.figma-layout .problem-grid p{font-size:20px;line-height:1.5;font-weight:400}
.figma-layout .section-bridge{margin:48px 0 0;text-align:center;font-size:24px;line-height:1.2;font-weight:600}
.figma-layout .section-bridge strong{color:var(--secondary);font-weight:700}
.figma-layout .features .section-heading{max-width:none;margin-bottom:72px}
.figma-layout .features h2,.figma-layout .new-features h2{font-size:clamp(40px,3.75vw,72px);line-height:1.2;font-weight:700}
.figma-layout .features .section-heading>p{font-size:28px;font-weight:500;line-height:1.4;margin-top:2px}
.figma-layout .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.figma-layout .feature-card{display:grid;grid-template-columns:minmax(0,300fr) minmax(0,266fr);gap:16px;padding:24px;border-radius:16px;align-items:center;max-width:none}
.figma-layout .feature-card .card-content{grid-column:1;grid-row:1;gap:8px}
.figma-layout .feature-card .card-copy{gap:8px}
.figma-layout .feature-card .card-title{font-size:20px;line-height:1.4}
.figma-layout .feature-card .card-body{font-size:16px;line-height:1.4;font-weight:500}
.figma-layout .feature-card .card-media{grid-column:2;grid-row:1;max-width:none;aspect-ratio:1;border:1px solid var(--stroke);background:#fff;font-size:14px;padding:16px}
.figma-layout .new-features>.container>.section-heading{margin-bottom:72px;text-align:center}
.figma-spotlights{display:grid;gap:72px}
.figma-layout .spotlight,.figma-layout .spotlight:first-of-type,.figma-layout .spotlight:last-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;background:#fff;border:0;padding:0;margin:0}
.figma-layout .spotlight-copy{grid-column:1;grid-row:1;text-align:right;padding:0}
.figma-layout .spotlight h3{font-size:clamp(28px,2.5vw,48px);line-height:1.2;font-weight:600;margin-bottom:8px}
.figma-layout .spotlight-copy>p{font-size:20px!important;line-height:1.4;font-weight:500;color:var(--muted)}
.figma-layout .spotlight-media{grid-column:2;grid-row:1;height:auto;aspect-ratio:629/480;min-height:0;border:1px solid var(--stroke);background:var(--surface)}
.figma-layout .spotlight-square .spotlight-media{aspect-ratio:1}
.figma-layout .spotlight-reverse .spotlight-copy{grid-column:2;grid-row:1;text-align:left}
.figma-layout .spotlight-reverse .spotlight-media{grid-column:1;grid-row:1}
.figma-prompts{display:grid;gap:24px;margin-top:36px;padding-left:48px;text-align:left}
.spotlight-reverse .figma-prompts{padding-left:0;padding-right:48px}
.figma-prompts p{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:56px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 0 15px #0000001a,0 0 5px #0000001a;font-size:18px;line-height:1.4;letter-spacing:-.18px}
.prompt-send{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;background:var(--primary);border-radius:1000px}
.prompt-send img{display:block}
.figma-layout .market{padding:96px 0}
.figma-layout .participation{padding:96px 0}
.figma-layout .participation .section-heading{text-align:center;margin-bottom:48px}
.figma-layout .participation h2{font-size:40px;line-height:1.3}
.participation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.participation-grid article{padding:40px;border-radius:12px;background:var(--surface)}
.participation-grid h3{font-size:24px;line-height:1.4;margin-bottom:32px;max-width:420px}
.figma-layout .faq{padding:64px 0 96px}
.figma-layout .faq>.container{max-width:800px}
.figma-layout .footer{--muted:#d1d5db;--soft-stroke:#6b7280;min-height:356px;padding:51px 0 49px;border:0;background:var(--primary);color:var(--white)}
.figma-layout .footer :is(a,button):focus-visible{outline-color:var(--secondary)}
@media(width>960px){
 .figma-layout .site-header .site-nav-link{height:40px;min-height:40px;padding-block:0}
 .figma-layout .site-header .site-cases-toggle{height:40px;min-height:40px}
}
@media(width<=1200px){
 .figma-layout .desktop-nav>a{width:auto;padding:0 16px}
 .figma-layout .problem-grid h3{font-size:23px}
 .figma-layout .problem-grid p{font-size:17px}
 .figma-layout .feature-card .card-title{font-size:18px}
 .figma-layout .feature-card .card-body{font-size:14px}
 .figma-layout .story h2{font-size:28px}
 .figma-layout .story p{font-size:20px}
 .figma-prompts{padding-left:24px}
 .spotlight-reverse .figma-prompts{padding-right:24px}
 .figma-prompts p{font-size:16px}
}
@media(width<=960px){
 .figma-layout .header-inner{height:72px}
 .figma-layout .hero{min-height:620px}
 .figma-layout .story{padding:80px 0}
 .figma-layout .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .figma-layout .problem-grid article{min-height:0;padding:24px}
 .figma-layout .feature-card{grid-template-columns:minmax(0,1fr);padding:24px;gap:20px}
 .figma-layout .feature-card .card-content{grid-column:1;grid-row:2}
 .figma-layout .feature-card .card-media{grid-column:1;grid-row:1}
 .figma-layout .features .section-heading>p{font-size:20px;margin-top:12px}
 .figma-layout .spotlight-copy>p{font-size:16px!important}
 .figma-prompts,.spotlight-reverse .figma-prompts{padding:0}
 .figma-prompts{margin-top:24px;gap:16px}
 .participation-grid article{padding:28px}
}
@media(width<=720px){
 .figma-layout .footer{min-height:0;padding:40px 0 100px}
 .figma-layout .header-inner{height:64px}
 .figma-layout .hero{min-height:560px;padding:40px 0}
 .figma-layout .hero-content{gap:32px}
 .figma-layout .hero h1{font-size:clamp(26px,6.4vw,44px);line-height:1.3}
 .figma-layout .hero .hero-start{height:48px;min-height:48px;font-size:18px}
 .figma-layout .story{padding:56px 0}
 .figma-layout .story h2{font-size:24px;line-height:1.4}
 .figma-layout .story p{font-size:16px;line-height:1.6;margin-top:16px}
 .figma-layout .problems,.figma-layout .features,.figma-layout .new-features{padding:48px 0}
 .figma-layout .problems .section-heading{margin-bottom:24px}
 .figma-layout .problems h2{font-size:28px;line-height:1.3}
 .figma-layout .problem-grid{grid-template-columns:1fr;gap:16px}
 .figma-layout .problem-grid h3{font-size:22px}
 .figma-layout .problem-grid h3 br{display:block}
 .figma-layout .problem-grid .number{font-size:24px;margin-bottom:20px}
 .figma-layout .problem-grid p{font-size:16px}
 .figma-layout .section-bridge{font-size:18px;line-height:1.5;margin-top:24px}
 .figma-layout .features h2,.figma-layout .new-features h2{font-size:30px;line-height:1.3}
 .figma-layout .features .section-heading,.figma-layout .new-features>.container>.section-heading{margin-bottom:32px}
 .figma-layout .features .section-heading>p{font-size:16px}
 .figma-layout .feature-grid{grid-template-columns:1fr;gap:16px}
 .figma-layout .feature-card{padding:20px}
 .figma-layout .feature-card .card-media{max-width:358px;justify-self:center}
 .figma-layout .spotlight,.figma-layout .spotlight:first-of-type,.figma-layout .spotlight:last-of-type{display:flex;flex-direction:column;gap:24px}
 .figma-layout .spotlight-copy,.figma-layout .spotlight-reverse .spotlight-copy{width:100%;text-align:left}
 .figma-layout .spotlight h3{font-size:26px}
 .figma-layout .spotlight-media{width:100%;height:auto;flex-shrink:0}
 .figma-spotlights{gap:48px}
 .figma-prompts p{font-size:14px}
 .figma-layout .market,.figma-layout .participation{padding:48px 0}
 .participation-grid{grid-template-columns:1fr;gap:16px}
 .participation-grid article{padding:24px}
 .participation-grid h3{font-size:22px}
 .figma-layout .participation h2{font-size:28px}
 .figma-layout .participation .section-heading{margin-bottom:24px}
 .figma-layout .faq{padding:48px 0}
}
@media(width<360px){
 .figma-layout .hero h1{font-size:24px}
 .figma-layout .features h2,.figma-layout .new-features h2{font-size:26px}
 .figma-layout .problem-grid article{padding:20px 16px}
 .figma-layout .feature-card{padding:16px}
 .participation-grid article{padding:20px 16px}
 .participation-grid .button{white-space:normal;height:auto;min-height:40px;padding:8px 12px;font-size:14px}
}