:root{--y:#FFFC00;--b:#0051BA;--w:#FFF;--t:#111;--font:'Inter',sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 0,#fff 0,#f0f4f8 100%);font-family:var(--font);color:var(--t)}body{display:flex;flex-direction:column}header{padding:clamp(1rem,2vh,2rem) clamp(1rem,5vw,3rem);display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--b);background:var(--w)}.logo img{height:clamp(24px,4vh,40px);width:auto;display:block}.trust-seal{display:inline-flex;align-items:center;gap:8px;font-size:clamp(0.7rem,1.5vw,0.9rem);font-weight:800;color:var(--b);cursor:help;position:relative;padding:6px 12px;border:3px solid var(--b);border-radius:50px;text-transform:uppercase}.trust-seal svg{width:16px;height:16px;fill:var(--b)}.trust-seal::after{content:attr(data-tooltip);position:absolute;top:130%;right:0;background:var(--b);color:var(--w);padding:8px 12px;font-size:12px;border-radius:0;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;z-index:10;box-shadow:4px 4px 0 var(--y);text-transform:none;font-weight:400}.trust-seal:hover::after{opacity:1}main{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vh,3rem) clamp(1rem,5vw,3rem)}.grid{display:flex;align-items:center;gap:clamp(1.5rem,4vw,5rem);width:100%;max-width:1200px;flex-direction:column;text-align:center}@media(min-width:768px){.grid{flex-direction:row;text-align:left}}.col{flex:1;display:flex;flex-direction:column;gap:clamp(0.8rem,2vh,1.5rem);align-items:center}@media(min-width:768px){.col{align-items:flex-start}}.eyebrow{font-weight:800;text-transform:uppercase;color:var(--b);letter-spacing:2px;font-size:clamp(0.7rem,1.5vw,1rem);background:var(--y);padding:4px 8px;border:2px solid var(--b)}h1{font-weight:800;font-size:clamp(2rem,5vw,4.5rem);line-height:1;text-transform:uppercase;color:var(--b);letter-spacing:-1px}p{font-size:clamp(1rem,2vw,1.15rem);line-height:1.4;max-width:500px;font-weight:400}.price-tag{background:var(--y);border:4px solid var(--b);padding:clamp(0.5rem,1vh,1rem) clamp(1rem,2vw,2rem);display:inline-flex;align-items:flex-start;transform:rotate(-2deg);margin:.5rem 0;color:var(--b);box-shadow:6px 6px 0 var(--b)}.price-tag .val{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:.8}.price-tag .currency{font-size:clamp(1rem,2vw,1.5rem);font-weight:800;margin-top:.1em}.cta{background:var(--b);color:var(--y);text-decoration:none;font-weight:800;font-size:clamp(1rem,2vw,1.5rem);padding:clamp(0.8rem,2vh,1.2rem) clamp(1.5rem,4vw,3rem);border:4px solid var(--b);text-transform:uppercase;transition:.2s;display:inline-flex;align-items:center;gap:12px;box-shadow:6px 6px 0 var(--y)}.cta:hover{background:var(--y);color:var(--b);box-shadow:2px 2px 0 var(--b);transform:translate(4px,4px);outline:none}.cta:focus-visible{outline:4px dashed var(--b);outline-offset:4px}.cta svg{width:24px;height:24px;fill:currentColor}.visual{width:100%;max-width:min(45vh,400px);aspect-ratio:1;border:6px solid var(--b);background:var(--y);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:12px 12px 0 var(--b)}.visual::before{content:"FIG 1. SYSTEM OVERVIEW";position:absolute;top:10px;left:10px;font-weight:800;color:var(--b);font-size:clamp(0.7rem,1.5vw,0.9rem);background:var(--w);padding:4px 8px;border:2px solid var(--b)}.visual svg{width:65%;height:65%;stroke:var(--b);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}@media(max-height:600px){.visual{display:none}h1{font-size:clamp(1.8rem,4vw,2.5rem)}}footer{padding:clamp(0.5rem,1.5vh,1rem);text-align:center;border-top:4px solid var(--b);font-weight:800;font-size:.8rem;color:var(--b);background:var(--w);text-transform:uppercase;letter-spacing:1px}