/* Marek Suchcicki — fully static, responsive and self-hosted. No external assets. */
:root{color-scheme:light;--navy:#0d1b31;--navy-soft:#172a48;--ink:#1a283e;--ink-soft:#50617a;--muted:#aabbd7;--accent:#b9cdf2;--blue:#4466a5;--line:#dee5ec;--paper:#fff;--cloud:#f5f7fa;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cloud);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #90bbff;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.049em;line-height:1.13}h2{font-size:clamp(2.1rem,3.65vw,3.5rem);font-weight:720}h3{font-size:1.33rem;font-weight:700}img{max-width:100%;display:block}svg{display:block}.container{width:min(1180px,calc(100% - 60px));margin-inline:auto}.skip-link{position:absolute;top:-200px;left:12px;z-index:99;padding:10px 15px;background:#fff;color:#111}.skip-link:focus{top:10px}
/* header */
.site-header{background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.105);position:relative;z-index:10}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand-icon{width:44px;height:44px;flex:none;border:1px solid rgba(198,213,243,.47);border-radius:12px;display:grid;place-items:center;font-weight:760;color:#fff;font-size:1.06rem;letter-spacing:-.115em}.brand-s{color:#a6c7ff}.brand-text{display:grid;line-height:1.25;font-weight:660;font-size:1rem;letter-spacing:-.025em;white-space:nowrap}.brand-text small{font-size:.61rem;font-weight:620;letter-spacing:.16em;color:#9cb1d2;margin-top:5px}.main-nav{display:flex;align-items:center;gap:30px;font-size:.87rem;font-weight:580;color:#d1def2}.main-nav a:not(.nav-cta):hover{color:#fff}.nav-cta{background:#eaf1fc;color:#12243f;border-radius:9px;padding:10px 15px;font-weight:730;white-space:nowrap;transition:background .15s,transform .15s}.nav-cta:hover{background:#fff;transform:translateY(-1px)}.nav-cta span{margin-left:6px}
/* hero */
.hero{color:white;background:linear-gradient(120deg,#0d1b31 0%,#10203a 58%,#1d365b 100%);overflow:hidden;position:relative}.hero-glow{position:absolute;right:-160px;top:-270px;width:940px;height:860px;pointer-events:none;background:radial-gradient(circle,rgba(89,132,203,.17),transparent 60%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(194,219,249,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(194,219,249,.045) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to right,transparent 30%,#000 100%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:6%;padding:78px 0 88px;min-height:657px}.hero-content{position:relative;z-index:2}.eyebrow{font-size:.67rem;letter-spacing:.175em;font-weight:740;color:#bbcae2;text-transform:uppercase;margin:0 0 27px;display:flex;gap:11px;align-items:center;flex-wrap:wrap}.eyebrow-dot{width:6px;height:6px;background:#9fc0fa;display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #91aff22a}.eyebrow-separator{color:#7190c3;margin-inline:1px}.hero h1{max-width:700px;font-size:clamp(3.1rem,5.7vw,5.95rem);font-weight:730;margin:0;line-height:1.06}.hero h1 em{font-style:normal;color:#b8cef2;display:block}.hero-lead{font-size:1.085rem;line-height:1.85;color:#c5d2e5;max-width:530px;margin:26px 0 32px}.hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.button{border-radius:10px;padding:14px 21px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:700;font-size:.9rem;transition:background .16s,transform .16s}.button:hover{transform:translateY(-2px)}.button-primary{background:#c8daf8;color:#152c4a}.button-primary:hover{background:#f0f6ff}.button-secondary{background:transparent;border:1px solid rgba(203,217,244,.38);color:#edf4ff}.button-secondary:hover{background:#ffffff13}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:50px;font-size:.61rem;letter-spacing:.105em;font-weight:700;color:#88a1c5}.hero-meta i{width:3px;height:3px;background:#738ba9;border-radius:50%}
.hero-visual{position:relative;padding:12px 8px 12px 0;max-width:460px;width:100%;justify-self:end}.portrait-border{position:relative;border-radius:9px;border:1px solid #7894bc65;padding:8px;background:#ffffff0d;box-shadow:0 30px 70px #03091465;transform:rotate(1.2deg)}.portrait-holder{position:relative;height:475px;border-radius:4px;overflow:hidden;background:#1c2432}.portrait-holder:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(14,28,49,.12) 50%,rgba(4,13,27,.84) 100%);pointer-events:none}.portrait-holder img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:contrast(1.06)}.portrait-label{position:absolute;left:29px;bottom:24px;right:26px;display:flex;align-items:center;gap:15px;z-index:1;color:#fff}.portrait-mark{height:40px;width:40px;flex:none;display:grid;place-items:center;border:1px solid #ffffff7a;border-radius:8px;font-weight:740;letter-spacing:-.08em;font-size:.9rem}.portrait-slash{color:#a6c9ff}.portrait-label strong{font-size:.95rem;display:block;font-weight:660}.portrait-label small{display:block;font-size:.72rem;color:#cbd9ec;margin-top:3px}.portrait-plus{margin-left:auto;font-size:1.15rem;color:#c4d7f4}.visual-cross{position:absolute;right:-25px;top:-28px;font-weight:200;font-size:2.3rem;color:#a2bfe8}
/* shared sections */
.section{padding:104px 0}.kicker{display:flex;align-items:center;gap:13px;color:#5774a2;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:790;margin:0 0 20px}.kicker .line{width:34px;height:1px;background:#8facd3;display:inline-block}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.section-heading h2{margin:0}.section-heading h2 span,.about h2 span{color:#6680a7}.section-intro{color:var(--ink-soft);max-width:390px;font-size:.99rem;margin-bottom:4px;line-height:1.85}
.services{background:#f6f8fb}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:33px 29px 39px;box-shadow:0 15px 35px #1b33560a;min-height:304px}.service-icon{display:grid;place-items:center;background:#edf3fd;width:53px;height:53px;border-radius:13px;margin-bottom:37px}.service-icon svg{width:28px;height:28px;stroke:#3d619a;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.service-no{font-size:.64rem;letter-spacing:.16em;color:#7087a7;font-weight:810}.service-card h3{margin:12px 0;font-size:1.43rem}.service-card p{color:#637188;margin:0;font-size:.95rem;line-height:1.75}
.process{background:#eaf0f7;border-top:1px solid #e0e8f1;border-bottom:1px solid #e0e8f1}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px;margin-top:54px}.process-step{border-top:1px solid #9db4d4;padding-top:18px}.step-num{font-weight:720;font-size:.74rem;color:#5076ab;letter-spacing:.13em;display:flex;align-items:center;gap:14px}.step-dash{display:inline-block;width:18px;height:1px;background:#92aacb}.process-step h3{margin:23px 0 12px;font-size:1.55rem}.process-step p{color:#5d6e85;margin:0;line-height:1.8;max-width:315px}
.about{background:#fff}.about-grid{display:grid;grid-template-columns:.77fr 1.23fr;align-items:center;gap:12%}.about-symbol{width:100%;aspect-ratio:1.12;background:linear-gradient(140deg,#12233f,#203a60);border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;color:#dce8fb}.about-symbol:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#86a4cf47 1px,transparent 1px);background-size:17px 17px;mask-image:linear-gradient(135deg,#000,transparent 75%)}.about-symbol>span{font-size:clamp(4rem,10vw,9rem);line-height:1;font-weight:690;letter-spacing:-.105em;position:relative}.about-symbol>span span{color:#a8c3ea}.about-symbol-caption{position:absolute;left:26px;bottom:23px;letter-spacing:.16em;font-size:.65rem;color:#a7c1e3;font-weight:750}.about h2{margin:0 0 24px}.about p:not(.kicker){color:#637188;line-height:1.85;max-width:635px}.text-link{display:inline-flex;gap:17px;align-items:center;color:#2d578e;font-size:.9rem;font-weight:750;border-bottom:1px solid #82a0c7;padding-bottom:8px;margin-top:5px}.text-link:hover{color:#132f56}
.pricing-strip{background:#dfe9f6;padding:49px 0}.pricing-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.pricing-strip .kicker{margin-bottom:10px}.pricing-strip h2{font-size:clamp(1.55rem,2.7vw,2.5rem);margin:0 0 11px}.pricing-strip p:not(.kicker){margin:0;max-width:750px;color:#516582;font-size:.94rem}.button-dark-outline{background:var(--navy);color:#fff;white-space:nowrap}.button-dark-outline:hover{background:#294669}
/* contact */
.contact{background:#f6f8fb;padding:95px 0 110px}.contact-shell{display:grid;grid-template-columns:1.05fr .95fr;background:#10213c;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 28px 60px #0b24421b}.contact-lead{background:radial-gradient(circle at 0 100%,#273f666c,transparent 51%),#10213c;padding:56px 52px 62px;position:relative;overflow:hidden}.contact-lead .kicker{color:#abc3e8}.contact-lead h2{font-size:clamp(2.5rem,4vw,4.6rem);margin:0 0 23px}.contact-lead h2 em{color:#abc7f1;font-style:normal}.contact-lead>p:not(.kicker){color:#cad6e8;line-height:1.8;max-width:415px;margin-bottom:29px}.contact-accent{position:absolute;right:30px;bottom:-44px;font-size:11rem;letter-spacing:-.13em;color:#c8dcff0b;font-weight:800;pointer-events:none}.contact-details{border-left:1px solid rgba(255,255,255,.12);padding:43px 50px;display:flex;flex-direction:column}.contact-item{padding:13px 0 17px;border-bottom:1px solid #aab9cc26;min-width:0}.contact-item:last-child{border-bottom:0}.contact-item>span{display:block;font-size:.65rem;letter-spacing:.135em;font-weight:780;color:#9ab3d7;margin-bottom:7px}.contact-item a,.contact-item strong,.contact-item address{font-size:1.02rem;font-style:normal;line-height:1.65;display:block;font-weight:550;overflow-wrap:anywhere}.contact-item a:hover{text-decoration:underline;text-underline-offset:4px}.contact-item small{font-size:.82rem;color:#bed0e9;display:block;margin-top:2px}
/* footer */
.site-footer{background:#0d1b31;color:#98adc9;border-top:1px solid #fff2;padding:37px 0 43px}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-brand{font-weight:750;font-size:.96rem;color:#f5f9ff;margin-bottom:13px}.footer-brand span{font-weight:450;color:#91a7c5}.footer-about p{font-size:.75rem;margin:0 0 4px;color:#9cafca}.footer-links{max-width:370px;display:flex;justify-content:flex-end;gap:12px 24px;flex-wrap:wrap;font-size:.75rem;font-weight:620;padding-top:6px}.footer-links a:hover{color:#fff}
/* legal */
.legal-hero{background:linear-gradient(120deg,#0d1b31,#1c3455);color:#fff;padding:73px 0 82px}.legal-hero .eyebrow{margin-bottom:20px}.legal-hero h1{font-size:clamp(2.6rem,5vw,4.6rem);margin:0}.legal-hero p:not(.eyebrow){color:#c4d2e8;margin:17px 0 0;font-size:1.02rem}.legal-section{padding:68px 0 106px}.legal-layout{display:grid;grid-template-columns:235px 1fr;gap:36px;align-items:start}.legal-aside{position:sticky;top:25px;padding-top:17px}.legal-aside .text-link{font-size:.85rem;margin:0 0 40px}.legal-business{display:flex;flex-direction:column;gap:5px;font-size:.8rem;color:#62758e;line-height:1.6;border-top:1px solid #d8e1eb;padding-top:22px;overflow-wrap:anywhere}.legal-business strong{font-size:.87rem;color:#1d3453;margin-bottom:6px}.legal-business a{text-decoration:underline}.legal-content{background:#fff;border:1px solid #dfe7f0;border-radius:15px;padding:48px 54px 58px;box-shadow:0 10px 25px #0c213a07;max-width:875px}.legal-updated{font-size:.77rem;color:#71829a;letter-spacing:.03em;border-bottom:1px solid #e5eaf1;padding-bottom:21px;margin:0 0 33px}.legal-content h2{font-size:1.43rem;margin:33px 0 12px;letter-spacing:-.025em}.legal-content h2:first-of-type{margin-top:0}.legal-content p{color:#52637b;font-size:.96rem;line-height:1.85;margin:0 0 15px}.legal-content a{color:#315f9e;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.hero-grid{gap:28px}.hero-meta{gap:8px}.hero h1{font-size:clamp(3.1rem,6vw,5rem)}.portrait-holder{height:415px}.section-heading{align-items:start;flex-direction:column;gap:17px}.section-intro{max-width:590px}.about-grid{gap:6%}}
@media(max-width:760px){.container{width:min(100% - 36px,1180px)}.header-inner{min-height:74px}.main-nav{gap:12px}.main-nav .nav-detail{display:none}.brand-text{font-size:.92rem}.brand-icon{width:40px;height:40px}.hero-grid{grid-template-columns:1fr;padding:60px 0 69px;gap:49px}.hero h1{font-size:clamp(3rem,9vw,5.15rem)}.hero-visual{max-width:425px;justify-self:start;width:min(100% - 10px,425px);margin-left:5px}.portrait-holder{height:390px}.hero-meta{margin-top:32px}.service-grid,.process-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:auto}.process-grid{gap:30px;margin-top:34px}.about-grid{grid-template-columns:1fr;gap:40px}.about-symbol{max-width:500px;aspect-ratio:1.7}.about-symbol>span{font-size:6rem}.pricing-inner{align-items:start;flex-direction:column;gap:19px}.contact-shell{grid-template-columns:1fr}.contact-details{border-left:0;border-top:1px solid #aab9cc38}.footer-inner{flex-direction:column}.footer-links{justify-content:flex-start}.legal-layout{grid-template-columns:1fr;gap:20px}.legal-aside{position:static;display:flex;justify-content:space-between;align-items:start;padding-top:0}.legal-aside .text-link{margin:0}.legal-business{border-top:0;padding:0;max-width:230px}}
@media(max-width:480px){.container{width:min(100% - 32px,1180px)}.brand{gap:9px}.brand-text{font-size:.83rem}.brand-text small{font-size:.51rem;letter-spacing:.09em}.brand-icon{width:36px;height:36px;border-radius:9px}.nav-cta{font-size:.75rem;padding:10px 11px}.hero-grid{padding:52px 0 60px;gap:39px}.hero h1{font-size:clamp(2.75rem,12vw,4.2rem)}.hero-lead{font-size:.98rem;line-height:1.77;margin:22px 0 26px}.hero-actions{align-items:stretch}.hero-actions .button{min-height:49px;padding:12px 16px;font-size:.84rem}.eyebrow{font-size:.59rem;gap:9px;letter-spacing:.14em}.hero-meta{gap:8px;font-size:.56rem}.portrait-holder{height:345px}.portrait-label{left:21px;bottom:20px;right:16px;gap:10px}.portrait-label strong{font-size:.86rem}.portrait-label small{font-size:.68rem}.visual-cross{right:-12px}.section{padding:70px 0}.section-heading{margin-bottom:30px}.service-card{padding:27px}.process-grid{margin-top:27px}.about-symbol>span{font-size:5rem}.about-symbol-caption{font-size:.55rem;left:17px;bottom:16px}.pricing-strip{padding:42px 0}.pricing-inner .button{width:100%}.contact{padding:65px 0 75px}.contact-lead{padding:36px 28px 43px}.contact-details{padding:28px 28px 35px}.contact-lead h2{font-size:2.75rem}.legal-hero{padding:56px 0 60px}.legal-hero h1{font-size:2.65rem}.legal-section{padding:35px 0 70px}.legal-aside{display:block}.legal-aside .text-link{margin:0 0 16px}.legal-business{max-width:none}.legal-content{padding:31px 26px 38px}.legal-content h2{font-size:1.28rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.nav-cta{transition:none}}