/* Editorial product presentation, scoped to the Features page. */
.features-page { background: #421b75; --feature-soft: #d9cbe8; }
.features-page h1,.features-page h2 { font-weight: 650; letter-spacing: -.055em; }
.features-nav { border-bottom: 1px solid #ffffff1c; }
.features-nav>.container { display:flex; align-items:center; justify-content:space-between; min-height:62px; gap:24px; }
.features-nav>.container>span { font-size:16px; font-weight:600; letter-spacing:-.3px; }
.features-nav nav { display:flex; gap:28px; }
.features-nav a { color:var(--feature-soft); font-size:12px; padding:12px 0; }
.features-nav a:hover { color:white; }
.features-intro { text-align:center; padding-top:88px; }
.features-page .feature-kicker { font-size:15px; font-weight:550; color:#e5daf0; margin-bottom:19px; line-height:1.5; }
.features-intro h1 { font-size:clamp(48px,6.2vw,84px); line-height:1.06; }
.features-page .feature-lead { font-size:19px; line-height:1.6; color:var(--feature-soft); margin-top:28px; }
.feature-cta { display:inline-flex; align-items:center; gap:10px; color:#ffffff; font-size:15px; font-weight:500; margin-top:26px; padding:6px 0; }
.feature-cta:hover { text-decoration:underline; text-underline-offset:5px; }
.feature-product-stage { display:flex; justify-content:center; align-items:center; gap:30px; margin:68px auto 0; padding:24px 30px 40px; max-width:950px; min-height:560px; perspective:1400px; }
.feature-phone { flex-shrink:0; transform:rotateY(8deg) rotate(-3deg); }
.feature-conversation { width:480px; flex-shrink:1; min-width:0; background:#2c134a; border:1px solid #ffffff22; border-radius:20px; box-shadow:0 30px 60px -20px #17072b90; transform:rotateY(-5deg); overflow:hidden; text-align:left; }
.conversation-heading { display:flex; align-items:center; gap:12px; padding:24px; border-bottom:1px solid #ffffff13; }
.conversation-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#674486; font-size:12px; }
.conversation-heading>div { flex:1; }
.conversation-heading strong { display:block; font-size:13px; font-weight:500; }
.conversation-heading small { display:block; color:#bdadce; font-size:10px; margin-top:4px; }
.conversation-heading>svg { color:#cebbdf; }
.conversation-messages { padding:24px; display:flex; flex-direction:column; align-items:flex-start; gap:17px; min-height:317px; }
.conversation-date { align-self:center; color:#b5a2c8; font-size:8px; letter-spacing:1.5px; margin-bottom:9px; }
.conversation-messages p { font-size:13px; line-height:1.5; padding:12px 16px; border-radius:14px; color:white; max-width:92%; }
.conversation-messages .message-received { background:#492966; border-bottom-left-radius:4px; }
.conversation-messages .message-sent { background:#775099; align-self:flex-end; border-bottom-right-radius:4px; }
.conversation-delivered { align-self:flex-end; color:#c9b6d9; font-size:9px; margin-top:-8px; }
.conversation-compose { display:flex; align-items:center; gap:14px; padding:17px 24px; border-top:1px solid #ffffff13; color:#c8b6d9; }
.conversation-compose>span { flex:1; border-radius:20px; background:#ffffff08; padding:9px 14px; font-size:11px; }
.features-page .feature-preview-label { font-size:11px; color:#c0aed3; margin-top:8px; }
.feature-story { display:grid; grid-template-columns:1.15fr 1fr; gap:100px; padding-top:120px; padding-bottom:125px; align-items:center; }
.features-page h2 { font-size:clamp(35px,4.2vw,58px); line-height:1.12; }
.feature-story-body>p { font-size:18px; line-height:1.7; color:var(--feature-soft); }
.feature-specs { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:27px; }
.feature-specs>span { font-size:12px; color:#eee5f6; padding-bottom:9px; border-bottom:1px solid #ffffff35; }
.feature-call-section { background:#30114f; padding:96px 0 46px; }
.feature-call-copy { max-width:690px; margin:0 auto 56px; text-align:center; }
.feature-call-copy>p:last-child { font-size:18px; line-height:1.7; color:var(--feature-soft); max-width:550px; margin:24px auto 0; }
.feature-call-stage { max-width:960px; margin:auto; background:#251037; border-radius:24px; padding:25px; box-shadow:0 28px 50px -24px #14081f; }
.call-stage-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 4px 25px; }
.call-stage-top>span:first-child { display:flex; align-items:center; gap:8px; font-size:12px; }
.call-stage-top .telefone-logo { width:24px; height:24px; }
.call-stage-top>span:last-child { color:#bdaacc; font-size:10px; }
.call-participants { display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; }
.call-participant { min-height:220px; position:relative; display:grid; place-items:center; background:#443050; border-radius:12px; }
.call-participant:nth-child(2) { background:#363048; }
.call-participant:nth-child(3) { background:#4a3154; }
.participant-monogram { width:90px; height:90px; display:grid; place-items:center; border-radius:50%; background:#ffffff0d; color:#ffffffd9; font-size:25px; letter-spacing:-1px; font-weight:400; }
.participant-name { position:absolute; bottom:16px; left:18px; font-size:11px; color:#e0d6e7; }
.feature-call-controls { display:flex; justify-content:center; gap:15px; padding:26px 0 2px; }
.feature-call-controls>span { width:43px; height:43px; display:grid; place-items:center; border-radius:50%; background:#ffffff12; }
.feature-call-controls>.feature-call-end { background:#b84e6b; width:61px; border-radius:25px; }
.feature-call-end svg { transform:rotate(135deg); }
.features-page .feature-call-caption { text-align:center; font-size:12px; margin-top:27px; color:#c1aecf; }
.feature-duo { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:100px; padding-bottom:0; }
.feature-editorial-card { background:#37175c; border-radius:25px; overflow:hidden; display:flex; flex-direction:column; }
.feature-editorial-copy { padding:48px 44px 38px; }
.features-page .feature-editorial-card h2 { font-size:43px; }
.feature-editorial-copy>p:last-child { font-size:16px; line-height:1.7; margin-top:22px; color:var(--feature-soft); }
.feature-group-list { padding:0 34px 38px; margin-top:auto; }
.feature-group-row { display:flex; align-items:center; gap:14px; padding:20px 10px; border-bottom:1px solid #ffffff14; }
.feature-group-row:last-child { border:0; }
.feature-group-row>span { width:43px; height:43px; background:#684a80; border-radius:14px; display:grid; place-items:center; font-size:11px; flex-shrink:0; }
.feature-group-row:nth-child(2)>span { background:#514469; }
.feature-group-row:nth-child(3)>span { background:#70546f; }
.feature-group-row>div { flex:1; min-width:0; }
.feature-group-row strong { font-size:13px; font-weight:500; }
.feature-group-row p { font-size:11px; color:#c0adcf; margin-top:4px; }
.feature-group-row>svg { color:#b7a1cb; }
.feature-files { padding:24px 44px 47px; margin-top:auto; }
.feature-file { display:flex; align-items:center; gap:15px; background:#ffffff08; border-radius:13px; padding:21px 18px; }
.feature-file-symbol { color:#cdb6e0; }
.feature-file>div { flex:1; min-width:0; }
.feature-file strong { font-weight:500; font-size:12px; overflow-wrap:anywhere; }
.feature-file small { display:block; font-size:10px; color:#c0adcf; margin-top:5px; }
.feature-file>svg { color:#c0adcf; }
.feature-audio { display:flex; align-items:center; gap:15px; background:#79569b; border-radius:15px; padding:20px 17px; margin-top:18px; }
.feature-audio-play { display:grid; place-items:center; }
.feature-audio-wave { display:flex; align-items:center; justify-content:space-between; height:32px; gap:3px; flex:1; overflow:hidden; }
.feature-audio-wave i { display:block; width:3px; flex-shrink:0; height:var(--height); border-radius:2px; background:#eee4f8; }
.feature-audio>span:last-child { font-size:10px; }
.features-page .feature-file-caption { font-size:11px; text-align:center; color:#c0adcf; margin-top:21px; }
.feature-closing { text-align:center; padding-top:120px; padding-bottom:95px; }
.feature-closing>p:not(.feature-kicker) { font-size:18px; line-height:1.7; color:var(--feature-soft); margin-top:25px; }
.feature-release-note { padding-bottom:38px; }
.feature-release-note p { font-size:11px; line-height:1.7; color:#c0aed2; border-top:1px solid #ffffff1a; padding-top:25px; max-width:100%; }
@media(max-width:1000px) {
    .feature-story { gap:50px; }
    .feature-product-stage { gap:20px; padding-left:10px; padding-right:10px; }
    .feature-editorial-copy { padding:35px 30px; }
    .features-page .feature-editorial-card h2 { font-size:37px; }
    .feature-files { padding:20px 28px 36px; }
    .feature-group-list { padding:0 20px 25px; }
}
@media(max-width:700px) {
    .features-nav>.container { flex-direction:column; gap:4px; padding-top:16px; padding-bottom:10px; }
    .features-nav>.container>span { font-size:14px; }
    .features-nav nav { gap:24px; }
    .features-nav a { font-size:11px; }
    .features-intro { padding-top:57px; }
    .features-page .feature-kicker { font-size:12px; margin-bottom:17px; }
    .features-intro h1 { font-size:clamp(39px,8vw,56px); }
    .features-page .feature-lead { font-size:15px; margin-top:23px; }
    .feature-cta { font-size:13px; margin-top:20px; }
    .feature-product-stage { min-height:0; padding:0 0 24px; margin-top:42px; }
    .feature-phone { display:none; }
    .feature-conversation { width:100%; max-width:430px; transform:none; border-radius:17px; }
    .conversation-heading { padding:20px; gap:10px; }
    .conversation-heading strong { font-size:12px; }
    .conversation-heading small { font-size:9px; }
    .conversation-messages { padding:20px; gap:17px; min-height:290px; }
    .conversation-messages p { font-size:12px; padding:11px 13px; }
    .conversation-compose { padding:15px 20px; }
    .features-page .feature-preview-label { font-size:10px; margin-top:0; }
    .feature-story { grid-template-columns:1fr; gap:25px; padding-top:76px; padding-bottom:76px; }
    .features-page h2 { font-size:39px; }
    .feature-story-body>p { font-size:16px; }
    .feature-specs { gap:13px; margin-top:20px; }
    .feature-specs>span { font-size:10px; }
    .feature-call-section { padding:66px 0 35px; }
    .feature-call-copy { margin-bottom:35px; }
    .feature-call-copy>p:last-child { font-size:15px; }
    .feature-call-stage { padding:14px; border-radius:18px; }
    .call-stage-top { gap:7px; padding-bottom:16px; }
    .call-stage-top>span:first-child { font-size:10px; gap:5px; }
    .call-stage-top>span:last-child { font-size:8px; }
    .call-participants { gap:8px; }
    .call-participant { min-height:142px; border-radius:8px; }
    .participant-monogram { width:48px; height:48px; font-size:15px; }
    .participant-name { left:10px; bottom:12px; font-size:9px; }
    .feature-call-controls { padding-top:20px; gap:12px; }
    .feature-call-controls>span { width:37px; height:37px; }
    .feature-call-controls svg { width:18px; }
    .features-page .feature-call-caption { font-size:10px; margin-top:23px; }
    .feature-duo { grid-template-columns:1fr; gap:22px; padding-top:65px; }
    .feature-editorial-card { border-radius:20px; }
    .feature-editorial-copy { padding:32px 27px 25px; }
    .features-page .feature-editorial-card h2 { font-size:37px; }
    .feature-editorial-copy>p:last-child { font-size:15px; }
    .feature-group-list { padding:0 22px 24px; }
    .feature-files { padding:12px 27px 32px; }
    .feature-closing { padding-top:80px; padding-bottom:67px; }
    .feature-closing>p:not(.feature-kicker) { font-size:15px; }
    .feature-release-note p { font-size:10px; }
}