: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(0.75rem,1.5vh,1.5rem) clamp(1rem,5vw,3rem);display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--b);background:var(--w);flex-shrink:0}.logo img{height:clamp(20px,3.5vh,40px);width:auto;display:block}.trust-seal{display:inline-flex;align-items:center;gap:6px;font-size:clamp(0.65rem,1.5vw,0.9rem);font-weight:800;color:var(--b);cursor:help;position:relative;padding:4px 10px;border:3px solid var(--b);border-radius:50px;text-transform:uppercase}@media(min-width:480px){.trust-seal{padding:6px 12px;gap:8px}}.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);overflow-y:auto;overflow-x:hidden}.grid{display:flex;align-items:center;gap:clamp(1.5rem,3vh,5rem);width:100%;max-width:1200px;flex-direction:column;text-align:center;margin:auto}@media(min-width:768px){.grid{flex-direction:row;text-align:left}}.col{flex:1;display:flex;flex-direction:column;gap:clamp(0.75rem,1.5vh,1.5rem);align-items:center;width:100%}@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.65rem,1.5vw,1rem);background:var(--y);padding:4px 8px;border:2px solid var(--b)}h1{font-weight:800;font-size:clamp(1.8rem,5vw,4.5rem);line-height:1.05;text-transform:uppercase;color:var(--b);letter-spacing:-1px}p{font-size:clamp(0.95rem,2vw,1.15rem);line-height:1.4;max-width:500px;font-weight:400;color:#333}.price-tag{background:var(--y);border:4px solid var(--b);padding:clamp(0.4rem,1vh,1rem) clamp(1rem,2vw,2rem);display:inline-flex;align-items:flex-start;transform:rotate(-2deg);margin:.25rem 0;color:var(--b);box-shadow:6px 6px 0 var(--b)}.price-tag .val{font-size:clamp(2rem,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.7rem,1.5vh,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);margin-top:.5rem}.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:clamp(20px,4vw,24px);height:clamp(20px,4vw,24px);fill:currentColor}.visual{width:100%;max-width:min(38vh,70vw,400px);aspect-ratio:1;border:6px solid var(--b);background:var(--y);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:8px 8px 0 var(--b)}@media(min-width:768px){.visual{box-shadow:12px 12px 0 var(--b);max-width:min(45vh,400px)}}.visual::before{content:"FIG 1. SYSTEM OVERVIEW";position:absolute;top:10px;left:10px;font-weight:800;color:var(--b);font-size:clamp(0.6rem,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:500px){.visual{display:none}h1{font-size:clamp(1.5rem,4vw,2.5rem)}.grid{flex-direction:row;text-align:left}.col{align-items:flex-start}}footer{padding:clamp(0.5rem,1vh,1rem);text-align:center;border-top:4px solid var(--b);font-weight:800;font-size:clamp(0.65rem,1.5vw,0.8rem);color:var(--b);background:var(--w);text-transform:uppercase;letter-spacing:1px;flex-shrink:0}