:root{--simi-gray:#f7f7f7;--simi-line:#aaa;--simi-dark:#242424}body{font-family:var(--font-outfit),Arial,sans-serif}.simi-hero{padding:clamp(60px,8vw,120px) clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px);align-items:center;background:var(--simi-gray);border-bottom:1px solid var(--line)}.simi-hero-copy h1{font-size:clamp(52px,6.5vw,92px);line-height:.98;margin:22px 0;color:#000}.simi-hero-copy h1 span{color:#999}.simi-hero-copy>p:not(.tiny-title){max-width:580px;color:var(--soft-ink);font-size:20px;line-height:1.6}.portal-button{display:inline-flex;gap:18px;margin-top:30px;padding:13px 18px;color:#fff;background:#000;border:1px solid #000;font-size:14px;font-weight:600;transition:.2s}.portal-button:hover{color:#000;background:#fff}.portal-button-dark{color:#fff;background:#000;border-color:#000}.conversation-card{padding:30px;background:#242424;color:#fff;border:1px solid #111;box-shadow:10px 10px 0 #ddd}.conversation-top{display:flex;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid #555;color:#c8c8c8;font-size:12px;letter-spacing:.12em}.dialogue{display:grid;gap:0}.dialogue-turn{padding:18px 0;border-bottom:1px solid #555;opacity:0;animation:dialogue-in .55s ease forwards}.dialogue-turn:nth-child(2){animation-delay:.45s}.dialogue-turn:nth-child(3){animation-delay:.9s}.dialogue-turn:nth-child(4){animation-delay:1.35s}.dialogue-turn b{display:block;margin-bottom:7px;color:#aaa;font-size:10px;letter-spacing:.2em}.dialogue-turn p{margin:0;color:#fff;font-size:15px;line-height:1.45}.dialogue-turn small{display:block;margin-top:8px;color:#c9c9c9;font-size:11px}.conversation-skills{display:flex;flex-wrap:wrap;gap:7px;padding-top:18px}.conversation-skills span{padding:6px 9px;border:1px solid #666;color:#ddd;font-size:11px}.conversation-status{display:none}@keyframes dialogue-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.portal-section{padding:clamp(80px,10vw,140px) clamp(24px,8vw,130px);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(55px,9vw,135px)}.portal-section-gray{background:var(--simi-gray)}.portal-section-white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portal-intro{align-self:start;position:sticky;top:89px}.portal-intro h2,.full-heading h2{font-size:clamp(42px,5vw,70px);line-height:1.02}.portal-intro>p:not(.tiny-title),.full-heading>p:not(.tiny-title),.simi-cta>p:not(.tiny-title){max-width:500px;color:var(--soft-ink);font-size:17px;line-height:1.55}.portal-list,.platform-grid,.portal-cards,.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--simi-line);border-left:1px solid var(--simi-line);align-items:stretch}.portal-list article{min-height:260px;padding:28px 30px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--simi-line);border-bottom:1px solid var(--simi-line)}.portal-list article>span,.roadmap-grid article>span{font-size:11px;letter-spacing:.18em;color:#777}.portal-list h3,.platform-grid h3,.portal-cards h3,.roadmap-grid h3{margin:22px 0 10px;font-size:23px;font-weight:550}.portal-list p,.platform-grid p,.portal-cards p,.roadmap-grid p{margin:0;color:var(--soft-ink);line-height:1.55}.featured-panel{background:#242424!important;color:#fff;min-height:320px!important;box-shadow:inset 0 -5px 0 #777}.featured-panel h3,.featured-panel p,.featured-panel strong{color:#fff}.featured-panel>span{color:#ccc!important}.platform-grid{grid-template-columns:repeat(5,1fr)}.platform-grid article{min-height:220px;padding:28px 24px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--simi-line);border-bottom:1px solid var(--simi-line)}.platform-icon{font-size:12px;color:#777}.platform-grid .featured-panel{min-height:280px}.full-heading{grid-column:1/-1}.portal-cards{grid-column:1/-1;margin-top:10px;grid-template-columns:repeat(4,1fr)}.portal-cards article{padding:30px;min-height:260px;border-right:1px solid var(--simi-line);border-bottom:1px solid var(--simi-line);background:#fff}.portal-cards article>span{font-size:30px;color:#888}.language-section{background:#242424;color:#fff}.language-section .portal-intro>p:not(.tiny-title){color:#ddd}.language-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-content:center}.language-grid span{min-height:82px;padding:14px;border:1px solid #626262;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#eee;text-align:center}.language-grid span:first-letter{font-size:28px}.language-grid b{font-size:14px;font-weight:500}.dna-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--simi-line);border-left:1px solid var(--simi-line)}.dna-grid article{min-height:190px;padding:24px;border-right:1px solid var(--simi-line);border-bottom:1px solid var(--simi-line)}.dna-grid article>span{display:block;font-size:28px;color:#777}.dna-grid h3{margin:15px 0 8px;font-size:20px;font-weight:550}.dna-grid p{margin:0;color:var(--soft-ink);line-height:1.45}.roadmap-grid{grid-column:1/-1;margin-top:15px;grid-template-columns:repeat(4,1fr)}.roadmap-grid article{min-height:260px;padding:25px 20px;border-right:1px solid var(--simi-line);border-bottom:1px solid var(--simi-line)}.roadmap-grid article:nth-child(1),.roadmap-grid article:nth-child(4){background:#fff}.roadmap-icon{margin:22px 0 6px;font-size:32px;color:#777}.simi-cta{padding:clamp(90px,11vw,150px) 24px;text-align:center;background:#fff;border-top:1px solid var(--line)}.simi-cta h2{font-size:clamp(48px,6vw,82px);line-height:.98}.simi-cta>p:not(.tiny-title){margin:25px auto 0;color:var(--soft-ink);font-size:19px}.simi-cta .portal-button{margin-top:28px}@media(max-width:980px){.simi-hero,.portal-section{grid-template-columns:1fr}.portal-intro{position:static}.platform-grid{grid-template-columns:repeat(3,1fr)}.platform-grid article:nth-child(4),.platform-grid article:nth-child(5){grid-column:span 1}.portal-cards{grid-template-columns:1fr 1fr}.roadmap-grid{grid-template-columns:1fr 1fr}.full-heading{grid-column:auto}}@media(max-width:620px){.simi-hero{padding:60px 20px}.portal-section{padding:75px 20px}.simi-hero-copy h1{font-size:52px}.simi-hero-copy>p:not(.tiny-title){font-size:17px}.portal-list,.platform-grid,.portal-cards,.roadmap-grid,.dna-grid{grid-template-columns:1fr}.portal-list article,.platform-grid article{min-height:0}.featured-panel,.platform-grid .featured-panel{min-height:240px!important}.portal-cards article{min-height:0}.roadmap-grid{grid-column:auto}.language-grid{grid-template-columns:repeat(2,1fr)}.conversation-card{padding:22px}.dialogue-turn p{font-size:14px}}
:root{--flow-fix:1}
.platform-grid{grid-template-columns:1fr 1fr}.platform-grid article:nth-child(3){grid-column:1/-1}.platform-grid article{padding-left:30px;padding-right:30px}
@media(max-width:620px){.platform-grid{grid-template-columns:1fr}.platform-grid article:nth-child(3){grid-column:auto}}
.platform-grid article:nth-child(3){width:72%;justify-self:center;min-height:220px}.dialogue-turn{width:78%;padding:15px 17px;margin:0 0 10px;border:1px solid #555;border-left:3px solid #777;background:#2a2a2a}.dialogue-turn.simi-turn{margin-left:auto;border-left:1px solid #555;border-right:3px solid #fff;background:#303030}.dialogue-turn b{color:#aaa;transition:color .3s,letter-spacing .3s}.dialogue-turn.simi-turn b{color:#fff}.dialogue-turn:nth-child(1){animation-delay:.15s}.dialogue-turn:nth-child(2){animation-delay:1s}.dialogue-turn:nth-child(3){animation-delay:1.85s}.dialogue-turn:nth-child(4){animation-delay:2.7s}.dialogue-turn:nth-child(5){animation-delay:3.55s}.dialogue-turn:nth-child(6){animation-delay:4.4s}.dialogue-turn:nth-child(1) b{animation:speaker-pulse 5.1s .15s infinite}.dialogue-turn:nth-child(2) b{animation:speaker-pulse 5.1s 1s infinite}.dialogue-turn:nth-child(3) b{animation:speaker-pulse 5.1s 1.85s infinite}.dialogue-turn:nth-child(4) b{animation:speaker-pulse 5.1s 2.7s infinite}.dialogue-turn:nth-child(5) b{animation:speaker-pulse 5.1s 3.55s infinite}.dialogue-turn:nth-child(6) b{animation:speaker-pulse 5.1s 4.4s infinite}@keyframes speaker-pulse{0%,75%,100%{color:#aaa;letter-spacing:.2em}8%,22%{color:#fff;letter-spacing:.3em;text-shadow:0 0 10px rgba(255,255,255,.5)}}.conversation-skills{gap:6px}.conversation-skills span{background:#242424}@media(max-width:620px){.platform-grid article:nth-child(3){width:100%}.dialogue-turn{width:94%}}
.platform-grid article:nth-child(3){min-height:0;padding-top:28px;padding-bottom:28px}.dialogue-turn.intro-turn{border-top:2px solid #fff}.dialogue-turn:nth-child(7){animation-delay:5.25s}.dialogue-turn:nth-child(7) b{animation:speaker-pulse 5.95s 5.25s infinite}.conversation-skills span{animation:skill-highlight 5.95s ease-in-out infinite}.conversation-skills span:nth-child(2){animation-delay:.75s}.conversation-skills span:nth-child(3){animation-delay:1.5s}.conversation-skills span:nth-child(4){animation-delay:2.25s}.conversation-skills span:nth-child(5){animation-delay:3s}.conversation-skills span:nth-child(6){animation-delay:3.75s}.conversation-skills span:nth-child(7){animation-delay:4.5s}@keyframes skill-highlight{0%,78%,100%{color:#ddd;background:#242424;border-color:#666}10%,25%{color:#242424;background:#fff;border-color:#fff}}
.platform-grid article:nth-child(3){width:100%;min-height:0;padding-top:30px;padding-bottom:30px}.conversation-skills{flex-wrap:nowrap;overflow:hidden;white-space:nowrap;gap:5px}.conversation-skills span{flex:0 0 auto;padding:5px 7px;font-size:10px}
/* Built to evolve keeps the original portal rhythm: two equal columns. */
.roadmap-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:620px){.roadmap-grid{grid-template-columns:1fr}}
/* Keep the conversation skills fully visible in a balanced two-line row. */
.conversation-skills{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;overflow:visible;white-space:normal}
.conversation-skills span{min-width:0;width:auto;text-align:center}
.conversation-skills span:nth-child(1),.conversation-skills span:nth-child(2),.conversation-skills span:nth-child(3),.conversation-skills span:nth-child(4){grid-column:span 3}
.conversation-skills span:nth-child(5){grid-column:2/span 3}
.conversation-skills span:nth-child(6){grid-column:5/span 3}
.conversation-skills span:nth-child(7){grid-column:8/span 3}
@media(max-width:620px){.conversation-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation-skills span:nth-child(n){grid-column:auto}}
.simi-hero{grid-template-columns:.9fr 1.1fr}.simi-hero-copy h1{overflow-wrap:normal;word-break:normal}
.conversation-card{min-width:0;overflow:hidden}body{overflow-x:hidden}
/* Keep the approved roadmap compact: the grid follows the intro naturally. */
.portal-section-gray:has(.roadmap-grid){row-gap:32px}
.simi-hero{align-items:start}
.simi-hero-copy{align-self:start;position:sticky;top:89px}
.platform-grid .featured-panel{align-items:center;text-align:center}
.conversation-top::after{content:none!important}
.conversation-top{position:relative}
.conversation-top::before{content:'CALL AUDIO  ·  PLAYING';position:absolute;left:0;top:calc(100% + 9px);color:#aaa;font-size:9px;letter-spacing:.16em;white-space:nowrap}
.audio-wave-lines{height:28px;width:210px;max-width:calc(100% - 148px);margin:1px 0 0 148px;display:flex;align-items:center;justify-content:space-between;gap:4px;overflow:hidden;flex:0 0 210px}
.audio-wave-lines span{display:block;flex:0 0 2px;height:calc(var(--h) * .68);background:#f7f7f7;border-radius:2px;transform:scaleY(.72);transform-origin:center;animation:individual-wave var(--dur) ease-in-out var(--delay) infinite alternate}
@keyframes individual-wave{0%{opacity:.62;transform:scaleY(.58)}38%{opacity:.95;transform:scaleY(1)}72%{opacity:.76;transform:scaleY(.68)}100%{opacity:1;transform:scaleY(.9)}}
.dialogue{padding-top:0}
@media(max-width:980px){.simi-hero-copy{position:static;top:auto}}
@media(max-width:620px){.simi-hero{padding:48px 20px 64px;gap:28px}.simi-hero-copy h1{font-size:52px;line-height:.96;margin:16px 0}.simi-hero-copy>p:not(.tiny-title){font-size:17px;line-height:1.45}.conversation-card{padding:18px;box-shadow:6px 6px 0 #ddd}.conversation-top{padding-bottom:18px}.audio-wave-lines{height:24px;width:160px;max-width:calc(100% - 110px);margin-left:110px;flex-basis:160px;gap:3px}.audio-wave-lines span{height:calc(var(--h) * .55)}}
@media(max-width:980px){.simi-hero{grid-template-columns:1fr!important;display:grid}.simi-hero-copy,.conversation-card{width:100%;box-sizing:border-box}.simi-hero-copy{position:static;top:auto}}
