:root{--ink:#172038;--muted:#566278;--bg:#f6f8fc;--line:#dce2ed;--purple:#6d46c6;--teal:#00cdb9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:#533d9c}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid #1bc8ad;outline-offset:4px}img{max-width:100%}.wrap{width:min(1150px,calc(100% - 40px));margin:0 auto}.skip{position:absolute;top:-100px;left:16px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}
.products-header{background:#101525;color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 13px rgba(5,10,30,.13)}.products-nav{display:flex;justify-content:space-between;align-items:center;min-height:73px;gap:16px}.company-brand{color:#fff;font-size:1.23rem;font-weight:900;letter-spacing:.12em}.company-brand span{font-size:.65rem;letter-spacing:0;opacity:.6;font-weight:500}.products-header nav{display:flex;gap:22px;flex-wrap:wrap}.products-header nav a{color:#e7ebfa;font-size:.9rem;font-weight:700}
.portfolio-hero{padding:88px 0 72px;background:radial-gradient(circle at 90% 24%,rgba(73,186,196,.09),transparent 40%),linear-gradient(130deg,#eae9f7,#f8f9fe)}.portfolio-hero .wrap{max-width:1120px}.label{font-size:.8rem;font-weight:850;color:#664ab8;letter-spacing:.13em;margin-bottom:18px}.portfolio-hero h1{font-size:clamp(2.65rem,5.2vw,5rem);line-height:1.06;letter-spacing:-.055em;max-width:840px;margin:0 0 20px}.portfolio-hero h1 span{color:#6652ac}.portfolio-hero p{max-width:765px;color:var(--muted);font-size:1.12rem}
.products-section{padding:60px 0 90px}.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.product-card{background:#fff;border:1px solid #dce1ef;border-radius:27px;overflow:hidden;box-shadow:0 22px 55px rgba(15,25,55,.06);display:flex;flex-direction:column}.product-top{min-height:280px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,#e5dcfb,#d6d9e8)}.product-flag{position:absolute;top:23px;left:26px;padding:8px 13px;font-size:.68rem;letter-spacing:.14em;font-weight:850;border-radius:999px;background:rgba(255,255,255,.88);color:#563e90;z-index:2}.product-photo{display:flex;align-items:center;justify-content:center;height:280px;overflow:hidden}.product-photo img{width:176px;height:auto;border:7px solid #151a2a;border-radius:24px;transform:translateY(45px);box-shadow:0 18px 45px rgba(15,18,40,.25)}.guard .product-top{background:radial-gradient(circle at 50% 30%,#205f67,#061a2e 75%)}.guard .product-flag{background:rgba(6,50,60,.9);color:#66f6e3;border:1px solid rgba(123,255,234,.28)}.guard-photo img{width:195px;height:195px;border:0;border-radius:42px;transform:none;filter:drop-shadow(0 25px 30px rgba(0,0,0,.4))}.product-copy{padding:30px;display:flex;flex-direction:column;flex:1}.product-name{display:flex;align-items:center;gap:11px;font-size:1.35rem;font-weight:850}.product-monogram{height:43px;width:43px;display:grid;place-items:center;border-radius:12px;background:#171d33;color:#d2c3ff;font-weight:900}.product-name img{width:43px;height:43px;border-radius:12px}.product-copy h2{font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.12;letter-spacing:-.035em;margin:20px 0 13px}.product-copy p{color:var(--muted);margin:0 0 15px}.product-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 24px}.product-meta span{border:1px solid #dfe3ed;border-radius:999px;padding:5px 10px;font-size:.73rem;font-weight:750;color:#51607a}.product-btn{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#5b3ab0;color:#fff;font-weight:850;border-radius:14px;padding:13px 17px;margin-top:auto}.product-btn:hover{background:#482c94;color:#fff;text-decoration:none}.guard-btn{background:#08cbb8;color:#052838}.guard-btn:hover{background:#00b9a4;color:#052838}.product-note{font-size:.75rem!important;margin:12px 0 0!important}
.portfolio-bottom{background:#111a2a;color:#fff;padding:75px 0}.portfolio-bottom .wrap{max-width:850px}.portfolio-bottom h2{font-size:clamp(2rem,3.8vw,3rem);line-height:1.14;letter-spacing:-.03em;margin:0 0 15px}.portfolio-bottom p{color:#c4cde0}.portfolio-bottom a{color:#7ff9ea;font-weight:800}.products-footer{background:#0b1120;color:#c3cada;padding:23px 0}.products-footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.products-footer .wrap>div{display:flex;gap:19px;flex-wrap:wrap}.products-footer a{color:#d9e0f3}
@media(max-width:780px){.products-grid{grid-template-columns:1fr}.portfolio-hero{padding:65px 0 50px}.products-section{padding:40px 0 65px}.product-top,.product-photo{height:245px;min-height:245px}}
@media(max-width:480px){.products-nav{flex-wrap:wrap;padding:13px 0}.products-header nav{gap:12px}.product-copy{padding:22px}.portfolio-hero h1{font-size:2.7rem}}