.signature{position:relative;overflow:hidden;padding:108px 0;background:#120b1b;border-block:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.signature>.container{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:80px}.signature-copy{max-width:490px}.signature-copy .micro{color:var(--accent-light);letter-spacing:.16em}.signature-copy h2{font-size:clamp(40px,4.2vw,65px);margin:18px 0 22px}.signature-copy p{font-size:16px;max-width:430px}.signature-copy .text-link{color:var(--accent-light);margin-top:8px}.signature::before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(90deg,color-mix(in srgb,var(--accent-light) 30%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--accent-light) 30%,transparent) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 30%,transparent)}.growth-chart{height:335px;position:relative;border-bottom:1px solid color-mix(in srgb,var(--accent-light) 50%,transparent);border-left:1px solid color-mix(in srgb,var(--accent-light) 50%,transparent);padding:30px}.chart-axis{display:flex;justify-content:space-between;color:var(--accent-light);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.chart-lines{height:235px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,color-mix(in srgb,var(--accent-light) 15%,transparent) 47px)}.chart-lines::before,.chart-lines::after{content:"";position:absolute;height:3px;left:0;right:5%;top:63%;background:var(--accent-light);transform:rotate(-15deg);transform-origin:left center;box-shadow:0 0 17px var(--accent)}.chart-lines::after{top:77%;background:color-mix(in srgb,var(--accent-light) 55%,transparent);transform:rotate(-28deg);box-shadow:none}.chart-lines i{position:absolute;width:10px;height:10px;border:2px solid var(--accent-light);background:#120b1b;border-radius:50%;z-index:1;animation:dot-pulse 2.4s infinite}.chart-lines i:nth-child(1){left:28%;top:56%}.chart-lines i:nth-child(2){left:53%;top:47%;animation-delay:.3s}.chart-lines i:nth-child(3){left:77%;top:24%;animation-delay:.6s}.chart-lines b{position:absolute;right:6%;top:10%;font-size:12px;color:var(--accent-light);font-weight:400}.chart-legend{display:flex;gap:19px;font-size:10px;color:#bfa9cb}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:5px}.design-board{height:335px;position:relative;border:1px solid color-mix(in srgb,var(--accent-light) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 23%,#1a101f),#281023);padding:32px;transform:rotate(1.3deg);box-shadow:16px 18px 0 color-mix(in srgb,var(--accent) 15%,transparent)}.board-note{font-size:19px;letter-spacing:.16em;color:var(--accent-light);line-height:1.5}.board-note strong{font-size:45px;color:#fff}.board-palette{display:flex;position:absolute;right:35px;top:40px;gap:7px}.board-palette i{width:28px;height:80px;border-radius:15px 15px 4px 4px;background:var(--accent)}.board-palette i:nth-child(2){background:var(--accent-light);height:112px}.board-palette i:nth-child(3){background:#f5e9ff;height:62px}.board-palette i:nth-child(4){background:color-mix(in srgb,var(--accent) 55%,#111);height:93px}.board-team{position:absolute;left:32px;right:32px;bottom:33px;display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:14px;color:#d8c6e0;font-size:10px;letter-spacing:.12em}.materials-wall{display:grid;grid-template-columns:1.3fr .8fr;grid-template-rows:1fr 1fr;gap:15px;min-height:335px}.material-card{padding:22px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid color-mix(in srgb,var(--accent-light) 55%,transparent);border-radius:7px;background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 30%,#201025),#1a101f);transition:transform .25s}.material-card:hover{transform:translateY(-8px) rotate(-1deg)}.material-card span{font-size:10px;color:var(--accent-light);letter-spacing:.14em}.material-card strong{font-size:clamp(20px,2vw,32px);line-height:1.03}.banner-card{grid-row:span 2;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 20%,#170d20))}.card-card{background:#eadbf2;color:#301a3e}.card-card span{color:#603277}.card-card strong{color:#321442}.product-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid color-mix(in srgb,var(--accent-light) 55%,transparent);padding-top:50px}.product-shelf article{min-height:230px;padding:22px 17px;border-top:1px solid color-mix(in srgb,var(--accent-light) 50%,transparent);border-left:1px solid color-mix(in srgb,var(--accent-light) 35%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 22%,#191023),transparent);transition:transform .3s,background .3s}.product-shelf article:last-child{border-right:1px solid color-mix(in srgb,var(--accent-light) 35%,transparent)}.product-shelf article:hover{transform:translateY(-12px);background:color-mix(in srgb,var(--accent) 32%,#191023)}.product-shelf article>span{font-size:11px;color:var(--accent-light)}.product-shelf h3{font-size:29px;margin:62px 0 8px}.product-shelf p{font-size:13px}.browser-showcase{min-height:335px}.browser-window{background:#eee4f5;min-height:282px;color:#321745;box-shadow:18px 18px 0 color-mix(in srgb,var(--accent) 28%,transparent);transform:rotate(-1deg)}.browser-bar{height:39px;background:#d4bedf;display:flex;align-items:center;gap:6px;padding:0 16px;font-size:10px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.browser-bar span{margin-left:auto;opacity:.6}.browser-content{padding:38px 45px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.browser-content strong{font-size:31px;line-height:1.05}.browser-content em{color:var(--accent);font-style:normal}.browser-content>span{height:90px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:50% 12px 50% 12px}.browser-content small{grid-column:1/-1;letter-spacing:.1em;font-size:10px}.browser-tabs{display:flex;gap:8px;margin-top:20px}.browser-tabs span{font-size:11px;border:1px solid color-mix(in srgb,var(--accent-light) 55%,transparent);padding:8px 13px;border-radius:20px;color:var(--accent-light)}
@keyframes dot-pulse{50%{transform:scale(1.7);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}}
@media(max-width:800px){.signature{padding:70px 0}.signature>.container{grid-template-columns:1fr;gap:42px}.growth-chart,.design-board,.browser-showcase{max-width:650px;width:100%}.product-shelf{padding-top:25px}.product-shelf h3{margin-top:50px}.materials-wall{min-height:300px}}
@media(max-width:560px){.signature-copy h2{font-size:40px}.growth-chart{height:265px;padding:20px}.chart-lines{height:175px}.chart-legend{gap:8px;font-size:8px}.design-board{height:275px;padding:24px}.board-palette{right:22px;top:28px}.board-palette i{width:20px;height:64px}.board-palette i:nth-child(2){height:90px}.board-team{left:22px;right:22px;bottom:23px;font-size:8px}.materials-wall{gap:8px;min-height:250px}.material-card{padding:14px}.material-card strong{font-size:18px}.product-shelf{grid-template-columns:1fr 1fr}.product-shelf article{min-height:160px}.product-shelf h3{font-size:23px;margin-top:33px}.browser-content{padding:27px 24px}.browser-content strong{font-size:25px}.browser-tabs{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.material-card,.product-shelf article,.chart-lines i{animation:none;transition:none}}