/* Deskia commercial architecture 2026-08 - content/layout layer only. */
:root{
  --brief-purple:#8b5cf6;
  --brief-purple-2:#6d4aff;
  --brief-blue:#168cff;
  --brief-dark:#0c1118;
  --brief-light:#f8f7f4;
  --brief-line:rgba(15,24,40,.09);
}

/* Header product architecture */
.nav-dropdown-label{display:block;padding:10px 14px 4px;color:#858c98;font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.nav-dropdown a.nav-dropdown-special{margin-top:8px;border-top:1px solid rgba(15,24,40,.08);border-radius:0 0 12px 12px;background:linear-gradient(135deg,rgba(139,92,246,.07),rgba(22,140,255,.04))}
.nav-dropdown a.nav-dropdown-special strong{color:#7554d7}

/* Home: briefing-driven decision page */
.brief-section{padding:72px 0}
.brief-section.is-light{background:var(--brief-light);color:#101010}
.brief-section.is-white{background:#fff;color:#101010}
.brief-section.is-dark{background:var(--brief-dark);color:#fff}
.brief-section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.42fr);gap:58px;align-items:end;margin-bottom:34px}
.brief-section-head.is-centered{display:block;max-width:900px;margin:0 auto 38px;text-align:center}
.brief-section-head h2{margin:10px 0 0;font-size:clamp(38px,4vw,58px);line-height:.99;letter-spacing:-.058em;font-weight:350}
.brief-section-head h2 strong{font-weight:620}
.brief-section-head p{margin:0;color:#707885;font-size:13.5px;line-height:1.7}
.is-dark .brief-section-head p{color:rgba(255,255,255,.62)}
.brief-kicker{display:inline-block;color:var(--brief-purple);font-size:9px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.brief-kicker.is-blue{color:var(--brief-blue)}

.brief-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.brief-problem-card{min-height:190px;padding:24px;border:1px solid var(--brief-line);border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(16,24,40,.04)}
.brief-problem-card b{display:block;color:var(--brief-purple);font-size:9px;letter-spacing:.13em}
.brief-problem-card h3{margin:42px 0 9px;font-size:22px;line-height:1.05;letter-spacing:-.04em;font-weight:600}
.brief-problem-card p{margin:0;color:#707885;font-size:11.5px;line-height:1.62}

.brief-core-grid{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:58px;align-items:center}
.brief-core-copy h2{margin:10px 0 0;font-size:clamp(42px,4.2vw,60px);line-height:.98;letter-spacing:-.06em;font-weight:350}
.brief-core-copy h2 strong{font-weight:620}
.brief-core-copy>p{margin:20px 0 0;color:#727a87;font-size:14px;line-height:1.7}
.brief-core-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}
.brief-core-list span{display:flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid rgba(15,24,40,.08);border-radius:10px;background:#fff;color:#283041;font-size:10.5px;font-weight:550}
.brief-core-list span:before{content:"✓";margin-right:8px;color:var(--brief-purple);font-weight:800}
.brief-core-visual{margin:0;max-width:780px;justify-self:end}
.brief-core-visual img{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px;filter:saturate(.92) contrast(1.015);box-shadow:0 24px 56px rgba(16,24,40,.08)}

.brief-human-grid{display:grid;grid-template-columns:minmax(0,.47fr) minmax(0,.53fr);gap:62px;align-items:center}
.brief-human-visual{margin:0;max-width:650px;justify-self:start}
.brief-human-visual img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.26)}
.brief-human-copy h2{margin:10px 0 0;font-size:clamp(42px,4.2vw,60px);line-height:.98;letter-spacing:-.06em;font-weight:350}
.brief-human-copy h2 strong{font-weight:620}
.brief-human-copy>p{margin:19px 0 0;color:rgba(255,255,255,.65);font-size:13.5px;line-height:1.72}
.brief-human-list{list-style:none;margin:23px 0 0;padding:0;display:grid;gap:10px}
.brief-human-list li{position:relative;padding-left:20px;color:rgba(255,255,255,.82);font-size:11.5px}
.brief-human-list li:before{content:"✓";position:absolute;left:0;color:var(--brief-purple)}

.brief-channels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.brief-channel-card{position:relative;display:flex;flex-direction:column;min-height:230px;padding:22px;border:1px solid var(--brief-line);border-radius:18px;background:#fff;transition:transform .18s ease,box-shadow .18s ease}
.brief-channel-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(16,24,40,.08)}
.brief-channel-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f1edff;color:var(--brief-purple);font-size:17px;font-weight:700}
.brief-channel-card small{margin-top:24px;color:var(--brief-purple);font-size:8.5px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.brief-channel-card h3{margin:7px 0 8px;font-size:21px;line-height:1.06;letter-spacing:-.04em;font-weight:610}
.brief-channel-card p{margin:0;color:#727a87;font-size:11px;line-height:1.6}
.brief-channel-card>span:last-child{margin-top:auto;padding-top:18px;color:#168cff;font-size:10px;font-weight:650}

.brief-operation-grid{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:54px;align-items:center}
.brief-operation-copy h2{margin:10px 0 0;font-size:clamp(40px,4vw,57px);line-height:.99;letter-spacing:-.058em;font-weight:350}
.brief-operation-copy h2 strong{font-weight:620}
.brief-operation-copy p{margin:18px 0 0;color:#737b87;font-size:13.5px;line-height:1.7}
.brief-operation-points{display:grid;gap:9px;margin-top:22px}
.brief-operation-points div{padding:12px 14px;border-left:2px solid var(--brief-purple);background:linear-gradient(90deg,rgba(139,92,246,.07),transparent 75%)}
.brief-operation-points b{display:block;font-size:11px;font-weight:650}.brief-operation-points span{display:block;margin-top:3px;color:#7a818b;font-size:10px}
.brief-operation-visual{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.brief-operation-visual figure{margin:0;overflow:hidden;border:1px solid var(--brief-line);border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(16,24,40,.06)}
.brief-operation-visual figure:first-child{grid-column:1/-1}
.brief-operation-visual img{display:block;width:100%;height:auto;object-fit:cover}

.brief-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.brief-price-card{position:relative;display:flex;flex-direction:column;min-height:410px;padding:26px;border:1px solid var(--brief-line);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(16,24,40,.045)}
.brief-price-card.is-recommended{border-color:rgba(139,92,246,.38);box-shadow:0 22px 50px rgba(109,74,255,.12)}
.brief-price-badge{position:absolute;top:18px;right:18px;padding:6px 9px;border-radius:999px;background:#eee9ff;color:#6946d5;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.brief-price-card>small{color:var(--brief-purple);font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.brief-price-card h3{margin:19px 0 4px;font-size:27px;letter-spacing:-.045em;font-weight:610}
.brief-price-card>p{margin:0;color:#737b87;font-size:11.5px}
.brief-price-main{display:flex;align-items:baseline;gap:5px;margin-top:23px;padding-top:20px;border-top:1px solid #eceef0}
.brief-price-main strong{font-size:37px;letter-spacing:-.055em;font-weight:620}.brief-price-main span{color:#7b838e;font-size:10px}
.brief-price-annual{margin-top:10px;padding:11px 12px;border-radius:10px;background:#f4f6fa}.brief-price-annual b{display:block;font-size:12px}.brief-price-annual span{display:block;margin-top:2px;color:#7b838e;font-size:8.5px}
.brief-price-card ul{list-style:none;margin:20px 0;padding:0;display:grid;gap:8px}.brief-price-card li{position:relative;padding-left:18px;color:#4d5663;font-size:10.5px}.brief-price-card li:before{content:"✓";position:absolute;left:0;color:#21a875;font-weight:800}
.brief-price-card .button{margin-top:auto;min-height:42px;font-size:10.5px}

.brief-consumption{display:grid;grid-template-columns:minmax(0,.54fr) minmax(0,.46fr);gap:54px;align-items:center}
.brief-consumption h2{margin:10px 0 0;font-size:clamp(38px,3.8vw,54px);line-height:1;letter-spacing:-.055em;font-weight:350}.brief-consumption h2 strong{font-weight:620}
.brief-consumption p{margin:17px 0 0;color:rgba(255,255,255,.63);font-size:13px;line-height:1.7}
.brief-consumption-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.brief-consumption-cards div{min-height:112px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#111821}.brief-consumption-cards b{display:block;color:#fff;font-size:12px}.brief-consumption-cards span{display:block;margin-top:6px;color:rgba(255,255,255,.52);font-size:9.5px;line-height:1.5}

.brief-faq{display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:70px}.brief-faq h2{margin:10px 0 0;font-size:clamp(38px,3.8vw,54px);line-height:1;letter-spacing:-.055em;font-weight:350}.brief-faq h2 strong{font-weight:620}.brief-faq-list{border-top:1px solid var(--brief-line)}.brief-faq details{padding:17px 0;border-bottom:1px solid var(--brief-line)}.brief-faq summary{list-style:none;cursor:pointer;font-size:12.5px;font-weight:620}.brief-faq summary::-webkit-details-marker{display:none}.brief-faq summary:after{content:"+";float:right;color:var(--brief-purple);font-size:18px}.brief-faq details[open] summary:after{content:"−"}.brief-faq p{margin:9px 40px 0 0;color:#727a87;font-size:11px;line-height:1.65}

/* Pricing page: annual/monthly architecture */
body.page-pricing-premium .pp-plan-card{min-height:570px}
body.page-pricing-premium .pp-plan-card.is-featured{background:#101821;border-color:rgba(139,92,246,.55)}
body.page-pricing-premium .pp-badge{background:rgba(139,92,246,.16);color:#b69cff}
.pp-billing-note{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:14px;padding:12px 13px;border:1px solid #e6e8eb;border-radius:11px;background:#f6f7fa}
.pp-billing-note b{font-size:11px}.pp-billing-note span{text-align:right;color:#747c88;font-size:8.5px;line-height:1.45}
.is-featured .pp-billing-note{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045)}.is-featured .pp-billing-note span{color:rgba(255,255,255,.52)}
.pp-annual-total{display:block;margin-top:4px;color:#7d8590;font-size:9px}.is-featured .pp-annual-total{color:rgba(255,255,255,.48)}
.pp-consumption-note{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,.5fr);gap:44px;align-items:center;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#111821}.pp-consumption-note h3{margin:9px 0 0;font-size:30px;line-height:1.04;letter-spacing:-.045em}.pp-consumption-note p{margin:12px 0 0;color:rgba(255,255,255,.58);font-size:11.5px;line-height:1.65}.pp-consumption-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pp-consumption-tags span{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:rgba(255,255,255,.72);font-size:10px}

/* Duo now means any two channels */
.duo-combo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.duo-combo-grid article{min-height:120px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#111821}.duo-combo-grid b{display:block;color:#b69cff;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.duo-combo-grid strong{display:block;margin-top:8px;color:#fff;font-size:16px;letter-spacing:-.025em}.duo-combo-grid span{display:block;margin-top:5px;color:rgba(255,255,255,.5);font-size:9.5px;line-height:1.5}
.duo-channel-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.duo-channel-picker span{padding:8px 11px;border:1px solid rgba(139,92,246,.3);border-radius:999px;background:rgba(139,92,246,.08);color:#d6c7ff;font-size:9px;font-weight:600}

/* Lightweight channel pages for Web Chat / Email */
.channel-visual-card{display:grid;min-height:390px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#111923;box-shadow:0 24px 64px rgba(0,0,0,.27)}
.channel-browser{align-self:center;overflow:hidden;border-radius:15px;background:#fff;color:#121826;box-shadow:0 18px 44px rgba(0,0,0,.24)}
.channel-browser-top{height:34px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #eceef2;background:#f8f9fb}.channel-browser-top i{width:6px;height:6px;border-radius:50%;background:#d0d4db}.channel-browser-body{display:grid;grid-template-columns:.38fr .62fr;min-height:270px}.channel-browser-info{padding:24px;background:#f6f7fa}.channel-browser-info small{color:#8b5cf6;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.12em}.channel-browser-info h3{margin:10px 0 8px;font-size:21px;line-height:1.08}.channel-browser-info p{margin:0;color:#727a87;font-size:10px;line-height:1.6}.channel-chat{padding:22px;display:flex;flex-direction:column;gap:9px}.channel-chat .msg{max-width:84%;padding:10px 12px;border-radius:12px;background:#f0f2f5;font-size:9.5px;line-height:1.45}.channel-chat .msg.is-user{align-self:flex-end;background:#e8f2ff}.channel-chat .msg.is-ai{background:#f1ebff}.channel-chat .msg.is-human{background:#e9f8f1}.channel-chat small{color:#8a919c;font-size:7.5px}.channel-email-list{display:grid;gap:8px;padding:18px;background:#fff}.channel-email-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #edf0f3;border-radius:11px}.channel-email-row i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f1ebff;color:#7958e8;font-style:normal}.channel-email-row strong,.channel-email-row span{display:block}.channel-email-row strong{font-size:10.5px}.channel-email-row span{margin-top:2px;color:#7c8490;font-size:8.5px}.channel-email-row b{padding:4px 7px;border-radius:999px;background:#e9f8f1;color:#168454;font-size:7.5px}

/* Trial modal: plan + billing + selected channels, still compact */
.deskia-trial-options-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;margin-bottom:9px}
.deskia-trial-billing,.deskia-trial-channels{margin:0;padding:0;border:0}
.deskia-trial-billing legend,.deskia-trial-channels legend{margin-bottom:5px;color:#7a8088;font-size:8px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.deskia-trial-billing>div{display:flex;gap:5px}.deskia-trial-billing label{display:flex;align-items:center;gap:5px;min-height:32px;padding:0 9px;border:1px solid #d9dadd;border-radius:8px;background:#fff;cursor:pointer;color:#343a44;font-size:8.5px}.deskia-trial-billing label:has(input:checked){border-color:#635bff;background:#f8f7ff;box-shadow:0 0 0 2px rgba(99,91,255,.05)}.deskia-trial-billing input{accent-color:#635bff}.deskia-trial-billing small{color:#755ee8;font-size:7px}
.deskia-trial-channels{margin:0 0 10px}.deskia-trial-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.deskia-trial-channel{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 7px;border:1px solid #d9dadd;border-radius:8px;background:#fff;color:#303640;font-size:8.5px;cursor:pointer}.deskia-trial-channel:has(input:checked){border-color:#168cff;background:#f5faff;color:#0d6fc6}.deskia-trial-channel input{accent-color:#168cff}.deskia-trial-channel.is-locked{opacity:.72}.deskia-trial-plans .deskia-trial-plan em{display:inline-flex;margin-left:4px;padding:2px 5px;border-radius:999px;background:#eee9ff;color:#6946d5;font-size:6px;font-style:normal;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.deskia-trial-summary{grid-template-columns:1.05fr 1.25fr .55fr 1fr}

@media(max-width:1120px){
  .brief-section-head,.brief-core-grid,.brief-human-grid,.brief-operation-grid,.brief-consumption,.brief-faq{grid-template-columns:1fr}
  .brief-core-visual,.brief-human-visual{justify-self:center;width:min(100%,780px)}
  .brief-channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brief-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pp-consumption-note{grid-template-columns:1fr}
}
@media(max-width:760px){
  .brief-section{padding:54px 0}.brief-section-head{gap:17px;margin-bottom:28px}.brief-section-head h2,.brief-core-copy h2,.brief-human-copy h2,.brief-operation-copy h2,.brief-consumption h2,.brief-faq h2{font-size:36px}
  .brief-problem-grid,.brief-pricing-grid{grid-template-columns:1fr}.brief-problem-card,.brief-price-card{min-height:0}.brief-problem-card h3{margin-top:30px}.brief-core-list,.brief-channels-grid,.brief-consumption-cards{grid-template-columns:1fr 1fr}.brief-channel-card{min-height:190px}.brief-operation-visual{grid-template-columns:1fr}.brief-operation-visual figure:first-child{grid-column:auto}.brief-faq{gap:26px}
  .duo-combo-grid{grid-template-columns:1fr}
  .channel-visual-card{min-height:0;padding:13px}.channel-browser-body{grid-template-columns:1fr}.channel-browser-info{padding:18px}.channel-chat{padding:18px}
  .deskia-trial-options-row{grid-template-columns:1fr}.deskia-trial-billing>div{display:grid;grid-template-columns:1fr 1fr}.deskia-trial-billing label{justify-content:center}.deskia-trial-channel-grid{grid-template-columns:1fr 1fr}.deskia-trial-summary{grid-template-columns:1fr 1fr}.deskia-trial-summary>div:nth-child(2){border-right:0}.deskia-trial-summary>div{border-bottom:1px solid #e5e3df}.deskia-trial-summary>div:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:430px){
  .brief-core-list,.brief-channels-grid,.brief-consumption-cards{grid-template-columns:1fr}.brief-channel-card{min-height:0}.brief-price-card{padding:22px}.brief-pricing-grid{gap:10px}.brief-operation-points div{padding:10px 12px}
  .deskia-trial-channel-grid{grid-template-columns:1fr 1fr}.deskia-trial-summary{grid-template-columns:1fr}.deskia-trial-summary>div{border-right:0!important;border-bottom:1px solid #e5e3df!important}.deskia-trial-summary>div:last-child{border-bottom:0!important}
}

/* Final compact checkout geometry for the modular plan selector. */
.deskia-trial-options-row{grid-template-columns:210px minmax(0,1fr)}
@media(max-width:680px){
  .deskia-trial-plans{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  .deskia-trial-plan{min-height:58px!important;padding:6px!important;gap:5px!important}
  .deskia-trial-plan .deskia-trial-radio{width:12px;height:12px;flex-basis:12px}
  .deskia-trial-plan strong{font-size:8.5px!important}.deskia-trial-plan small{font-size:7px!important}
  .deskia-trial-plan em{display:none}
  .deskia-trial-options-row{grid-template-columns:1fr}
  .deskia-trial-summary{grid-template-columns:1fr 1fr!important}
  .deskia-trial-summary>div{border-bottom:1px solid #e5e3df!important}
  .deskia-trial-summary>div:nth-child(even){border-right:0!important}
  .deskia-trial-summary>div:nth-last-child(-n+2){border-bottom:0!important}
}
@media(max-width:350px){
  .deskia-trial-plans{grid-template-columns:1fr!important}
  .deskia-trial-plan{min-height:44px!important}
  .deskia-trial-summary{grid-template-columns:1fr!important}
  .deskia-trial-summary>div{border-right:0!important;border-bottom:1px solid #e5e3df!important}
  .deskia-trial-summary>div:last-child{border-bottom:0!important}
}