/* Secretary use cases. The illustrations are editable page content, not screenshots. */
.nav,.nav.solid{background:#07080b}
.nav-links a[aria-current="page"]{color:#d7b765}
.cases{background:#0b0c10;color:#f2f0ea;--case-line:#30343d;--case-muted:#b8bec9;--case-gold:#d7b765}
.cases *{box-sizing:border-box}
.cases a:focus-visible,.cases button:focus-visible,.cases summary:focus-visible{outline:2px solid var(--case-gold);outline-offset:4px}
.cases-wrap{width:min(1200px,calc(100% - 2 * var(--gut)));margin-inline:auto}
.cases h1,.cases h2,.cases h3{font-family:var(--display);letter-spacing:-.025em;line-height:1.22;text-wrap:balance;margin:0}
.cases p{margin:0;line-height:1.75;text-wrap:pretty}
.cases-hero{padding:clamp(120px,13vw,185px) 0 86px;border-bottom:1px solid var(--case-line);overflow:hidden}
.cases-hero__grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(40px,6vw,90px);align-items:center}
.cases-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--case-gold);font-size:14px;font-weight:600;letter-spacing:.02em}
.cases-eyebrow::before{content:"";width:22px;height:1px;background:currentColor}
.cases-hero h1{font-size:clamp(42px,5.2vw,76px);max-width:13ch;margin-top:26px}
.cases-hero h1 em{font-style:normal;color:var(--case-gold)}
.cases-hero__lead{font-size:clamp(18px,1.5vw,21px);color:#d5d7dc;max-width:49ch;margin-top:25px!important}
.cases-hero__link{display:inline-flex;align-items:center;gap:14px;margin-top:34px;color:#f2f0ea;font-weight:600;text-decoration:none;border-bottom:1px solid var(--case-gold);padding-bottom:7px}
.cases-hero__link span{color:var(--case-gold);font-size:23px;line-height:1}
.cases-hero__visual{position:relative;min-height:405px;display:grid;align-items:center}
.cases-hero__visual::before{content:"";position:absolute;inset:0;border:1px solid var(--case-line);border-radius:8px;background:radial-gradient(circle at 1px 1px,#353942 1px,transparent 1.5px) 0 0/25px 25px;opacity:.7}
.cases-hero__visual-inner{position:relative;display:grid;gap:12px;width:min(100%,510px);padding:30px;margin:auto;transform:rotate(-2deg)}
.hero-mail,.hero-answer{background:#17191f;border:1px solid #41434a;border-radius:8px;padding:20px 22px}
.hero-mail{max-width:88%}
.hero-answer{margin-inline-start:auto;max-width:90%;background:#eae8e1;color:#22242a}
.hero-mail small,.hero-answer small{display:block;font-size:12px;font-weight:600;margin-bottom:9px;color:var(--case-gold)}
.hero-answer small{color:#765d25}
.hero-mail strong,.hero-answer strong{display:block;line-height:1.5;font-size:17px}
.hero-mail span,.hero-answer span{display:block;margin-top:8px;font-size:14px;line-height:1.6;color:#c2c6cf}
.hero-answer span{color:#4a4b51}
.hero-file{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;background:#2c3039;border-radius:4px;color:#e6e8ed!important;font:13px var(--mono);direction:ltr;unicode-bidi:isolate}
.hero-answer .hero-file{background:#d8d6cf;color:#282a30!important}
.cases-index{border-bottom:1px solid var(--case-line);background:#111318}
.cases-index__inner{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-block:18px}
.cases-index__label{font-size:13px;color:#c6cad2;margin-inline-end:20px}
.cases-index a{display:inline-flex;align-items:center;min-height:43px;padding:8px 14px;border:1px solid #41464f;border-radius:5px;color:#e7e8eb;text-decoration:none;font-size:14px;transition:border-color .2s ease,background .2s ease}
.cases-index a:hover{border-color:var(--case-gold);background:#22211c}
.cases-intro{padding-block:38px 0;color:var(--case-muted);font-size:14px}
.cases-section{padding-block:100px 28px;scroll-margin-top:74px;border-bottom:1px solid var(--case-line)}
.cases-section__head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:44px}
.cases-section__head h2{font-size:clamp(32px,3.5vw,48px);max-width:17ch}
.cases-section__number{font:500 16px var(--mono);color:var(--case-gold);direction:ltr;unicode-bidi:isolate}
.case-feature{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(30px,4.5vw,68px);align-items:center;padding:0 0 70px;scroll-margin-top:90px}
.case-feature + .case-feature{padding-top:65px;border-top:1px solid #262a32}
.case-feature:nth-of-type(even) .case-feature__copy{order:2}
.case-feature__copy{min-width:0}
.case-kicker{color:var(--case-gold);font:500 13px var(--mono);letter-spacing:.04em;direction:ltr;unicode-bidi:isolate;display:inline-block;margin-bottom:22px}
.case-feature h3{font-size:clamp(27px,3vw,41px);max-width:21ch}
.case-feature__problem{font-size:18px;color:#d2d5dc;margin-top:19px!important;max-width:46ch}
.case-feature__what{margin-top:23px!important;color:#bfc5cf;font-size:16px;max-width:54ch}
.case-feature__benefit{font-size:16px;color:#efe9da;margin-top:22px!important}
.case-feature__benefit::before{content:"↳ ";color:var(--case-gold)}
.case-prompt{margin-top:27px;padding:18px 20px;background:#1b1e25;border-radius:6px}
.case-prompt__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.case-prompt__top span{font-size:13px;font-weight:600;color:var(--case-gold)}
.case-copy{background:none;border:0;color:#efede7;text-decoration:underline;text-decoration-color:#bda05e;text-underline-offset:4px;cursor:pointer;font-size:13px;padding:7px 0}
.case-prompt blockquote{margin:0;color:#f2f0ea;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.case-copy-status{display:block;min-height:1.4em;color:var(--case-gold);font-size:12px;margin-top:7px}
.case-art{min-width:0;min-height:340px;padding:clamp(20px,3vw,38px);display:grid;place-items:center;background:#15171c;border:1px solid #343841;border-radius:9px;position:relative;overflow:hidden}
.case-art::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 1px 1px,#3b3e45 1px,transparent 1.5px) 0 0/24px 24px;opacity:.38;pointer-events:none}
.case-art>*{position:relative}
.case-art__caption{position:absolute!important;inset-block-end:14px;inset-inline-end:18px;color:#bfc3cd;font-size:12px}
.art-stack{width:min(100%,460px);display:grid;gap:10px}
.art-note{background:#f0eee8;color:#22252a;border-radius:5px;padding:18px 20px;line-height:1.55}
.art-note--dark{background:#252932;color:#f2f0ea}
.art-note__meta{display:flex;justify-content:space-between;gap:16px;color:#74777d;font-size:12px;margin-bottom:8px}
.art-note--dark .art-note__meta{color:#c1c7d0}
.art-note strong{display:block;font-size:16px}
.art-note p{font-size:14px!important;margin-top:7px!important;line-height:1.6!important}
.art-note__file{display:inline-flex;align-items:center;gap:8px;border:1px solid #bfc2c6;border-radius:4px;padding:5px 10px;font:13px var(--mono);margin-top:12px;direction:ltr;unicode-bidi:isolate}
.art-note__file::before{content:"▤";color:#76602f;font-size:17px}
.art-note__warn{color:#86591e;font-weight:600}
.art-table{width:min(100%,460px);background:#f0eee8;color:#22252a;border-radius:5px;overflow:hidden}
.art-table__bar{background:#dcdad4;padding:10px 17px;font:12px var(--mono);direction:ltr;unicode-bidi:isolate}
.art-table__body{padding:21px 24px}
.art-table h4{margin:0 0 16px;font-size:19px}
.art-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #c9c7c0;font-size:15px}
.art-row:last-child{border:0}
.art-row span:last-child{font-weight:600;text-align:end}
.art-row--missing span:last-child{color:#925e19}
.art-tag{display:inline-block;padding:4px 8px;border-radius:3px;background:#e0cc9a;color:#4a3212;font-size:12px;font-weight:600}
.art-question{width:min(100%,450px);background:#f0eee8;color:#22252a;border-radius:5px;padding:25px}
.art-question small{font-size:13px;color:#555b66}
.art-question p{font-size:19px!important;line-height:1.55!important;margin:15px 0!important}
.art-question__reply{border-top:1px solid #c9c7c0;padding-top:17px;font-size:17px;font-weight:600;color:#5a431b}
.art-reminder{width:min(100%,450px);display:grid;grid-template-columns:112px 1fr;background:#f0eee8;color:#22252a;border-radius:6px;overflow:hidden}
.art-reminder__day{background:#d8b766;display:grid;place-content:center;text-align:center;gap:4px;font:500 14px var(--mono)}
.art-reminder__day b{font-size:23px;line-height:1.2}
.art-reminder__body{padding:22px}
.art-reminder__body strong{font-size:18px}
.art-reminder__body p{font-size:15px!important;margin-top:8px!important}
.art-reminder__choice{display:flex;gap:9px;margin-top:18px;color:#5e4a26;font-size:12px;font-weight:600}
.art-reminder__choice span+span::before{content:"·";margin-inline-end:9px;color:#927334}
.art-status{width:min(100%,460px);background:#f0eee8;color:#22252a;border-radius:5px;padding:25px}
.art-status__head{display:flex;justify-content:space-between;gap:12px;padding-bottom:18px;font-size:18px;font-weight:600}
.art-status__row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 0;border-top:1px solid #c9c7c0;font-size:15px}
.art-status__row span:last-child{color:#765a1e;font-size:13px;font-weight:600}
.cases-more{margin:0 0 72px}
.cases-more__heading{font-size:16px;font-weight:600;color:#d7b765;margin:0 0 10px}
.case-detail{border-top:1px solid #353942;scroll-margin-top:86px}
.case-detail:last-child{border-bottom:1px solid #353942}
.case-detail summary{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:86px;cursor:pointer;list-style:none;padding:12px 2px}
.case-detail summary::-webkit-details-marker{display:none}
.case-detail__num{font:500 13px var(--mono);color:#d7b765;direction:ltr;unicode-bidi:isolate}
.case-detail__title{font-size:clamp(17px,1.5vw,20px);font-weight:600;line-height:1.5}
.case-detail__toggle{font-size:27px;color:#d7b765;line-height:1;transition:transform .2s ease}
.case-detail[open] .case-detail__toggle{transform:rotate(45deg)}
.case-detail__body{padding:0 56px 28px;color:#d1d4db;max-width:850px}
.case-detail__body p+p{margin-top:13px}
.case-detail__body strong{color:#f2f0ea}
.case-detail__body .case-prompt{max-width:760px}
.cases-faq{padding-block:100px;border-bottom:1px solid var(--case-line)}
.cases-faq h2{font-size:clamp(34px,4vw,54px);margin-bottom:38px}
.cases-faq__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px}
.cases-faq details{border-top:1px solid #353942;padding:18px 0}
.cases-faq summary{font-size:17px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px}
.cases-faq summary::-webkit-details-marker{display:none}
.cases-faq summary::after{content:"+";font-size:24px;color:var(--case-gold)}
.cases-faq details[open] summary::after{content:"−"}
.cases-faq details p{font-size:15px;color:#c6cad2;margin-top:13px;max-width:58ch}
.cases-cta{padding-block:110px 130px;display:flex;justify-content:space-between;align-items:end;gap:32px}
.cases-cta h2{font-size:clamp(38px,4.5vw,60px)}
.cases-cta p{font-size:18px;color:#cdd1d9;margin-top:18px;max-width:45ch}
.cases-cta .btn{background:var(--case-gold);color:#1b160d;flex:none}
html[lang="en"] .cases h1,html[lang="en"] .cases h2,html[lang="en"] .cases h3{font-family:var(--display)}
@media(max-width:900px){.cases-hero__grid,.case-feature{grid-template-columns:1fr}.cases-hero{padding-top:115px}.cases-hero__visual{min-height:340px}.case-feature:nth-of-type(even) .case-feature__copy{order:initial}.case-feature__copy{max-width:700px}.case-art{min-height:320px}.cases-section{padding-top:82px}.cases-faq__grid{column-gap:32px}}
@media(max-width:640px){.cases-hero{padding-bottom:54px}.cases-hero h1{font-size:clamp(37px,10vw,52px)}.cases-hero__visual{min-height:300px}.cases-hero__visual-inner{padding:20px;transform:none}.hero-mail,.hero-answer{max-width:100%;padding:15px}.cases-index__inner{padding-block:15px}.cases-index__label{width:100%;margin:0}.cases-index a{font-size:13px;min-height:40px}.cases-section{padding-top:66px}.cases-section__head{margin-bottom:30px}.case-feature{padding-bottom:52px;gap:27px}.case-feature+.case-feature{padding-top:52px}.case-art{min-height:280px;padding:16px}.case-art__caption{inset-block-end:7px;inset-inline-end:12px;font-size:11px}.art-note,.art-table__body,.art-status,.art-question{padding:16px}.art-note p{font-size:13px!important}.case-detail summary{grid-template-columns:30px minmax(0,1fr) auto;gap:9px;min-height:78px}.case-detail__body{padding-inline:39px 8px;padding-bottom:25px}.cases-faq{padding-block:70px}.cases-faq__grid{grid-template-columns:1fr}.cases-cta{padding-block:80px 95px;display:block}.cases-cta .btn{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.cases-index a,.case-detail__toggle{transition:none}}