{"id":22,"date":"2026-06-29T09:09:58","date_gmt":"2026-06-29T09:09:58","guid":{"rendered":"http:\/\/fuparo.eu\/?page_id=22"},"modified":"2026-06-29T09:51:23","modified_gmt":"2026-06-29T09:51:23","slug":"wyceny-fuparo","status":"publish","type":"page","link":"https:\/\/fuparo.eu\/","title":{"rendered":"Wyceny FUPARO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08b31f8 e-con-full e-flex e-con e-parent\" data-id=\"08b31f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea1123e elementor-widget elementor-widget-html\" data-id=\"ea1123e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- FUPARO Landing Page \u2014 wersja pe\u0142noekranowa do wid\u017cetu HTML Elementora.\r\nInstrukcja:\r\n1) Strona WordPress: ustaw Elementor Canvas.\r\n2) W Elementorze zostaw jeden wid\u017cet HTML.\r\n3) Wklej CA\u0141\u0104 zawarto\u015b\u0107 tego pliku.\r\n4) Je\u015bli motyw nadal pokazuje nag\u0142\u00f3wek\/tytu\u0142, ten plik pr\u00f3buje je ukry\u0107 przez CSS. -->\r\n\r\n<style>\r\n\r\n\/* ===== WORDPRESS \/ MOTYW \u2014 UKRYCIE ELEMENT\u00d3W DUBLUJ\u0104CYCH STRON\u0118 =====\r\n   Ten blok usuwa nag\u0142\u00f3wek motywu, tytu\u0142 strony, breadcrumbs i stopk\u0119 motywu.\r\n   Je\u015bli kt\u00f3ry\u015b selektor nie istnieje w Twoim motywie, po prostu nic nie zrobi. *\/\r\n.site-header,\r\n#masthead,\r\nheader.site-header,\r\n.wp-site-blocks > header,\r\nheader.wp-block-template-part,\r\n.elementor-location-header,\r\n.page-header,\r\n.entry-header,\r\nh1.entry-title,\r\n.wp-block-post-title,\r\n.breadcrumb,\r\n.breadcrumbs,\r\n.rank-math-breadcrumb,\r\n.woocommerce-breadcrumb,\r\n.site-footer,\r\n#colophon,\r\nfooter.site-footer,\r\n.wp-site-blocks > footer,\r\nfooter.wp-block-template-part,\r\n.elementor-location-footer {\r\n  display: none !important;\r\n}\r\n\r\n\/* ===== PE\u0141NA SZEROKO\u015a\u0106 DLA STRONY WKLEJONEJ W WID\u017bET HTML ELEMENTORA ===== *\/\r\nhtml,\r\nbody {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  overflow-x: hidden !important;\r\n  background: #0C1730 !important;\r\n}\r\n\r\nbody,\r\n.site,\r\n#page,\r\n.site-content,\r\n.content-area,\r\n.site-main,\r\n.entry-content,\r\n.wp-site-blocks,\r\n.elementor,\r\n.elementor-section-wrap,\r\n.elementor-widget-wrap,\r\n.elementor-widget-html,\r\n.elementor-widget-container {\r\n  margin-top: 0 !important;\r\n  padding-top: 0 !important;\r\n}\r\n\r\n.elementor-widget-html,\r\n.elementor-widget-html > .elementor-widget-container {\r\n  width: 100% !important;\r\n  max-width: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n#fuparo-landing {\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  margin-left: calc(50% - 50vw) !important;\r\n  margin-right: calc(50% - 50vw) !important;\r\n  overflow-x: hidden !important;\r\n  background: #0C1730 !important;\r\n  color: #EDF4FF !important;\r\n}\r\n\r\n#fuparo-landing * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Elementor czasem dodaje minimaln\u0105 wysoko\u015b\u0107 \/ odst\u0119py wok\u00f3\u0142 pustej sekcji. *\/\r\n#fuparo-landing + .elementor-element,\r\n#fuparo-landing ~ .elementor-element {\r\n  margin-top: 0 !important;\r\n}\r\n\r\n\/* Responsywno\u015b\u0107 bazowa: nie pozw\u00f3l obrazom i SVG wyj\u015b\u0107 poza ekran. *\/\r\n#fuparo-landing img,\r\n#fuparo-landing svg {\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n\r\n\r\n:root{\r\n  --bg:#0C1730;          \/* t\u0142o g\u0142\u00f3wne \u2014 bardzo ciemny zielono-granat *\/\r\n  --bg-2:#10203F;        \/* sekcje przemienne *\/\r\n  --card:#14274B;        \/* karty *\/\r\n  --card-2:#183056;      \/* karty hover \/ pola *\/\r\n  --ink:#EDF4FF;         \/* tekst g\u0142\u00f3wny (jasny) *\/\r\n  --muted:#AFC0DA;       \/* tekst drugorz\u0119dny *\/\r\n  --line:#243B67;        \/* obw\u00f3dki *\/\r\n  --line-2:#345184;      \/* mocniejsze obw\u00f3dki *\/\r\n  --mint:#6DB6FF;        \/* akcent \u2014 mi\u0119ta *\/\r\n  --mint-d:#4A98EC;      \/* akcent ciemniejszy (hover) *\/\r\n  --mint-soft:#9ACBFF;   \/* nag\u0142\u00f3wki kart *\/\r\n  --sand:#BFD9F7;        \/* ciep\u0142y akcent pomocniczy *\/\r\n  --sand-2:#76A9DD;      \/* ciep\u0142y akcent g\u0142\u0119bszy *\/\r\n  --slate:#D7E6F8;       \/* jasne linie szkicu *\/\r\n  --upload-a:rgba(109,182,255,.08);\r\n  --upload-b:rgba(191,217,247,.08);\r\n  --upload-c:rgba(154,203,255,.08);\r\n  --ok:#6DB6FF;\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:'Manrope',sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}\r\na{color:inherit}\r\n.wrap{max-width:1160px;margin:0 auto;padding:0 28px}\r\nh1,h2,h3{font-family:'Schibsted Grotesk',sans-serif;letter-spacing:-.015em}\r\n.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:14px;margin-bottom:20px}\r\n.eyebrow::before{content:\"\";width:30px;height:2px;background:var(--mint)}\r\n.btn{display:inline-block;font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;text-decoration:none;border:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}\r\n.btn-dark{background:var(--mint);color:#08152B;padding:15px 30px;border-radius:4px}\r\n.btn-dark:hover{background:var(--mint-d)}\r\n.btn-ghost{background:transparent;color:var(--ink);padding:14px 28px;border:1.5px solid var(--line-2);border-radius:4px}\r\n.btn-ghost:hover{border-color:var(--mint);color:var(--mint)}\r\n.btn-lg{padding:18px 38px;font-size:.86rem}\r\n:focus-visible{outline:3px solid var(--mint);outline-offset:2px}\r\n\r\n\/* ====== NAV ====== *\/\r\nnav{position:sticky;top:0;z-index:60;background:rgba(12,23,48,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}\r\n.nav-in{display:flex;align-items:center;justify-content:space-between;height:72px}\r\n.brand{display:flex;align-items:center;gap:11px;text-decoration:none}\r\n.brand-mark{width:30px;height:30px;display:block}\r\n.brand-name{font-family:'Schibsted Grotesk',sans-serif;font-weight:800;letter-spacing:.1em;color:var(--ink);font-size:1.06rem}\r\n.nav-links{display:flex;align-items:center;gap:34px}\r\n.nav-links a:not(.btn){color:var(--muted);text-decoration:none;font-size:.86rem;font-weight:700}\r\n.nav-links a:not(.btn):hover{color:var(--ink)}\r\n\r\n\/* ====== HERO ====== *\/\r\nheader.hero{background:\r\n   radial-gradient(680px 420px at 12% 10%, rgba(109,182,255,.10), transparent 60%),\r\n   radial-gradient(620px 360px at 80% 14%, rgba(191,217,247,.10), transparent 62%),\r\n   radial-gradient(720px 520px at 92% 80%, rgba(109,182,255,.08), transparent 62%),\r\n   var(--bg);position:relative;overflow:hidden}\r\n.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:center;padding:96px 0 100px}\r\nh1{font-weight:800;font-size:clamp(2.4rem,4.8vw,3.8rem);line-height:1.06}\r\nh1 .light{color:var(--muted);font-weight:500}\r\n.hero p.sub{margin:28px 0 36px;font-size:1.14rem;color:var(--muted);max-width:33rem}\r\n.hero-cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}\r\n.hero-meta{margin-top:30px;display:flex;gap:34px;flex-wrap:wrap}\r\n.hm{border-left:2px solid var(--line-2);padding-left:16px}\r\n.hm b{display:block;font-family:'Schibsted Grotesk',sans-serif;font-weight:800;font-size:1.25rem}\r\n.hm span{font-size:.8rem;color:var(--muted);font-weight:600}\r\n.hero-art svg{width:100%;height:auto;display:block}\r\n\r\n\/* ====== KROKI ====== *\/\r\n.steps{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}\r\n.steps-head{padding-top:84px}\r\n.steps-in{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:46px 0 84px}\r\n.step{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:32px 30px;position:relative;transition:transform .2s ease,box-shadow .2s ease;border-top:2px solid var(--mint)}\r\n.step:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(28,34,48,.10)}\r\n.step-no{font-family:'Schibsted Grotesk',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.18em;color:var(--mint);margin-bottom:16px}\r\n.step h3{font-weight:800;font-size:1.16rem;margin-bottom:10px}\r\n.step p{font-size:.93rem;color:var(--muted)}\r\n\r\n\/* ====== SEKCJE ====== *\/\r\nsection{padding:96px 0}\r\n.sec-head{max-width:46rem;margin-bottom:50px}\r\nh2{font-weight:800;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.12}\r\n.sec-head p{margin-top:16px;color:var(--muted);font-size:1.05rem}\r\n\r\n\/* ====== CO PRZYGOTOWA\u0106 ====== *\/\r\n.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n.doc{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:28px 26px;transition:border-color .15s}\r\n.doc:hover{border-color:var(--mint)}\r\n.doc .tag{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}\r\n.doc h3{font-weight:800;font-size:1.04rem;margin:8px 0 6px}\r\n.doc p{font-size:.88rem;color:var(--muted)}\r\n.doc svg{width:40px;height:40px;margin-bottom:16px}\r\n.docs-note{margin-top:24px;border:1px solid var(--line);border-left:3px solid var(--mint);border-radius:4px;background:linear-gradient(180deg, rgba(191,217,247,.05), rgba(109,182,255,.03)), var(--bg-2);padding:20px 24px;font-size:.95rem;color:var(--ink)}\r\n.docs-note b{font-weight:800}\r\n\r\n\r\n\/* ====== ELEWACJE \u2014 4 osobne pola uploadu, zgodne z logik\u0105 Elementora ====== *\/\r\n.up-elev{padding:12px 12px 10px;justify-content:center}\r\n.elev-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;position:relative;z-index:2;width:100%;max-width:210px}\r\n.elev-slot{border:1.2px solid var(--line-2);border-radius:2px;padding:6px 6px;text-align:center;background:rgba(12,23,48,.18);min-height:34px;display:flex;align-items:center;justify-content:center}\r\n.elev-slot:hover{border-color:var(--mint)}\r\n.elev-slot input{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden}\r\n.elev-slot label{display:block;cursor:pointer;font-family:'Schibsted Grotesk',sans-serif;font-weight:800;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);line-height:1}\r\n.elev-slot small{display:none}\r\n.elev-title{position:relative;z-index:2;margin:7px 0 0}\r\n.up-elev > small{margin-top:0}\r\n@media(max-width:620px){.elev-grid{grid-template-columns:1fr 1fr;max-width:220px}}\r\n\r\n\/* ====== FORMULARZ ====== *\/\r\n.form-sec{background:var(--bg-2);border-top:1px solid var(--line)}\r\n.sheet{background:var(--card);border:1px solid var(--line);border-radius:6px;box-shadow:0 22px 60px rgba(0,0,0,.40);padding:52px 56px}\r\n.titleblock{display:grid;grid-template-columns:1.15fr 1.15fr .9fr;gap:0;border:1px solid var(--line-2);border-radius:4px;overflow:hidden;margin-bottom:36px}\r\n.tb-cell{padding:18px 20px;border-right:1px solid var(--line-2)}\r\n.tb-cell:last-child{border-right:none}\r\n.tb-label{font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}\r\n.tb-cell input{width:100%;border:none;border-bottom:1.5px solid var(--line-2);background:transparent;font-family:'Manrope',sans-serif;font-weight:700;font-size:1rem;color:var(--ink);padding:5px 0}\r\n.tb-cell input:focus{outline:none;border-bottom-color:var(--mint)}\r\n.tech-toggle{display:flex;border:1.5px solid var(--line-2);border-radius:4px;overflow:hidden;width:max-content;max-width:100%}\r\n.tech-toggle label{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;cursor:pointer;font-weight:800;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;border-right:1.5px solid var(--line-2);color:var(--muted);white-space:nowrap}\r\n.tech-toggle label:last-child{border-right:none}\r\n.tech-toggle input{accent-color:var(--mint);width:15px;height:15px}\r\n.tech-toggle label:has(input:checked){background:var(--mint);color:#08152B}\r\n.f-label{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:36px 0 14px;display:flex;align-items:center;gap:14px}\r\n.f-label::after{content:\"\";flex:1;height:1px;background:var(--line)}\r\n.uploads{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;grid-auto-rows:132px}\r\n.up{border:1.5px dashed var(--line-2);border-radius:4px;background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)), var(--card-2);padding:22px 16px 18px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;position:relative;overflow:hidden;min-height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center}\r\n.up:nth-child(3n+1){background:linear-gradient(180deg, var(--upload-a), transparent 70%), var(--card-2)}\r\n.up:nth-child(3n+2){background:linear-gradient(180deg, var(--upload-b), transparent 70%), var(--card-2)}\r\n.up:nth-child(3n+3){background:linear-gradient(180deg, var(--upload-c), transparent 70%), var(--card-2)}\r\n.up:hover{border-color:var(--mint);background:linear-gradient(180deg, rgba(109,182,255,.11), rgba(191,217,247,.05) 72%), var(--card-2);transform:translateY(-2px)}\r\n.up .ghost{position:absolute;inset:0;opacity:.09;pointer-events:none}\r\n.up .ghost svg{width:100%;height:100%}\r\n.up-ic{width:26px;height:26px;margin:0 auto 10px;display:block;position:relative;color:var(--sand)}\r\n.up-file{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden}\r\n.up.done{border-color:var(--mint);background:linear-gradient(180deg, rgba(109,182,255,.18), rgba(191,217,247,.08) 72%), var(--card-2)}\r\n.up.done::after{content:\"DO\u0141\u0104CZONO\";position:absolute;top:10px;right:10px;border:1px solid var(--mint);border-radius:2px;padding:3px 7px;font-size:.56rem;font-weight:800;letter-spacing:.1em;color:var(--ink);background:rgba(12,23,48,.54);z-index:3}\r\n.up.done small{color:var(--ink)}\r\n.up-elev.done::after{content:none;display:none}\r\n.elev-slot.done{border-color:var(--mint);background:rgba(109,182,255,.18)}\r\n.elev-slot.done::after{content:\"DO\u0141\u0104CZONO\";display:block;margin-top:3px;font-size:.48rem;font-weight:800;letter-spacing:.08em;color:var(--ink)}\r\n\r\n.up b{display:block;font-family:'Schibsted Grotesk',sans-serif;font-weight:800;font-size:.9rem;position:relative}\r\n.up small{font-size:.68rem;font-weight:700;letter-spacing:.1em;color:var(--muted);position:relative}\r\n.link-alt input{width:100%;border:1.5px solid var(--line-2);border-radius:4px;background:var(--card);padding:15px 16px;font-size:.92rem;color:var(--ink)}\r\n.link-alt input:focus{outline:none;border-color:var(--mint)}\r\n.link-alt small{display:block;margin-top:8px;color:var(--muted);font-size:.83rem}\r\n.client-notes textarea{width:100%;min-height:118px;border:1.5px solid var(--line-2);border-radius:4px;background:var(--card);padding:15px 16px;font-family:'Manrope',sans-serif;font-size:.95rem;line-height:1.55;color:var(--ink);resize:vertical}\r\n.client-notes textarea:focus{outline:none;border-color:var(--mint)}\r\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}\r\n.contact-grid input{border:1.5px solid var(--line-2);border-radius:4px;background:var(--card);padding:15px 16px;font-size:.95rem}\r\n.contact-grid input:focus{outline:none;border-color:var(--mint)}\r\n.consents{margin-top:34px;display:grid;gap:12px}\r\n.consent{border:1px solid var(--line);border-radius:4px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start;background:var(--bg-2)}\r\n.consent input{width:19px;height:19px;accent-color:var(--mint);margin-top:2px;flex:none}\r\n.consent label{font-size:.88rem;line-height:1.55;cursor:pointer;color:var(--ink)}\r\n.consent label b{font-weight:800}\r\n.rodo-details{font-size:.83rem;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:14px 18px}\r\n.rodo-details summary{cursor:pointer;font-weight:800;color:var(--ink);font-size:.85rem}\r\n.rodo-details p{margin-top:10px}\r\n.form-foot{margin-top:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}\r\n.form-foot .req{font-size:.78rem;color:var(--muted);font-weight:600}\r\n\r\n\/* ====== ZAUFANIE ====== *\/\r\n.trust{background:\r\n   radial-gradient(600px 360px at 85% 20%, rgba(109,182,255,.10), transparent 60%),\r\n   var(--bg-2);border-top:1px solid var(--line);color:var(--ink)}\r\n.trust h2{color:var(--ink)}\r\n.trust .sec-head p{color:var(--muted)}\r\n.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}\r\n.trust-card{border-top:2px solid var(--mint);padding-top:22px}\r\n.trust-card h3{font-weight:800;font-size:1.05rem;margin-bottom:8px;color:var(--mint-soft)}\r\n.trust-card p{font-size:.9rem;color:var(--muted)}\r\n\r\n\/* ====== FOOTER ====== *\/\r\nfooter{background:var(--bg-2);border-top:1px solid var(--line);color:var(--muted);padding:60px 0 36px;font-size:.88rem}\r\n.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}\r\n.foot-h{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}\r\nfooter a{color:var(--muted);text-decoration:none}\r\nfooter a:hover{color:var(--ink)}\r\nfooter li{list-style:none;margin-bottom:8px}\r\n.foot-line{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.76rem;color:var(--muted)}\r\n\r\n\/* ====== COOKIE BANNER ====== *\/\r\n.cookies{position:fixed;left:18px;right:18px;bottom:18px;z-index:100;background:var(--card);border:1px solid var(--line);border-radius:6px;box-shadow:0 18px 50px rgba(0,0,0,.55);padding:20px 24px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1160px;margin:0 auto}\r\n.cookies p{font-size:.85rem;color:var(--muted);max-width:46rem}\r\n.cookies p a{text-decoration:underline}\r\n.cookies .c-btns{display:flex;gap:10px;flex-wrap:wrap}\r\n.btn-sm{padding:11px 18px;font-size:.74rem}\r\n\r\n\/* ====== animacje ====== *\/\r\n@media (prefers-reduced-motion:no-preference){\r\n  .reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}\r\n  .reveal.in{opacity:1;transform:none}\r\n}\r\n\r\n\/* ====== RWD ====== *\/\r\n@media(max-width:980px){\r\n  .hero-grid{grid-template-columns:1fr;padding:64px 0 70px;gap:44px}\r\n  .hero-art{max-width:520px}\r\n  .steps-in,.docs-grid,.uploads,.trust-grid{grid-template-columns:repeat(2,1fr)}\r\n  .titleblock{grid-template-columns:1fr}\r\n  .tb-cell{border-right:none;border-bottom:1px solid var(--line-2);min-width:0}\r\n  .tb-cell:last-child{border-bottom:none}\r\n  .tech-toggle{width:100%}\r\n  .tech-toggle label{flex:1;padding:13px 10px}\r\n  .sheet{padding:34px 26px}\r\n  .foot-in{grid-template-columns:1fr 1fr}\r\n}\r\n@media(max-width:620px){\r\n  .steps-in,.docs-grid,.uploads,.trust-grid,.contact-grid,.foot-in{grid-template-columns:1fr}\r\n  .nav-links a:not(.btn){display:none}\r\n  .sheet{padding:26px 18px}\r\n  .tb-cell{padding:16px 14px}\r\n  .tech-toggle label{padding:13px 6px;font-size:.74rem;letter-spacing:.02em;gap:7px}\r\n  .contact-grid input,.link-alt input{width:100%}\r\n}\r\n<\/style>\r\n\r\n<div id=\"fuparo-landing\">\r\n<!-- ============ NAV ============ -->\r\n<nav>\r\n  <div class=\"wrap nav-in\">\r\n    <a class=\"brand\" href=\"#\" aria-label=\"FUPARO \u2014 strona g\u0142\u00f3wna\">\r\n      <svg class=\"brand-mark\" viewBox=\"0 0 30 30\" aria-hidden=\"true\">\r\n        <g stroke=\"#EDF4FF\" stroke-width=\"2.3\" stroke-linecap=\"round\">\r\n          <line x1=\"4\" y1=\"24\" x2=\"26\" y2=\"24\"\/><line x1=\"4\" y1=\"18.6\" x2=\"26\" y2=\"18.6\"\/><line x1=\"4\" y1=\"13.2\" x2=\"26\" y2=\"13.2\"\/>\r\n        <\/g>\r\n        <path d=\"M4 13.2 L15 4 L26 13.2\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n      <\/svg>\r\n      <span class=\"brand-name\">FUPARO<\/span>\r\n    <\/a>\r\n    <div class=\"nav-links\">\r\n      <a href=\"#jak\">Jak to dzia\u0142a<\/a>\r\n      <a href=\"#dokumenty\">Co przygotowa\u0107<\/a>\r\n      <a class=\"btn btn-dark\" href=\"#formularz\">Wy\u015blij projekt<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/nav>\r\n\r\n<!-- ============ HERO ============ -->\r\n\r\n  <div class=\"wrap hero-grid\">\r\n    <div>\r\n      <div class=\"eyebrow\">Domy szkieletowe \u00b7 Domy z bali<\/div>\r\n      <h1>Masz projekt domu?<br><span class=\"light\">Poznaj koszt<\/span> jego realizacji.<\/h1>\r\n      <p class=\"sub\">Prze\u015blij rzuty, elewacje albo link do strony z projektem.\r\n      Przygotujemy wst\u0119pn\u0105 wycen\u0119 w wybranej technologii \u2014 w przejrzystych wide\u0142kach, z jawnymi za\u0142o\u017ceniami i bez zobowi\u0105za\u0144.<\/p>\r\n      <div class=\"hero-cta\">\r\n        <a class=\"btn btn-dark btn-lg\" href=\"#formularz\">Wy\u015blij projekt do wyceny<\/a>\r\n        <a class=\"btn btn-ghost\" href=\"#jak\">Jak to dzia\u0142a<\/a>\r\n      <\/div>\r\n      <div class=\"hero-meta\">\r\n        <div class=\"hm\"><b>24\u201348 h<\/b><span>czas odpowiedzi<\/span><\/div>\r\n        <div class=\"hm\"><b>0 z\u0142<\/b><span>wycena wst\u0119pna<\/span><\/div>\r\n        <div class=\"hm\"><b>2 technologie<\/b><span>szkielet i bal<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-art\" aria-hidden=\"true\">\r\n      <!-- szkicowy budynek jednorodzinny z niedoko\u0144czonymi liniami, inspirowany rysunkiem architektonicznym -->\r\n      <svg viewBox=\"0 0 640 470\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <defs>\r\n          <linearGradient id=\"warmFill\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#F2E7D4\" stop-opacity=\".18\"\/>\r\n            <stop offset=\"1\" stop-color=\"#BFD9F7\" stop-opacity=\".05\"\/>\r\n          <\/linearGradient>\r\n          <linearGradient id=\"coolFill\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0\" stop-color=\"#9ACBFF\" stop-opacity=\".12\"\/>\r\n            <stop offset=\"1\" stop-color=\"#6DB6FF\" stop-opacity=\".02\"\/>\r\n          <\/linearGradient>\r\n        <\/defs>\r\n\r\n        <ellipse cx=\"320\" cy=\"414\" rx=\"222\" ry=\"32\" fill=\"#6DB6FF\" opacity=\".05\"\/>\r\n\r\n        <!-- niedoko\u0144czone linie konstrukcyjne \/ t\u0142o -->\r\n        <g stroke=\"#D7E6F8\" stroke-width=\"1\" opacity=\".18\" stroke-linecap=\"round\">\r\n          <path d=\"M70 72 L272 50 L570 84\"\/>\r\n          <path d=\"M44 118 L254 102 L592 138\"\/>\r\n          <path d=\"M54 164 L286 144 L590 182\"\/>\r\n          <path d=\"M84 46 L96 406\"\/>\r\n          <path d=\"M146 40 L154 408\"\/>\r\n          <path d=\"M210 34 L214 402\"\/>\r\n          <path d=\"M282 36 L284 400\"\/>\r\n          <path d=\"M356 42 L348 398\"\/>\r\n          <path d=\"M426 48 L412 396\"\/>\r\n          <path d=\"M500 58 L482 392\"\/>\r\n          <path d=\"M570 70 L550 382\"\/>\r\n          <path d=\"M114 354 L614 354\"\/>\r\n          <path d=\"M96 384 L602 384\"\/>\r\n          <path d=\"M136 90 L84 138\"\/>\r\n          <path d=\"M534 88 L592 126\"\/>\r\n          <path d=\"M252 72 L214 118\"\/>\r\n          <path d=\"M390 66 L442 120\"\/>\r\n        <\/g>\r\n\r\n        <!-- bry\u0142a domu -->\r\n        <g stroke-linejoin=\"round\" stroke-linecap=\"round\">\r\n          <!-- boczna lewa cz\u0119\u015b\u0107 -->\r\n          <path d=\"M140 236 L140 350 L274 388 L274 266 Z\" fill=\"url(#warmFill)\" stroke=\"#D7E6F8\" stroke-width=\"1.7\"\/>\r\n          <!-- g\u0142\u00f3wny front -->\r\n          <path d=\"M274 214 L274 388 L516 350 L516 184 Z\" fill=\"url(#coolFill)\" stroke=\"#D7E6F8\" stroke-width=\"1.8\"\/>\r\n          <!-- gara\u017c \/ przybud\u00f3wka -->\r\n          <path d=\"M402 248 L402 364 L574 338 L574 238 Z\" fill=\"url(#warmFill)\" stroke=\"#D7E6F8\" stroke-width=\"1.6\"\/>\r\n\r\n          <!-- dachy -->\r\n          <path d=\"M140 236 L224 170 L360 194 L274 266 Z\" fill=\"url(#warmFill)\" stroke=\"#BFD9F7\" stroke-width=\"1.6\"\/>\r\n          <path d=\"M274 214 L392 128 L516 184 L392 266 Z\" fill=\"url(#coolFill)\" stroke=\"#BFD9F7\" stroke-width=\"1.6\"\/>\r\n          <path d=\"M402 248 L470 202 L574 238 L510 286 Z\" fill=\"url(#warmFill)\" stroke=\"#BFD9F7\" stroke-width=\"1.4\"\/>\r\n\r\n          <!-- konstrukcyjne akcenty -->\r\n          <g stroke=\"#76A9DD\" stroke-width=\"2.2\" opacity=\".88\">\r\n            <path d=\"M140 236 L224 170 L360 194 L274 266 Z\"\/>\r\n            <path d=\"M274 214 L392 128 L516 184 L392 266 Z\"\/>\r\n            <path d=\"M402 248 L470 202 L574 238\"\/>\r\n            <path d=\"M274 214 L274 388\"\/>\r\n            <path d=\"M392 128 L392 266\"\/>\r\n            <path d=\"M516 184 L516 350\"\/>\r\n            <path d=\"M140 236 L140 350\"\/>\r\n            <path d=\"M402 248 L402 364\"\/>\r\n            <path d=\"M574 238 L574 338\"\/>\r\n          <\/g>\r\n\r\n          <!-- finezyjne niedoko\u0144czone linie w stylu szkicu -->\r\n          <g stroke=\"#9ACBFF\" stroke-width=\"1.4\" opacity=\".55\">\r\n            <path d=\"M130 228 L220 158 L371 184\"\/>\r\n            <path d=\"M264 206 L390 116 L527 174\"\/>\r\n            <path d=\"M394 240 L470 194 L584 230\"\/>\r\n            <path d=\"M134 358 L286 400\"\/>\r\n            <path d=\"M272 396 L522 356\"\/>\r\n            <path d=\"M396 366 L582 340\"\/>\r\n          <\/g>\r\n\r\n          <!-- okna i przeszklenia -->\r\n          <g stroke=\"#D7E6F8\" stroke-width=\"1.3\">\r\n            <path d=\"M182 270 L182 322 L238 338 L238 286 Z\" fill=\"#0C1730\"\/>\r\n            <path d=\"M306 248 L306 336 L380 324 L380 236 Z\" fill=\"#0C1730\"\/>\r\n            <path d=\"M390 234 L390 322 L474 308 L474 220 Z\" fill=\"#0C1730\"\/>\r\n            <path d=\"M430 270 L430 334 L546 316 L546 254 Z\" fill=\"#0C1730\"\/>\r\n            <path d=\"M338 248 L338 332\"\/>\r\n            <path d=\"M418 230 L418 316\"\/>\r\n            <path d=\"M488 262 L488 326\"\/>\r\n          <\/g>\r\n\r\n          <!-- balkon \/ belki -->\r\n          <g stroke=\"#76A9DD\" stroke-width=\"1.7\" opacity=\".9\">\r\n            <path d=\"M288 302 L492 270\"\/>\r\n            <path d=\"M288 318 L492 286\"\/>\r\n            <path d=\"M320 296 L320 344\"\/>\r\n            <path d=\"M362 290 L362 338\"\/>\r\n            <path d=\"M404 284 L404 332\"\/>\r\n            <path d=\"M446 278 L446 326\"\/>\r\n          <\/g>\r\n\r\n          <!-- drzwi gara\u017cowe -->\r\n          <path d=\"M420 280 L420 348 L552 328 L552 262 Z\" fill=\"#0C1730\" stroke=\"#D7E6F8\" stroke-width=\"1.3\"\/>\r\n\r\n          <!-- komin -->\r\n          <path d=\"M436 140 L436 104 L452 100 L452 148\" fill=\"#11231C\" stroke=\"#BFD9F7\" stroke-width=\"1.3\"\/>\r\n        <\/g>\r\n\r\n        <!-- dodatkowe lu\u017ane kreski wok\u00f3\u0142 bry\u0142y -->\r\n        <g stroke=\"#D7E6F8\" stroke-width=\"1\" opacity=\".24\" stroke-linecap=\"round\">\r\n          <path d=\"M108 210 L86 272\"\/>\r\n          <path d=\"M164 192 L118 244\"\/>\r\n          <path d=\"M552 168 L612 204\"\/>\r\n          <path d=\"M560 204 L610 240\"\/>\r\n          <path d=\"M154 392 L112 418\"\/>\r\n          <path d=\"M520 358 L604 386\"\/>\r\n          <path d=\"M90 348 L62 388\"\/>\r\n          <path d=\"M274 146 L294 98\"\/>\r\n        <\/g>\r\n\r\n        <text x=\"78\" y=\"42\" fill=\"#9ACBFF\" font-family=\"Manrope, Arial, sans-serif\" font-size=\"11\" letter-spacing=\"2\">PROJEKT \u00b7 ANALIZA<\/text>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n<!-- ============ KROKI ============ -->\r\n<div class=\"steps\" id=\"jak\">\r\n  <div class=\"wrap steps-head\">\r\n    <div class=\"sec-head reveal\">\r\n      <div class=\"eyebrow\">Proces<\/div>\r\n      <h2>Trzy kroki do wst\u0119pnej wyceny<\/h2>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"wrap steps-in\">\r\n    <div class=\"step reveal\">\r\n      <div class=\"step-no\">KROK 01<\/div>\r\n      <h3>Prze\u015blij rysunki lub link<\/h3>\r\n      <p>Rzuty kondygnacji, elewacje, przekr\u00f3j, usytuowanie \u2014 tyle, ile masz. Mo\u017cesz te\u017c po prostu wklei\u0107 link do strony z projektem.<\/p>\r\n    <\/div>\r\n    <div class=\"step reveal\">\r\n      <div class=\"step-no\">KROK 02<\/div>\r\n      <h3>Analizujemy projekt<\/h3>\r\n      <p>Odczytujemy skal\u0119 z wymiar\u00f3w i liczymy metry \u015bcian, otwory, naro\u017cniki oraz kominy. Ka\u017cdy wynik sprawdza nasz technolog.<\/p>\r\n    <\/div>\r\n    <div class=\"step reveal\">\r\n      <div class=\"step-no\">KROK 03<\/div>\r\n      <h3>Otrzymujesz wide\u0142ki ceny<\/h3>\r\n      <p>Wst\u0119pna wycena w technologii szkieletowej lub z bali \u2014 z jawnymi za\u0142o\u017ceniami i informacj\u0105, co wp\u0142ywa na ostateczn\u0105 cen\u0119.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============ CO PRZYGOTOWA\u0106 ============ -->\r\n<section id=\"dokumenty\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head reveal\">\r\n      <div class=\"eyebrow\">Materia\u0142y do wyceny<\/div>\r\n      <h2>Co warto do\u0142\u0105czy\u0107<\/h2>\r\n      <p>Im pe\u0142niejszy materia\u0142, tym w\u0119\u017csze wide\u0142ki ceny. Nie musisz jednak mie\u0107 wszystkiego \u2014\r\n      do wst\u0119pnej wyceny wystarczy nawet sam rzut parteru.<\/p>\r\n    <\/div>\r\n    <div class=\"docs-grid\">\r\n      <div class=\"doc reveal\">\r\n        <svg viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.5\"><rect x=\"7\" y=\"7\" width=\"30\" height=\"30\"\/><path d=\"M7 22h14v15M21 22V7M29 22h8\" stroke=\"#6DB6FF\"\/><\/svg>\r\n        <span class=\"tag\">Rysunek 01<\/span><h3>Rzut parteru<\/h3>\r\n        <p>Najwa\u017cniejszy rysunek \u2014 z niego liczymy \u015bciany i otwory.<\/p>\r\n      <\/div>\r\n      <div class=\"doc reveal\">\r\n        <svg viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.5\"><rect x=\"7\" y=\"7\" width=\"30\" height=\"30\"\/><path d=\"M7 17h30M17 17v20\" stroke=\"#6DB6FF\"\/><\/svg>\r\n        <span class=\"tag\">Rysunek 02<\/span><h3>Rzut pi\u0119tra<\/h3>\r\n        <p>Je\u015bli dom jest pi\u0119trowy \u2014 do\u0142\u0105cz, policzymy ca\u0142o\u015b\u0107.<\/p>\r\n      <\/div>\r\n      <div class=\"doc reveal\">\r\n        <svg viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.5\"><path d=\"M7 30 L22 12 L37 30 Z\"\/><path d=\"M14 30v7h16v-7\" stroke=\"#6DB6FF\"\/><\/svg>\r\n        <span class=\"tag\">Rysunek 03<\/span><h3>Rzut poddasza<\/h3>\r\n        <p>Przy poddaszu u\u017cytkowym \u2014 skosy maj\u0105 znaczenie dla ceny.<\/p>\r\n      <\/div>\r\n      <div class=\"doc reveal\">\r\n        <svg viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.5\"><path d=\"M5 30 L15 20 L25 30\"\/><path d=\"M19 30 L29 18 L39 30\" stroke=\"#6DB6FF\"\/><line x1=\"5\" y1=\"36\" x2=\"39\" y2=\"36\" stroke=\"#6DB6FF\"\/><\/svg>\r\n        <span class=\"tag\">Rysunki 04\u201307 \u00b7 do 4 zdj\u0119\u0107<\/span><h3>Elewacje<\/h3>\r\n        <p>Z nich odczytujemy kominy, wysoko\u015bci i geometri\u0119 dachu.<\/p>\r\n      <\/div>\r\n      <div class=\"doc reveal\">\r\n        <svg viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.5\"><path d=\"M8 28 L22 14 L36 28\"\/><line x1=\"13\" y1=\"28\" x2=\"13\" y2=\"37\" stroke=\"#6DB6FF\"\/><line x1=\"31\" y1=\"28\" x2=\"31\" y2=\"37\" stroke=\"#6DB6FF\"\/><line x1=\"8\" y1=\"37\" x2=\"36\" y2=\"37\" stroke=\"#6DB6FF\"\/><\/svg>\r\n        <span class=\"tag\">Rysunek 08<\/span><h3>Przekr\u00f3j domu<\/h3>\r\n        <p>Pokazuje wysoko\u015bci kondygnacji i konstrukcj\u0119 dachu.<\/p>\r\n      <\/div>\r\n      <div class=\"doc reveal\">\r\n        <svg viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.5\"><rect x=\"6\" y=\"6\" width=\"32\" height=\"32\" stroke-dasharray=\"4 3\" stroke=\"#6DB6FF\"\/><rect x=\"15\" y=\"17\" width=\"12\" height=\"10\"\/><circle cx=\"32\" cy=\"13\" r=\"3\" stroke=\"#6DB6FF\"\/><\/svg>\r\n        <span class=\"tag\">Rysunek 09<\/span><h3>Usytuowanie na dzia\u0142ce<\/h3>\r\n        <p>Plan zagospodarowania \u2014 pomaga oceni\u0107 logistyk\u0119 budowy.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"docs-note reveal\">\r\n      Nie masz plik\u00f3w? <b>Wklej link do strony z projektem<\/b> \u2014 pos\u0142u\u017cy nam do jednoznacznej identyfikacji\r\n      projektu i jego og\u00f3lnodost\u0119pnych parametr\u00f3w. Je\u015bli do przygotowania wyceny potrzebne b\u0119d\u0105 rysunki,\r\n      poprosimy Ci\u0119 o ich przes\u0142anie.\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FORMULARZ ============ -->\r\n<section class=\"form-sec\" id=\"formularz\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head reveal\">\r\n      <div class=\"eyebrow\">Karta zg\u0142oszenia projektu<\/div>\r\n      <h2>Wy\u015blij projekt do wst\u0119pnej wyceny<\/h2>\r\n      <p>Wype\u0142nienie zajmuje 2\u20133 minuty. Pola z rysunkami s\u0105 opcjonalne \u2014 prze\u015blij to, co masz.<\/p>\r\n    <\/div>\r\n\r\n    <form class=\"sheet reveal\" onsubmit=\"event.preventDefault();alert('To strona wzorcowa \u2014 formularz pod\u0142\u0105czysz w Elementorze.');\">\r\n\r\n      <!-- identyfikacja projektu -->\r\n      <div class=\"titleblock\">\r\n        <div class=\"tb-cell\">\r\n          <label class=\"tb-label\" for=\"biuro\">Biuro architektoniczne *<\/label>\r\n          <input id=\"biuro\" type=\"text\" placeholder=\"np. Archon, Z500, projekt indywidualny\" required>\r\n        <\/div>\r\n        <div class=\"tb-cell\">\r\n          <label class=\"tb-label\" for=\"projekt\">Nazwa projektu *<\/label>\r\n          <input id=\"projekt\" type=\"text\" placeholder=\"np. Dom w malin\u00f3wkach 11\" required>\r\n        <\/div>\r\n        <div class=\"tb-cell\">\r\n          <span class=\"tb-label\">Technologia wykonania *<\/span>\r\n          <div class=\"tech-toggle\" role=\"radiogroup\" aria-label=\"Technologia\">\r\n            <label><input type=\"radio\" name=\"tech\" value=\"szkieletowa\" checked> Szkieletowa<\/label>\r\n            <label><input type=\"radio\" name=\"tech\" value=\"bale\"> Z bali<\/label>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- uploady z subtelnym t\u0142em-detalem -->\r\n      <div class=\"f-label\">Do\u0142\u0105cz rysunki projektu \u2014 PDF, JPG, PNG<\/div>\r\n      <div class=\"uploads\">\r\n        <div class=\"up js-upload-tile\" tabindex=\"0\" role=\"button\">\r\n          <input class=\"up-file\" id=\"rzut-parteru\" name=\"rzut_parteru\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\" aria-label=\"Rzut parteru\">\r\n          <span class=\"ghost\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"2\"><rect x=\"14\" y=\"14\" width=\"72\" height=\"72\"\/><path d=\"M14 50h34v36M48 50V14M66 50h20M66 50v36\"\/><\/svg><\/span>\r\n          <svg class=\"up-ic\" viewBox=\"0 0 30 30\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.7\"><path d=\"M15 20V7M15 7l-5 5M15 7l5 5\"\/><path d=\"M6 21v3h18v-3\" stroke=\"#6DB6FF\"\/><\/svg>\r\n          <b>Rzut parteru<\/b><small>1 PLIK<\/small>\r\n        <\/div>\r\n        <div class=\"up js-upload-tile\" tabindex=\"0\" role=\"button\">\r\n          <input class=\"up-file\" id=\"rzut-pietra\" name=\"rzut_pietra\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\" aria-label=\"Rzut pi\u0119tra\">\r\n          <span class=\"ghost\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"2\"><rect x=\"14\" y=\"14\" width=\"72\" height=\"72\"\/><path d=\"M14 38h72M40 38v48M64 14v24\"\/><\/svg><\/span>\r\n          <svg class=\"up-ic\" viewBox=\"0 0 30 30\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.7\"><path d=\"M15 20V7M15 7l-5 5M15 7l5 5\"\/><path d=\"M6 21v3h18v-3\" stroke=\"#6DB6FF\"\/><\/svg>\r\n          <b>Rzut pi\u0119tra<\/b><small>1 PLIK<\/small>\r\n        <\/div>\r\n        <div class=\"up js-upload-tile\" tabindex=\"0\" role=\"button\">\r\n          <input class=\"up-file\" id=\"rzut-poddasza\" name=\"rzut_poddasza\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\" aria-label=\"Rzut poddasza\">\r\n          <span class=\"ghost\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"2\"><path d=\"M12 66 L50 22 L88 66\"\/><path d=\"M26 66v20h48V66M26 86h48\"\/><\/svg><\/span>\r\n          <svg class=\"up-ic\" viewBox=\"0 0 30 30\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.7\"><path d=\"M15 20V7M15 7l-5 5M15 7l5 5\"\/><path d=\"M6 21v3h18v-3\" stroke=\"#6DB6FF\"\/><\/svg>\r\n          <b>Rzut poddasza<\/b><small>1 PLIK<\/small>\r\n        <\/div>\r\n        <div class=\"up up-elev js-upload-tile\" tabindex=\"0\" role=\"group\" aria-label=\"Elewacje \u2014 osobne pola dla ka\u017cdej strony budynku\">\r\n          <span class=\"ghost\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"2\"><path d=\"M8 62 L30 40 L52 62M44 62 L68 34 L92 62\"\/><line x1=\"8\" y1=\"76\" x2=\"92\" y2=\"76\"\/><rect x=\"24\" y=\"62\" width=\"12\" height=\"14\"\/><rect x=\"62\" y=\"62\" width=\"12\" height=\"14\"\/><\/svg><\/span>\r\n          <div class=\"elev-grid\">\r\n            <div class=\"elev-slot\">\r\n              <input id=\"elewacja-przod\" name=\"elewacja_przod\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\">\r\n              <label for=\"elewacja-przod\">Prz\u00f3d<\/label>\r\n              <small>PDF\/JPG\/PNG<\/small>\r\n            <\/div>\r\n            <div class=\"elev-slot\">\r\n              <input id=\"elewacja-tyl\" name=\"elewacja_tyl\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\">\r\n              <label for=\"elewacja-tyl\">Ty\u0142<\/label>\r\n              <small>PDF\/JPG\/PNG<\/small>\r\n            <\/div>\r\n            <div class=\"elev-slot\">\r\n              <input id=\"elewacja-lewa\" name=\"elewacja_lewa\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\">\r\n              <label for=\"elewacja-lewa\">Lewa<\/label>\r\n              <small>PDF\/JPG\/PNG<\/small>\r\n            <\/div>\r\n            <div class=\"elev-slot\">\r\n              <input id=\"elewacja-prawa\" name=\"elewacja_prawa\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\">\r\n              <label for=\"elewacja-prawa\">Prawa<\/label>\r\n              <small>PDF\/JPG\/PNG<\/small>\r\n            <\/div>\r\n          <\/div>\r\n          <b class=\"elev-title\">Elewacje<\/b><small>DO 4 ZDJ\u0118\u0106<\/small>\r\n        <\/div>\r\n        <div class=\"up js-upload-tile\" tabindex=\"0\" role=\"button\">\r\n          <input class=\"up-file\" id=\"przekroj-domu\" name=\"przekroj_domu\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\" aria-label=\"Przekr\u00f3j domu\">\r\n          <span class=\"ghost\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"2\"><path d=\"M14 58 L50 22 L86 58\"\/><line x1=\"22\" y1=\"58\" x2=\"22\" y2=\"84\"\/><line x1=\"78\" y1=\"58\" x2=\"78\" y2=\"84\"\/><line x1=\"14\" y1=\"84\" x2=\"86\" y2=\"84\"\/><line x1=\"22\" y1=\"70\" x2=\"78\" y2=\"70\"\/><\/svg><\/span>\r\n          <svg class=\"up-ic\" viewBox=\"0 0 30 30\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.7\"><path d=\"M15 20V7M15 7l-5 5M15 7l5 5\"\/><path d=\"M6 21v3h18v-3\" stroke=\"#6DB6FF\"\/><\/svg>\r\n          <b>Przekr\u00f3j domu<\/b><small>1 PLIK<\/small>\r\n        <\/div>\r\n        <div class=\"up js-upload-tile\" tabindex=\"0\" role=\"button\">\r\n          <input class=\"up-file\" id=\"usytuowanie-dzialka\" name=\"usytuowanie_dzialka\" type=\"file\" accept=\".pdf,.jpg,.jpeg,.png\" aria-label=\"Usytuowanie na dzia\u0142ce\">\r\n          <span class=\"ghost\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"2\"><rect x=\"10\" y=\"10\" width=\"80\" height=\"80\" stroke-dasharray=\"6 5\"\/><rect x=\"32\" y=\"40\" width=\"26\" height=\"20\"\/><circle cx=\"72\" cy=\"26\" r=\"7\"\/><path d=\"M22 78c8-6 18-6 26 0\"\/><\/svg><\/span>\r\n          <svg class=\"up-ic\" viewBox=\"0 0 30 30\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"1.7\"><path d=\"M15 20V7M15 7l-5 5M15 7l5 5\"\/><path d=\"M6 21v3h18v-3\" stroke=\"#6DB6FF\"\/><\/svg>\r\n          <b>Usytuowanie na dzia\u0142ce<\/b><small>1 PLIK<\/small>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- alternatywa: link -->\r\n      <div class=\"f-label\">Albo wska\u017c projekt w internecie<\/div>\r\n      <div class=\"link-alt\">\r\n        <input type=\"url\" placeholder=\"https:\/\/adres-strony-z-projektem.pl\/twoj-projekt\" aria-label=\"Link do strony z projektem\">\r\n        <small>Link pos\u0142u\u017cy do identyfikacji projektu. Je\u015bli do wyceny potrzebne b\u0119d\u0105 rysunki, poprosimy Ci\u0119 o ich przes\u0142anie.<\/small>\r\n      <\/div>\r\n\r\n      <!-- uwagi klienta -->\r\n      <div class=\"f-label\">Uwagi <\/div>\r\n      <div class=\"client-notes\">\r\n        <textarea placeholder=\"Tu mo\u017cesz dopisa\u0107 wa\u017cne informacje, np. planowany termin budowy, preferowany zakres wyceny, dodatkowe pytania albo szczeg\u00f3\u0142y projektu.\" aria-label=\"Uwagi od klienta\"><\/textarea>\r\n      <\/div>\r\n\r\n      <!-- kontakt -->\r\n      <div class=\"f-label\">Dane kontaktowe<\/div>\r\n      <div class=\"contact-grid\">\r\n        <input type=\"text\" placeholder=\"Imi\u0119 i nazwisko *\" required aria-label=\"Imi\u0119 i nazwisko\">\r\n        <input type=\"email\" placeholder=\"Adres e-mail *\" required aria-label=\"Adres e-mail\">\r\n        <input type=\"tel\" placeholder=\"Telefon (opcjonalnie)\" aria-label=\"Telefon\">\r\n        <input type=\"text\" placeholder=\"Lokalizacja budowy (opcjonalnie)\" aria-label=\"Lokalizacja budowy\">\r\n      <\/div>\r\n\r\n      <!-- zgody i RODO -->\r\n      <div class=\"consents\">\r\n        <div class=\"consent\">\r\n          <input type=\"checkbox\" id=\"prawa\" required>\r\n          <label for=\"prawa\"><b>O\u015bwiadczam, \u017ce jestem uprawniony(-a) do dysponowania przes\u0142anymi rysunkami<\/b> w zakresie niezb\u0119dnym do przygotowania wst\u0119pnej wyceny i przekazuj\u0119 je wy\u0142\u0105cznie w tym celu. *<\/label>\r\n        <\/div>\r\n        <div class=\"consent\">\r\n          <input type=\"checkbox\" id=\"rodo\" required>\r\n          <label for=\"rodo\"><b>Zapozna\u0142em(-am) si\u0119 z informacj\u0105 o przetwarzaniu danych osobowych<\/b> (poni\u017cej) oraz z <a href=\"\/polityka-prywatnosci\" style=\"text-decoration:underline\">Polityk\u0105 prywatno\u015bci<\/a>. *<\/label>\r\n        <\/div>\r\n        <div class=\"consent\">\r\n          <input type=\"checkbox\" id=\"mkt\">\r\n          <label for=\"mkt\">Chc\u0119 otrzymywa\u0107 informacje handlowe o ofercie FUPARO drog\u0105 elektroniczn\u0105 (e-mail \/ telefon). Zgoda dobrowolna \u2014 mo\u017cna j\u0105 wycofa\u0107 w ka\u017cdej chwili.<\/label>\r\n        <\/div>\r\n        <details class=\"rodo-details\">\r\n          <summary>Informacja o przetwarzaniu danych osobowych (RODO)<\/summary>\r\n          <p>Administratorem danych osobowych jest <b>[PE\u0141NA NAZWA FIRMY], [adres], NIP: [\u2022]<\/b>, e-mail: <b>[adres e-mail]<\/b>.\r\n          Dane podane w formularzu oraz przes\u0142ane materia\u0142y przetwarzamy w celu przygotowania i przedstawienia wst\u0119pnej wyceny,\r\n          tj. podj\u0119cia dzia\u0142a\u0144 na Twoje \u017c\u0105danie przed zawarciem umowy (art. 6 ust. 1 lit. b RODO), a po jej przedstawieniu \u2014\r\n          w celu ewentualnego ustalenia lub obrony roszcze\u0144 (art. 6 ust. 1 lit. f RODO). Dane marketingowe przetwarzamy wy\u0142\u0105cznie\r\n          na podstawie dobrowolnej zgody (art. 6 ust. 1 lit. a RODO), kt\u00f3r\u0105 mo\u017cesz wycofa\u0107 w ka\u017cdej chwili.\r\n          Dane przechowujemy przez okres niezb\u0119dny do obs\u0142ugi zapytania, nie d\u0142u\u017cej ni\u017c [\u2022] miesi\u0119cy od ostatniego kontaktu.\r\n          Odbiorcami danych mog\u0105 by\u0107 podmioty obs\u0142uguj\u0105ce nasze systemy IT (hosting, poczta, narz\u0119dzia do obs\u0142ugi zg\u0142osze\u0144) na podstawie um\u00f3w powierzenia.\r\n          Masz prawo dost\u0119pu do danych, ich sprostowania, usuni\u0119cia, ograniczenia przetwarzania, przenoszenia, sprzeciwu\r\n          oraz skargi do Prezesa UODO. Podanie danych jest dobrowolne, ale niezb\u0119dne do przygotowania wyceny.\r\n          Szczeg\u00f3\u0142y w <a href=\"\/polityka-prywatnosci\" style=\"text-decoration:underline\">Polityce prywatno\u015bci<\/a>.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n\r\n      <div class=\"form-foot\">\r\n        <span class=\"req\">* Pola wymagane \u00b7 Numer zg\u0142oszenia nadamy automatycznie<\/span>\r\n        <button class=\"btn btn-dark btn-lg\" type=\"submit\">Wy\u015blij do wyceny<\/button>\r\n      <\/div>\r\n    <\/form>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ ZAUFANIE ============ -->\r\n<section class=\"trust\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head reveal\">\r\n      <div class=\"eyebrow\" style=\"color:var(--mint)\">Dlaczego FUPARO<\/div>\r\n      <h2>Wycena, kt\u00f3rej mo\u017cna zaufa\u0107<\/h2>\r\n    <\/div>\r\n    <div class=\"trust-grid\">\r\n      <div class=\"trust-card reveal\">\r\n        <h3>Uczciwe wide\u0142ki, nie jedna liczba<\/h3>\r\n        <p>Wst\u0119pna wycena zawsze pokazuje przedzia\u0142 od\u2013do oraz przyj\u0119te za\u0142o\u017cenia. Im pe\u0142niejszy materia\u0142, tym w\u0119\u017csze wide\u0142ki.<\/p>\r\n      <\/div>\r\n      <div class=\"trust-card reveal\">\r\n        <h3>Cz\u0142owiek sprawdza ka\u017cdy wynik<\/h3>\r\n        <p>Pomiary z rysunk\u00f3w weryfikuje nasz technolog, zanim wycena trafi do Ciebie.<\/p>\r\n      <\/div>\r\n      <div class=\"trust-card reveal\">\r\n        <h3>Bez zobowi\u0105za\u0144 i bez spamu<\/h3>\r\n        <p>Wycena wst\u0119pna jest bezp\u0142atna. Przes\u0142ane materia\u0142y wykorzystujemy wy\u0142\u0105cznie do jej przygotowania.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FOOTER ============ -->\r\n<footer>\r\n  <div class=\"wrap foot-in\">\r\n    <div>\r\n      <a class=\"brand\" href=\"#\" style=\"margin-bottom:14px\">\r\n        <svg class=\"brand-mark\" viewBox=\"0 0 30 30\" aria-hidden=\"true\">\r\n          <g stroke=\"#EDF4FF\" stroke-width=\"2.3\" stroke-linecap=\"round\">\r\n            <line x1=\"4\" y1=\"24\" x2=\"26\" y2=\"24\"\/><line x1=\"4\" y1=\"18.6\" x2=\"26\" y2=\"18.6\"\/><line x1=\"4\" y1=\"13.2\" x2=\"26\" y2=\"13.2\"\/>\r\n          <\/g>\r\n          <path d=\"M4 13.2 L15 4 L26 13.2\" fill=\"none\" stroke=\"#EDF4FF\" stroke-width=\"2.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <span class=\"brand-name\">FUPARO<\/span>\r\n      <\/a>\r\n      <p style=\"margin-top:12px;max-width:24rem\">Domy szkieletowe i z bali. Wst\u0119pne wyceny na podstawie projektu \u2014 szybko i uczciwie.<\/p>\r\n      <p style=\"margin-top:14px;font-size:.8rem\">FUNDACJA PARTNERSTWO I ROZW\u00d3J<br>43-470 ISTEBNA 739 \u00b7 NIP: 548 272 44 88 \u00b7 KRS: 0000782319<\/p>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"foot-h\">Nawigacja<\/div>\r\n      <ul>\r\n        <li><a href=\"#jak\">Jak to dzia\u0142a<\/a><\/li>\r\n        <li><a href=\"#dokumenty\">Co przygotowa\u0107<\/a><\/li>\r\n        <li><a href=\"#formularz\">Wy\u015blij projekt<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"foot-h\">Kontakt<\/div>\r\n      <ul>\r\n        <li><a href=\"mailto:biuro@fuparo.pl\">wycena@fuparo.pl<\/a><\/li>\r\n        <li><a href=\"tel:+48 515 533 522\">+48 515 533 522<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"foot-h\">Dane i prywatno\u015b\u0107<\/div>\r\n      <ul>\r\n        <li><a href=\"\/polityka-prywatnosci\">Polityka prywatno\u015bci<\/a><\/li>\r\n        <li><a href=\"\/polityka-cookies\">Polityka cookies<\/a><\/li>\r\n        <li><a href=\"#\" onclick=\"document.querySelector('.cookies').style.display='flex';return false;\">Ustawienia cookies<\/a><\/li>\r\n        <li><a href=\"\/regulamin\">Regulamin<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"wrap foot-line\">\r\n    <span>\u00a9 2026 FUPARO.EU \u2014 wszystkie prawa zastrze\u017cone.<\/span>\r\n    <span>Strona u\u017cywa plik\u00f3w cookies zgodnie z Polityk\u0105 cookies.<\/span>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- ============ COOKIE BANNER ============ -->\r\n<div class=\"cookies\" id=\"cookies\" role=\"dialog\" aria-label=\"Ustawienia plik\u00f3w cookies\">\r\n  <p><b>Szanujemy Twoj\u0105 prywatno\u015b\u0107.<\/b> U\u017cywamy niezb\u0119dnych plik\u00f3w cookies, aby strona dzia\u0142a\u0142a poprawnie.\r\n  Za Twoj\u0105 zgod\u0105 u\u017cyjemy te\u017c cookies analitycznych i marketingowych.\r\n  Szczeg\u00f3\u0142y w <a href=\"\/polityka-cookies\">Polityce cookies<\/a>.<\/p>\r\n  <div class=\"c-btns\">\r\n    <button class=\"btn btn-ghost btn-sm\" onclick=\"document.getElementById('cookies').style.display='none'\">Tylko niezb\u0119dne<\/button>\r\n    <button class=\"btn btn-ghost btn-sm\" onclick=\"alert('Tu otworzysz panel ustawie\u0144 zg\u00f3d (np. wtyczka Cookiebot \/ Complianz).')\">Ustawienia<\/button>\r\n    <button class=\"btn btn-dark btn-sm\" onclick=\"document.getElementById('cookies').style.display='none'\">Akceptuj\u0119 wszystkie<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}}),{threshold:.12});\r\ndocument.querySelectorAll('.reveal').forEach(el=>io.observe(el));\r\n\r\ndocument.querySelectorAll('.js-upload-tile').forEach(tile=>{\r\n  const mainInput = tile.querySelector(':scope > input[type=\"file\"]');\r\n  if(mainInput){\r\n    tile.addEventListener('click', e=>{\r\n      if(e.target.tagName.toLowerCase()==='input') return;\r\n      mainInput.click();\r\n    });\r\n    tile.addEventListener('keydown', e=>{\r\n      if(e.key==='Enter' || e.key===' '){\r\n        e.preventDefault();\r\n        mainInput.click();\r\n      }\r\n    });\r\n  }\r\n});\r\n\r\ndocument.querySelectorAll('input[type=\"file\"]').forEach(input=>{\r\n  input.addEventListener('change', ()=>{\r\n    const elevSlot = input.closest('.elev-slot');\r\n    const tile = input.closest('.up');\r\n\r\n    if(input.files && input.files.length){\r\n      if(elevSlot){\r\n        elevSlot.classList.add('done');\r\n        return;\r\n      }\r\n      if(tile) tile.classList.add('done');\r\n    }else{\r\n      if(elevSlot){\r\n        elevSlot.classList.remove('done');\r\n        return;\r\n      }\r\n      if(tile) tile.classList.remove('done');\r\n    }\r\n  });\r\n});\r\n<\/script>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FUPARO Jak to dzia\u0142a Co przygotowa\u0107 Wy\u015blij projekt Domy szkieletowe \u00b7 Domy z bali Masz projekt domu?Poznaj koszt jego realizacji. Prze\u015blij rzuty, elewacje albo link do strony z projektem. Przygotujemy wst\u0119pn\u0105 wycen\u0119 w wybranej technologii \u2014 w przejrzystych wide\u0142kach, z jawnymi za\u0142o\u017ceniami i bez zobowi\u0105za\u0144. Wy\u015blij projekt do wyceny Jak to dzia\u0142a 24\u201348 hczas odpowiedzi [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fuparo.eu\/index.php\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fuparo.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fuparo.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fuparo.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fuparo.eu\/index.php\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":25,"href":"https:\/\/fuparo.eu\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":50,"href":"https:\/\/fuparo.eu\/index.php\/wp-json\/wp\/v2\/pages\/22\/revisions\/50"}],"wp:attachment":[{"href":"https:\/\/fuparo.eu\/index.php\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}