*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial, sans-serif;color:#142e50;line-height:1.6}.header{position:sticky;top:0;z-index:5;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;box-shadow:0 3px 18px #102f5915}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#123967}.mark{background:#123967;color:#ff7900;border-radius:14px;padding:7px 14px;font-size:30px}.brand strong{font-size:26px}.brand strong span,footer span{color:#f47700}.brand small{display:block;font-size:11px}.header nav{display:flex;gap:25px}.header nav a,footer a{color:inherit;text-decoration:none;font-weight:bold}.header nav a:hover,footer a:hover{color:#f47700}#toggle{display:none}.hero{background:linear-gradient(115deg,#092448,#164c7b);color:white;padding:75px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;min-height:480px}.eyebrow{color:#f47700;font-weight:bold;letter-spacing:2px;font-size:12px}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.1;margin:10px 0}.hero em{color:#ff8a1b;font-style:normal}.lead{font-size:18px;color:#e0eafa;max-width:570px}.btn{display:inline-block;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:bold;margin:10px 8px 8px 0}.orange{background:#f47700;color:white}.outline{border:1px solid white;color:white}.note{font-size:13px;color:#c9d8eb;margin-top:24px}.art{height:300px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#28618e,#123967 65%,transparent 66%)}.math,.code{position:absolute;background:#fff;color:#17385f;border-radius:13px;padding:18px;box-shadow:0 15px 35px #00152e55;font-weight:bold}.math{top:15%;right:0;transform:rotate(4deg)}.code{left:0;top:34%;transform:rotate(-4deg)}.code pre{font-size:15px}.code b{color:#e96d00}.code small{color:#f47700}.symbol{font-size:85px;font-weight:900;color:white;text-shadow:0 5px 20px #00152e}.caption{position:absolute;bottom:0;font-size:11px;letter-spacing:2px;color:#dceafa}.intro,.values{text-align:center;padding:70px 8%;max-width:1050px;margin:auto}.intro p:last-child{color:#65758c;font-size:17px}.offer{background:#f4f7fb;padding:65px 7%}.offer h2,.intro h2,.values h2,.tools h2,.contact h2{font-size:clamp(28px,3.5vw,42px);line-height:1.2;margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{background:#fff;border:1px solid #e5edf5;border-radius:15px;padding:23px;box-shadow:0 8px 22px #1239670a}.grid article i{font-size:30px;font-style:normal;color:#f47700;font-weight:bold}.grid h3{margin:10px 0 5px}.grid p{color:#66768c;font-size:14px}.grid a{color:#e96d00;font-weight:bold;text-decoration:none;font-size:14px}.tools{background:#102f59;color:white;padding:55px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px}.tools p:not(.eyebrow){color:#d4e0ee;max-width:650px}.tools aside{background:white;color:#17385f;padding:20px;border-radius:14px;min-width:240px}.tools aside small{display:block;color:#708096}.tools label{float:right;color:#d76500;background:#fff0e2;border-radius:20px;padding:3px 8px;font-size:11px}.three{margin-top:30px;text-align:left}.three article{border-left:3px solid #f47700;border-radius:0;box-shadow:none;background:#fff}.contact{background:#fff5e9;padding:55px 7%;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.contact p:not(.eyebrow){color:#66768c}.contact small{width:100%;color:#8b6a4c}footer{background:#091f3d;color:#d8e4f2;text-align:center;padding:35px 15px}footer>b{font-size:26px;color:#fff}footer p{margin:5px}@media(max-width:850px){.header nav{gap:12px;font-size:13px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.header{padding:12px 18px}.brand strong{font-size:22px}.brand small{font-size:10px}#toggle{display:block;background:#123967;color:#fff;border:0;border-radius:8px;padding:8px 12px;font-size:22px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:12px 22px 20px;box-shadow:0 12px 20px #12396720;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{padding:11px 4px;border-bottom:1px solid #edf1f6}.hero{grid-template-columns:1fr;padding:48px 22px 30px}.hero h1{font-size:42px}.lead{font-size:16px}.art{height:230px}.code{font-size:12px}.code pre{font-size:12px}.math{font-size:12px}.symbol{font-size:65px}.intro,.values{padding:52px 22px}.offer{padding:50px 22px}.grid{grid-template-columns:1fr}.tools{padding:45px 22px;display:block}.tools aside{margin-top:25px}.contact{padding:45px 22px;display:block}.contact .btn{margin-top:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Podstrony KodeMat */
.page-hero{background:linear-gradient(115deg,#092448,#164c7b);color:#fff;padding:58px 7%;}.page-hero h1{font-size:clamp(34px,4.5vw,54px);line-height:1.12;margin:8px 0 14px}.page-hero p{max-width:760px;color:#e0eafa;font-size:17px}.content{padding:52px 7%;max-width:1200px;margin:auto}.content h2{font-size:30px;line-height:1.2}.content h3{margin-bottom:6px}.muted{color:#66768c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.cards article,.panel-card{background:#fff;border:1px solid #e5edf5;border-radius:15px;padding:23px;box-shadow:0 8px 22px #1239670a}.cards article p{color:#66768c;font-size:14px}.tag{display:inline-block;background:#fff0e2;color:#b95300;padding:4px 9px;border-radius:20px;font-size:12px;font-weight:bold}.action-link{color:#e96d00;font-weight:bold;text-decoration:none}.crumb{font-size:13px;color:#d5e4f4}.contact-form{max-width:760px;background:#f4f7fb;border:1px solid #e5edf5;padding:26px;border-radius:16px}.contact-form label{display:block;font-weight:bold;margin:14px 0 5px}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:1px solid #cbd7e5;border-radius:8px;font:inherit;background:#fff}.contact-form textarea{min-height:145px;resize:vertical}.contact-form .check{display:flex;gap:10px;align-items:flex-start;font-weight:normal;font-size:13px}.contact-form .check input{width:auto;margin-top:5px}.contact-form button{border:0;cursor:pointer;font:inherit}.notice{background:#fff5e9;border-left:4px solid #f47700;padding:14px 18px;border-radius:8px;color:#674522}.site-footer-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:12px 0}.site-footer-links a{color:#d8e4f2}.form-error{color:#9b2c2c}.form-success{color:#17633a}.hidden-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.page-hero{padding:42px 22px}.content{padding:42px 22px}.cards{grid-template-columns:1fr}.contact-form{padding:18px}}