@layer plexivo {

.sec2{--night:#06080f;--card:#fff;--line:#e3e3e8;--soft:#f5f5f7}
.sec2 .wrap{position:relative}
.sec2-hero{position:relative;padding:96px 0 0;background:#fff;overflow:hidden;text-align:center}
.sec2-hero::before{content:"";position:absolute;left:50%;top:-180px;width:1100px;height:720px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(closest-side,rgb(37 99 235 / 14%),transparent 70%),radial-gradient(closest-side at 70% 40%,rgb(124 58 237 / 12%),transparent 70%)}
.sec2-hero .display{font-size:clamp(56px,8vw,104px);margin:14px auto 0}
.sec2-hero .lede{max-width:34ch;margin:26px auto 0;font-size:clamp(19px,2.1vw,24px);color:var(--muted)}
.sec2-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:34px auto 0;padding:0;list-style:none}
.sec2-chips li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--soft);font-size:15px;font-weight:500;color:var(--text)}
.sec2-chips li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--grad) ;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 14.2-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4-7 7Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.2 14.2-4-4 1.4-1.4 2.6 2.6 5.6-5.6 1.4 1.4-7 7Z'/%3E%3C/svg%3E") center/contain no-repeat}
.sec2-art{max-width:1040px;margin:56px auto 0;padding:24px 0 0;border-radius:40px 40px 0 0;background:radial-gradient(ellipse at 50% 70%,rgb(37 99 235 / 16%),transparent 62%),linear-gradient(180deg,#f3f6ff,#fff)}
.sec2-art .product-art{max-height:380px}
.sec2-night{position:relative;padding:clamp(88px,11vw,140px) 0;background:radial-gradient(900px 520px at 85% 0%,rgb(124 58 237 / 30%),transparent 70%),radial-gradient(900px 480px at 10% 10%,rgb(37 99 235 / 28%),transparent 70%),var(--night);color:#f5f5f7;overflow:hidden}
.sec2-night .center{text-align:center}
.sec2-night .eyebrow{color:#9ac4ff;background:none}
.sec2-night .headline{color:#f5f5f7;font-size:clamp(40px,5.6vw,72px)}
.sec2-night .grad,.sec2-night .scanner-grade{background:linear-gradient(120deg,#8ec5ff 0%,#a5b4fc 45%,#d8b4fe 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec2-night .lede{color:#a1a1aa;max-width:46ch;margin:22px auto 0}
.sec2-night .scanner-grid{margin-top:64px;gap:20px}
.sec2-night .scanner-record{padding:34px 32px;border:1px solid rgb(255 255 255 / 10%);border-radius:30px;background:linear-gradient(155deg,rgb(255 255 255 / 9%),rgb(255 255 255 / 2%));box-shadow:0 40px 90px -60px rgb(99 102 241 / 70%)}
.sec2-night .scanner-record .eyebrow{color:#a1a1aa}
.sec2-night .scanner-grade{font-size:clamp(72px,8vw,108px)}
.sec2-night .scanner-record h3{color:#f5f5f7}
.sec2-night .scanner-score,.sec2-night .scanner-record time{color:#a1a1aa}
.sec2-night .scanner-record .link{color:#9ac4ff}
.sec2-night .scanner-note{color:#8e8e93;margin:40px auto 0;text-align:center}
.sec2-section{padding:clamp(88px,11vw,140px) 0}
.sec2-soft{background:var(--soft)}
.sec2-white{background:#fff}
.sec2-head{text-align:center;max-width:820px;margin:0 auto 64px}
.sec2-head .headline{font-size:clamp(40px,5.6vw,72px)}
.sec2-head .lede{margin:22px auto 0;max-width:44ch;color:var(--muted)}
.sec2-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sec2-card{position:relative;padding:40px 36px 44px;border-radius:32px;background:var(--card);box-shadow:0 1px 0 rgb(0 0 0 / 4%),0 30px 70px -50px rgb(29 29 31 / 28%);overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.sec2-card:hover{transform:translateY(-6px);box-shadow:0 1px 0 rgb(0 0 0 / 4%),0 40px 80px -46px rgb(37 99 235 / 35%)}
.sec2-card .ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;color:#fff;background:var(--g);box-shadow:0 18px 36px -18px var(--glow,rgb(37 99 235 / 60%))}
.sec2-card .ic svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sec2-card h3{margin:28px 0 0;font-size:clamp(26px,2.6vw,32px);font-weight:650;letter-spacing:-.035em;color:var(--text)}
.sec2-card p{margin:14px 0 0;font-size:17px;line-height:1.55;color:var(--text-2,#424245)}
.sec2-card a{color:var(--accent)}
.sec2-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.sec2-bento .sec2-card{grid-column:span 2}
.sec2-bento .sec2-card.w3{grid-column:span 3}
.sec2-bento .sec2-card.w6{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;column-gap:32px;align-items:start}
.sec2-bento .sec2-card.w6 h3{margin-top:0}
.sec2-bento .sec2-card.w6 .ic{grid-row:span 2}
.sec2-white .sec2-card:not(.night){background:var(--soft);box-shadow:none}
.sec2-white .sec2-card:not(.night):hover{box-shadow:0 40px 80px -50px rgb(37 99 235 / 30%)}
.sec2-card.night{background:linear-gradient(150deg,#1d2a44,#070a12 72%);box-shadow:0 40px 90px -50px rgb(79 70 229 / 60%)}
.sec2-card.night h3{color:#f5f5f7}.sec2-card.night p{color:#c7c7cc}
.sec2-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sec2-split ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.sec2-split li{display:flex;gap:12px;font-size:17px;line-height:1.45;color:var(--text-2,#424245)}
.sec2-split li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat}
.sec2-split .night li{color:#d2d2d7}.sec2-split .night li::before{background-color:#7c3aed}
.sec2-cta{position:relative;padding:clamp(96px,12vw,150px) 0;text-align:center;background:radial-gradient(800px 420px at 50% 0%,rgb(37 99 235 / 10%),transparent 70%),#fff}
.sec2-cta .headline{font-size:clamp(40px,5.6vw,72px)}
.sec2-cta .lede{max-width:40ch;margin:22px auto 0;color:var(--muted)}
.sec2-cta .cta-row{justify-content:center;margin-top:34px}
@supports (animation-timeline: view()){
 @media (prefers-reduced-motion:no-preference){
  .sec2-rise{animation:sec2-rise linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
  @keyframes sec2-rise{from{opacity:0;transform:translateY(48px) scale(.98)}to{opacity:1;transform:none}}
 }
}
@media (max-width:900px){.sec2-pillars,.sec2-split{grid-template-columns:minmax(0,1fr)}.sec2-bento{grid-template-columns:minmax(0,1fr)}.sec2-bento .sec2-card,.sec2-bento .sec2-card.w3{grid-column:auto}.sec2-bento .sec2-card.w6{grid-template-columns:minmax(0,1fr)}.sec2-bento .sec2-card.w6 h3{margin-top:28px}}
@media (max-width:600px){.sec2-hero{padding-top:64px}.sec2-card{padding:32px 26px 36px;border-radius:26px}.sec2-art{border-radius:28px 28px 0 0}}

}