.highlights{padding:0 0 130px}.highlights-head{margin-bottom:52px}.highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.highlight-card{min-height:390px;padding:28px 30px;background:var(--paper-2);position:relative;overflow:hidden}.highlight-card:nth-child(2),.highlight-card:nth-child(3){background:#dce8df}.highlight-card:nth-child(4){background:var(--ink);color:var(--paper)}.highlight-top{display:flex;justify-content:space-between;align-items:center;color:var(--orange);font:10px var(--mono);letter-spacing:.08em}.highlight-top>b{font:12px var(--mono);color:inherit;opacity:.55}.highlight-card h3{font-family:var(--serif);font-size:27px;letter-spacing:-.06em;margin:26px 0 12px}.highlight-card p{color:#687773;font-size:13px;line-height:1.8;max-width:415px;margin:0}.marketing-card p{color:#a4b5b0}.identity-portrait{height:130px;margin:28px 0 18px;position:relative;border-bottom:1px solid rgba(18,40,41,.15);background:radial-gradient(circle at 50% 38%,rgba(239,111,67,.23),transparent 32%)}.identity-portrait:before{content:"";position:absolute;width:70px;height:70px;left:50%;top:17px;transform:translateX(-50%);border-radius:50% 50% 45% 45%;background:var(--orange);box-shadow:0 0 0 10px rgba(239,111,67,.1),0 0 0 22px rgba(239,111,67,.05)}.identity-portrait:after{content:"";position:absolute;width:118px;height:38px;left:50%;bottom:0;transform:translateX(-50%);border-radius:70px 70px 0 0;background:#173332}.identity-portrait i{position:absolute;width:6px;height:6px;left:calc(50% - 22px);top:47px;border-radius:50%;background:#fff;z-index:1;box-shadow:38px 0 #fff}.identity-portrait span{position:absolute;right:10px;bottom:18px;color:#7b8b85;font:9px var(--mono)}.highlight-meta{display:flex;gap:16px;margin-top:24px;color:#89958f;font:9px var(--mono)}.learning-graph{height:130px;margin:28px 0 18px;position:relative;background:radial-gradient(circle at 51% 50%,rgba(126,181,160,.2),transparent 58%)}.learn-node{position:absolute;display:grid;place-items:center;width:49px;height:25px;border-radius:20px;background:#f1eee7;color:#506860;font:9px var(--mono);box-shadow:0 5px 12px rgba(28,55,47,.08)}.learn-node.n-a{left:5%;top:18%}.learn-node.n-b{left:43%;top:46%;background:var(--orange);color:#fff}.learn-node.n-c{right:4%;top:17%}.learn-node.n-d{right:16%;bottom:3%}.learn-line{position:absolute;height:1px;background:#86ab9a;transform-origin:left center}.learn-line.la{width:145px;left:17%;top:31%;transform:rotate(18deg)}.learn-line.lb{width:120px;left:55%;top:51%;transform:rotate(-25deg)}.learn-line.lc{width:102px;left:56%;top:57%;transform:rotate(44deg)}.learning-progress{display:flex;align-items:center;gap:12px;margin-top:24px;color:#799189;font:9px var(--mono)}.learning-progress b{height:4px;flex:1;background:rgba(60,110,91,.15);position:relative}.learning-progress i{display:block;width:72%;height:100%;background:var(--orange)}.planning-board{height:130px;margin:28px 0 18px;padding:14px 16px;background:#f5f0e6;border:1px solid rgba(18,40,41,.12);box-shadow:8px 8px 0 rgba(18,40,41,.06)}.plan-month{display:block;color:#89958f;font:9px var(--mono);margin-bottom:10px}.plan-row{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid rgba(18,40,41,.1);font-size:10px}.plan-row i{width:7px;height:7px;border:1px solid var(--orange);border-radius:50%}.plan-row.done i{background:var(--mint);border-color:var(--mint)}.plan-row em{font-style:normal;color:#546961}.plan-row b{font:9px var(--mono);color:#8e9b93;font-weight:400}.highlight-link{position:absolute;right:30px;bottom:29px;color:#647670;font:10px var(--mono)}.highlight-link span{color:var(--orange);margin-left:8px}.marketing-chart{height:130px;margin:28px 0 18px;padding:15px 17px 10px;background:#17292b;border:1px solid rgba(241,238,231,.12)}.chart-label{display:flex;justify-content:space-between;color:#b3c6bf;font:9px var(--mono)}.chart-label b{color:var(--mint);font-weight:400}.chart-bars{height:76px;display:flex;align-items:end;gap:10px;border-bottom:1px solid rgba(241,238,231,.13);padding:0 8px}.chart-bars i{display:block;flex:1;background:linear-gradient(to top,var(--orange),var(--orange-2));border-radius:2px 2px 0 0}.chart-axis{display:flex;justify-content:space-between;color:#708681;font:8px var(--mono);padding-top:7px}.marketing-card .highlight-meta{color:#92aaa3}
@media(max-width:900px){.highlight-grid{grid-template-columns:1fr 1fr}.highlight-card{min-height:370px;padding:24px}}
@media(max-width:600px){.highlights{padding-bottom:90px}.highlight-grid{grid-template-columns:1fr}.highlight-card{min-height:350px}.highlight-card h3{font-size:25px}}