@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');

:root { --ink:#14241f; --muted:#66746f; --green:#1e7658; --green-dark:#155140; --mint:#e7f4ed; --lime:#cde97c; --paper:#fbfcf9; --line:#e2eae4; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'Vazirmatn', Tahoma, sans-serif; line-height:1.8; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.landing-shell { overflow:hidden; }
.container { width:min(1160px, calc(100% - 40px)); margin:0 auto; }
.site-header { position:absolute; inset:0 0 auto; z-index:10; padding:22px 0; }
.site-header.is-scrolled { position:fixed; padding:12px 0; background:rgba(255,250,246,.9); border-bottom:1px solid rgba(228,124,67,.16); box-shadow:0 10px 30px rgba(160,72,30,.1); backdrop-filter:blur(16px); animation:navDrop .35s ease both; }
@keyframes navDrop { from { opacity:0; transform:translateY(-100%); } to { opacity:1; transform:translateY(0); } }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:19px; font-weight:800; }
.brand img { width:132px; height:auto; }
.nav-links { display:flex; align-items:center; gap:28px; color:#597069; font-size:14px; font-weight:600; }
.nav-links a { transition:color .2s ease; }
.nav-links a:hover { color:var(--green); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:0 22px; border:1px solid transparent; border-radius:13px; font-weight:700; font-size:14px; transition:transform .2s ease, background .2s ease, border-color .2s ease; cursor:pointer; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#fff; background:var(--green); box-shadow:0 10px 24px rgba(30,118,88,.18); }
.button-primary:hover { background:var(--green-dark); }
.button-ghost { color:var(--green); border-color:#b9d5c5; background:rgba(255,255,255,.72); }
.menu-toggle { display:none; width:42px; height:42px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--green); }
.hero { position:relative; padding:148px 0 110px; background:radial-gradient(circle at 13% 15%, #e5f2e6 0, transparent 28%), linear-gradient(135deg,#f5faf1 0%,#fbfcf9 58%,#edf6ee 100%); }
.hero:after { content:''; position:absolute; width:460px; height:460px; border-radius:50%; left:-230px; bottom:-260px; background:rgba(205,233,124,.28); }
.hero-grid { display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:80px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; color:var(--green); font-size:13px; font-weight:800; letter-spacing:.02em; }
.eyebrow:before { content:''; width:28px; height:2px; background:var(--lime); }
.hero h1 { max-width:590px; margin:14px 0 20px; font-size:clamp(39px,5vw,68px); line-height:1.25; letter-spacing:-.04em; }
.hero h1 em { color:var(--green); font-style:normal; }
.hero-copy { max-width:520px; color:var(--muted); font-size:17px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.micro-note { display:flex; align-items:center; gap:8px; margin-top:20px; color:#74827c; font-size:12px; }
.micro-note span { width:8px; height:8px; border-radius:50%; background:#8ccf9d; }
.hero-visual { position:relative; min-height:490px; }
.orb { position:absolute; inset:35px 20px 25px 10px; border-radius:48% 52% 48% 52%; background:linear-gradient(145deg,#dcefbf,#b5ddad); transform:rotate(-7deg); }
.phone { position:absolute; z-index:2; width:238px; padding:9px; border:7px solid #17342d; border-radius:32px; background:#17342d; box-shadow:0 30px 55px rgba(24,62,46,.23); }
.phone-main { right:22%; top:28px; transform:rotate(4deg); }
.phone-small { left:2%; bottom:26px; width:180px; border-width:6px; border-radius:26px; transform:rotate(-9deg); z-index:3; }
.phone-screen { min-height:430px; overflow:hidden; border-radius:22px; background:#f7fbf7; }
.phone-small .phone-screen { min-height:325px; border-radius:18px; }
.screen-top { padding:22px 15px 13px; background:#eaf6e8; }
.screen-top small { color:#6b7d73; font-size:9px; }
.screen-top strong { display:block; margin-top:5px; font-size:15px; }
.screen-card { margin:12px; padding:13px; border-radius:14px; background:#fff; box-shadow:0 5px 14px rgba(28,67,46,.06); }
.progress-ring { display:grid; place-items:center; width:92px; height:92px; margin:6px auto 10px; border:10px solid #dcecd6; border-top-color:var(--green); border-right-color:#8fcf99; border-radius:50%; }
.progress-ring strong { font-size:18px; }
.screen-row { display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px solid #eff3ef; font-size:10px; color:#6c7b74; }
.screen-row:last-child { border:0; }
.screen-row b { color:var(--ink); }
.mini-bars { display:flex; align-items:end; gap:6px; height:60px; margin-top:10px; }
.mini-bars i { flex:1; border-radius:4px 4px 2px 2px; background:#bde4bd; }
.mini-bars i:nth-child(2),.mini-bars i:nth-child(5) { background:var(--green); }
.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:72%}.mini-bars i:nth-child(3){height:50%}.mini-bars i:nth-child(4){height:82%}.mini-bars i:nth-child(5){height:62%}.mini-bars i:nth-child(6){height:92%}.mini-bars i:nth-child(7){height:75%}
.floating-tag { position:absolute; z-index:4; right:1%; bottom:68px; display:flex; align-items:center; gap:9px; padding:12px 14px; border:1px solid rgba(255,255,255,.7); border-radius:14px; background:rgba(255,255,255,.86); box-shadow:0 18px 35px rgba(28,72,50,.14); font-size:12px; font-weight:700; }
.floating-tag b { display:grid; place-items:center; width:28px; height:28px; border-radius:10px; color:#fff; background:var(--green); }
.value-strip { position:relative; z-index:5; margin-top:-30px; }
.value-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; padding:9px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:0 16px 35px rgba(30,74,48,.06); }
.value-item { display:flex; align-items:center; gap:12px; padding:15px 18px; border-left:1px solid var(--line); }
.value-item:last-child { border:0; }
.icon { display:grid; flex:none; place-items:center; width:40px; height:40px; border-radius:12px; color:var(--green); background:var(--mint); font-size:19px; }
.value-item strong { display:block; font-size:13px; }.value-item span { display:block; color:var(--muted); font-size:11px; }
.section { padding:120px 0; }.section-tint { background:#f0f7f0; }.section-head { max-width:610px; margin-bottom:42px; }.section-head.center { margin-right:auto; margin-left:auto; text-align:center; }.section h2 { margin:12px 0 14px; font-size:clamp(30px,4vw,49px); line-height:1.35; letter-spacing:-.035em; }.section-head p { margin:0; color:var(--muted); font-size:16px; }
.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.feature-card { display:grid; grid-template-columns:auto 1fr; gap:18px; padding:26px; border:1px solid var(--line); border-radius:20px; background:#fff; }.feature-card h3 { margin:0 0 7px; font-size:18px; }.feature-card p { margin:0; color:var(--muted); font-size:14px; }
.showcase { padding:100px 0 120px; color:#eff8ed; background:#183f34; }.showcase .eyebrow { color:var(--lime); }.showcase .section-head p { color:#bad1c1; }.showcase h2 { color:#fff; }.showcase-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:center; }.showcase-copy { max-width:430px; }.showcase-note { display:flex; gap:12px; align-items:flex-start; margin-top:30px; color:#c0d7c5; font-size:13px; }.showcase-note strong { color:#fff; display:block; }.showcase-phones { position:relative; height:440px; }.showcase-phones .phone { border-color:#0d2d25; }.showcase-phones .phone-screen { min-height:380px; }.showcase-phones .phone:first-child { right:22%; top:0; transform:rotate(5deg); }.showcase-phones .phone:last-child { left:9%; bottom:0; width:205px; transform:rotate(-7deg); }.showcase .screen-top { background:#e4f1d7; }
.journey-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.step { position:relative; padding:22px 20px; border:1px solid var(--line); border-radius:18px; background:#fff; }.step-number { display:grid; place-items:center; width:38px; height:38px; margin-bottom:18px; border-radius:12px; color:var(--green); background:var(--lime); font-weight:800; }.step h3 { margin:0 0 7px; font-size:16px; }.step p { margin:0; color:var(--muted); font-size:13px; }
.programs { background:#f7faf4; }.program-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.program-card { position:relative; min-height:300px; overflow:hidden; padding:30px; border-radius:24px; color:#fff; background:linear-gradient(145deg,#1f7257,#0f4337); }.program-card:nth-child(2) { color:var(--ink); background:linear-gradient(145deg,#dff0b8,#b7dfb1); }.program-card:after { content:''; position:absolute; width:180px; height:180px; left:-35px; bottom:-80px; border:1px solid rgba(255,255,255,.24); border-radius:50%; box-shadow:0 0 0 24px rgba(255,255,255,.06),0 0 0 48px rgba(255,255,255,.04); }.program-card h3 { position:relative; z-index:1; margin:0 0 10px; font-size:23px; }.program-card p { position:relative; z-index:1; max-width:340px; margin:0; color:rgba(255,255,255,.75); font-size:14px; }.program-card:nth-child(2) p { color:#536c4e; }.program-card .arrow { position:absolute; z-index:1; right:30px; bottom:28px; font-size:24px; }
.philosophy { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; }.philosophy-quote { padding:30px; border-right:4px solid var(--lime); border-radius:0 18px 18px 0; background:#edf6e9; }.philosophy-quote strong { display:block; font-size:26px; line-height:1.5; }.philosophy-quote span { display:block; margin-top:13px; color:var(--muted); font-size:13px; }.philosophy-list { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; }.pill { display:flex; align-items:center; gap:10px; padding:13px 15px; border:1px solid var(--line); border-radius:14px; background:#fff; font-weight:600; font-size:14px; }.pill i { width:8px; height:8px; border-radius:50%; background:var(--green); }
.download { padding:85px 0; }.download-box { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr .8fr; gap:40px; align-items:center; padding:55px 60px; border-radius:28px; color:#fff; background:linear-gradient(120deg,#155140,#287b5d); }.download-box:after { content:''; position:absolute; width:420px; height:420px; left:-200px; bottom:-300px; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 35px rgba(255,255,255,.05),0 0 0 70px rgba(255,255,255,.04); }.download-box h2 { position:relative; z-index:1; margin-top:10px; color:#fff; }.download-box p { position:relative; z-index:1; max-width:480px; color:#c4ddd0; }.download-actions { position:relative; z-index:1; display:grid; gap:10px; }.download-actions .button { justify-content:space-between; color:#fff; border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.1); }.download-actions .button:hover { background:rgba(255,255,255,.19); }.download-actions .button.disabled { opacity:.55; cursor:not-allowed; }.download-actions .button.disabled:hover { transform:none; }.download-badge { font-size:10px; color:#bce6b1; }
.faq-list { max-width:800px; margin:0 auto; }.faq-item { border-bottom:1px solid var(--line); }.faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 0; cursor:pointer; list-style:none; font-weight:700; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary:after { content:'+'; color:var(--green); font-size:24px; font-weight:400; }.faq-item[open] summary:after { content:'−'; }.faq-item p { max-width:680px; margin:0 0 20px; color:var(--muted); font-size:14px; }
.final-cta { padding:80px 0; text-align:center; background:#eaf4e9; }.final-cta h2 { margin:0 0 22px; font-size:clamp(28px,4vw,45px); }.site-footer { padding:45px 0 24px; color:#b9cec2; background:#12352d; }.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:35px; }.site-footer .brand { color:#fff; }.site-footer .brand img { filter:brightness(0) invert(1); }.footer-copy { max-width:300px; margin-top:14px; font-size:13px; }.footer-title { margin:0 0 13px; color:#fff; font-size:14px; }.footer-links { display:grid; gap:7px; font-size:13px; }.footer-links a:hover { color:var(--lime); }.copyright { padding-top:20px; border-top:1px solid rgba(255,255,255,.12); font-size:12px; }
@media (max-width:900px){.hero-grid,.showcase-grid,.philosophy,.download-box{grid-template-columns:1fr;gap:36px}.hero-copy{max-width:620px}.hero-visual{max-width:520px;margin:0 auto;width:100%;}.showcase-copy{max-width:620px}.showcase-phones{max-width:500px;margin:auto}.journey-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.value-item:nth-child(2){border:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:650px){.container{width:min(100% - 28px,1160px)}.site-header{padding:16px 0}.brand img{width:112px}.nav-links,.site-header .button{display:none}.menu-toggle{display:block}.mobile-open .nav-links{position:absolute;display:grid;top:70px;left:14px;right:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 15px 30px rgba(20,60,40,.12)}.hero{padding:112px 0 70px}.hero h1{font-size:39px}.hero-copy{font-size:15px}.hero-visual{min-height:405px;transform:scale(.82);transform-origin:top center;margin-bottom:-65px}.phone-main{right:13%}.phone-small{left:-1%}.floating-tag{right:-4%}.value-strip{margin-top:0}.value-grid{grid-template-columns:1fr 1fr;padding:4px}.value-item{padding:13px 8px;gap:8px;border-left:0;border-bottom:1px solid var(--line)!important}.value-item:nth-child(odd){border-left:1px solid var(--line)}.value-item:nth-last-child(-n+2){border-bottom:0!important}.value-item .icon{width:34px;height:34px;font-size:16px}.value-item strong{font-size:11px}.value-item span{font-size:9px}.section{padding:78px 0}.section h2{font-size:31px}.section-head p{font-size:14px}.feature-grid,.program-grid,.philosophy-list{grid-template-columns:1fr}.feature-card{padding:20px}.showcase{padding:78px 0}.showcase-phones{height:360px;transform:scale(.82);transform-origin:top center;margin-bottom:-65px}.journey-grid{grid-template-columns:1fr 1fr;gap:10px}.step{padding:16px}.step h3{font-size:14px}.step p{font-size:12px}.download{padding:42px 0}.download-box{padding:32px 23px;border-radius:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}}
@media (max-width:380px){.hero h1{font-size:35px}.hero-visual{transform:scale(.73);margin-bottom:-100px}.journey-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media (prefers-reduced-motion:reduce){.site-header.is-scrolled{animation:none}}

/* Dopamine orange theme: warm, energetic, and legible in both system modes. */
:root { color-scheme: light dark; --ink:#241b16; --muted:#756a63; --green:#e47c43; --green-dark:#b95727; --mint:#fff0e6; --lime:#f49e0d; --paper:#fffaf6; --line:#eee0d6; }
.hero { background:radial-gradient(circle at 13% 15%, #fff0df 0, transparent 28%), linear-gradient(135deg,#fff8ef 0%,#fffaf6 58%,#fff1e7 100%); }
.hero:after { background:rgba(244,158,13,.2); }
.orb { background:linear-gradient(145deg,#ffe2bd,#f4b37f); }
.value-grid,.feature-card,.step,.pill { background:#fff; }
.section-tint,.programs { background:#fff5ed; }
.showcase { background:#2b211c; }
.program-card { background:linear-gradient(145deg,#b95727,#74351f); }
.program-card:nth-child(2) { color:var(--ink); background:linear-gradient(145deg,#ffe0b4,#ffc181); }
.download-box { background:linear-gradient(120deg,#a94d24,#e47c43); }
.philosophy-quote { background:#fff0e6; }
.final-cta { background:#fff0e4; }
.mini-bars i { background:#ffd0ad; }
.mini-bars i:nth-child(2),.mini-bars i:nth-child(5) { background:var(--green); }
.screen-top { background:#fff0e6; }
.progress-ring { border-color:#ffe0c7; border-top-color:var(--green); border-right-color:#f49e0d; }

@media (prefers-color-scheme: dark) {
    :root { --ink:#fff7f1; --muted:#c5b6ad; --paper:#171310; --line:#3a2c25; --mint:#3a2419; }
    body { background:var(--paper); color:var(--ink); }
    .hero { background:radial-gradient(circle at 13% 15%, #3b2419 0, transparent 30%), linear-gradient(135deg,#1d1713 0%,#171310 58%,#2a1b14 100%); }
    .orb { background:linear-gradient(145deg,#9c4d26,#e47c43); opacity:.8; }
    .nav-links { color:#d2bfb3; }
    .button-ghost { color:#ffb27e; border-color:#75442c; background:#211914; }
    .micro-note { color:#bda99d; }
    .value-grid,.feature-card,.step,.pill { background:#211a16; border-color:var(--line); }
    .value-item { border-color:var(--line); }
    .section-tint,.programs { background:#1d1713; }
    .section-head p,.feature-card p,.step p { color:var(--muted); }
    .showcase { background:#0e0c0a; }
    .screen-card { background:#2a211c; box-shadow:none; }
    .screen-top { background:#3a2419; }
    .screen-row { border-color:#45352c; color:#c5b6ad; }
    .screen-row b { color:#fff7f1; }
    .progress-ring { border-color:#533324; border-top-color:#e47c43; border-right-color:#f49e0d; }
    .program-card { background:linear-gradient(145deg,#7e381f,#4b2619); }
    .program-card:nth-child(2) { color:#241b16; background:linear-gradient(145deg,#b7642c,#e49a58); }
    .philosophy-quote { background:#302017; }
    .final-cta { background:#2d1d15; }
    .faq-item { border-color:var(--line); }
    .site-footer { background:#0e0c0a; }
    .menu-toggle { color:#ffb27e; border-color:#4b3327; background:#211914; }
    .site-header .brand img { filter:brightness(0) invert(1); }
    .site-header.is-scrolled { background:rgba(23,19,16,.88); border-bottom-color:rgba(244,158,13,.2); box-shadow:0 10px 30px rgba(0,0,0,.28); }
}

/* Final palette normalization for legacy component declarations. */
.showcase { color:#fff7f1; }
.showcase .section-head p { color:#e0c9ba; }
.showcase-note { color:#dfc9bb; }
.showcase .screen-top { background:#3a2419; }
.site-footer { color:#e2cfc3; background:#2b211c; }
.footer-links a:hover { color:#ffc181; }
.download-badge { color:#ffd2a8; }
.program-card:nth-child(2) p { color:#75442c; }
[style*="6c7b74"] { color:#806f64 !important; }
[style*="1e7658"] { color:#c65e2d !important; }
.micro-note span { background:#e47c43; }
.phone { border-color:#3b2419; background:#3b2419; box-shadow:0 30px 55px rgba(86,40,25,.23); }
.phone-screen { background:#fffaf6; }
.screen-row { border-color:#f0e2d7; color:#806f64; }
.showcase-phones .phone { border-color:#160f0b; }
.mobile-open .nav-links { background:var(--paper); border-color:rgba(228,124,67,.3); box-shadow:0 18px 36px rgba(160,72,30,.16); }
.mobile-open .nav-links a { color:var(--ink); }
.mobile-open .nav-links a:hover { color:var(--green); }
.experience-details { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:22px; }
.experience-detail { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid rgba(255,255,255,.13); border-radius:14px; background:rgba(255,255,255,.06); }
.experience-detail .icon { width:32px; height:32px; border-radius:10px; font-size:14px; }
.experience-detail strong { display:block; color:#fff; font-size:12px; }
.experience-detail span { display:block; margin-top:2px; color:#dfc9bb; font-size:10px; line-height:1.6; }
.experience-extra .experience-details { margin-top:0; }
.experience-extra .experience-detail { border-color:var(--line); background:#fff; }
.experience-extra .experience-detail strong { color:var(--ink); }
.experience-extra .experience-detail span { color:var(--muted); }
.experience-extra { background:#fff5ed; }
.experience-extra .experience-detail .icon { position:relative; display:flex; flex:0 0 32px; align-items:center; justify-content:center; width:32px; height:32px; margin:0; padding:0; overflow:hidden; font-size:0; line-height:1; text-align:center; color:#fff; background:linear-gradient(145deg,#e47c43,#b95727); box-shadow:0 7px 14px rgba(196,82,35,.18); }
.experience-extra .experience-detail .icon:before { font-size:15px; line-height:1; }
.experience-extra .experience-detail:nth-child(1) .icon:before { content:'\25C9'; }
.experience-extra .experience-detail:nth-child(2) .icon:before { content:'\21C5'; }
.experience-extra .experience-detail:nth-child(3) .icon:before { content:'\2197'; }
.experience-extra .experience-detail:nth-child(4) .icon:before { content:'\2726'; }
@media (max-width:650px) { .experience-details { grid-template-columns:1fr; } }
.button-primary { box-shadow:0 10px 24px rgba(196,82,35,.24); }
.download-box { box-shadow:0 24px 50px rgba(160,72,30,.18); }
.value-grid { box-shadow:0 16px 35px rgba(160,72,30,.08); }
.floating-tag { box-shadow:0 18px 35px rgba(160,72,30,.14); }
.step { transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.step:hover { transform:translateY(-4px); border-color:#f1b184; box-shadow:0 16px 30px rgba(160,72,30,.12); }
.step-number { width:44px; height:44px; border:3px solid #fff1e4; border-radius:50%; color:#fff; background:linear-gradient(145deg,#e47c43,#b95727); box-shadow:0 8px 16px rgba(196,82,35,.22); font-size:16px; }
.journey-grid { position:relative; }
.journey-grid:before { content:''; position:absolute; top:44px; right:10%; left:10%; height:2px; background:linear-gradient(90deg,transparent,#f1b184,transparent); z-index:0; }
.journey-grid .step { z-index:1; }
.download-web-link { display:inline-flex; align-items:center; justify-content:center; gap:7px; margin-top:3px; color:#ffe0c7; font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.download-web-link:hover { color:#fff; }
@media (prefers-color-scheme: dark) {
    .step-number { border-color:#4b2619; }
    .step:hover { border-color:#9b502d; box-shadow:0 16px 30px rgba(196,82,35,.18); }
    .journey-grid:before { background:linear-gradient(90deg,transparent,#9b502d,transparent); }
    .mobile-open .nav-links { background:#211a16; border-color:#75442c; box-shadow:0 18px 36px rgba(0,0,0,.3); }
    .mobile-open .nav-links a { color:#fff7f1; }
    .experience-extra .experience-detail { background:#211a16; border-color:var(--line); }
    .experience-extra { background:#1d1713; }
}