@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Rajdhani:wght@500;600;700&display=swap";:root{--ink:#07172d;--ink-2:#0c2a46;--bio:#00a7b5;--cyan:#4ce5ee;--mint:#94ffc2;--violet:#9bb8ff;--paper:#f3faf9;--surface:#ffffffc7;--text:#23425a;--muted:#6c8393;--line:#07172d24;--dark-line:#ffffff29;--shadow:0 34px 90px #07172d2e;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Manrope,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 4%,#4ce5ee3d,#0000 30%),radial-gradient(circle at 86% 14%,#94ffc233,#0000 28%),linear-gradient(#f7fffe 0%,#eef8f7 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img,svg,canvas{max-width:100%;display:block}.header{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f6fdfcc7;border-bottom:1px solid #07172d1a;justify-content:space-between;align-items:center;gap:22px;min-height:78px;padding:10px max(18px,50vw - 610px);display:flex;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-logo{border:1px solid var(--line);background:#fff;flex:none;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.brand-logo img{width:146%;max-width:none}.brand-copy strong,.nav,.cta,.kicker,h1,h2,h3{font-family:Rajdhani,Manrope,sans-serif}.brand-copy strong{letter-spacing:.08em;text-transform:uppercase;font-size:19px;font-weight:700;line-height:1;display:block}.brand-copy span{color:var(--muted);letter-spacing:.02em;margin-top:5px;font-size:12px;font-weight:800;display:block}.nav{align-items:center;gap:24px;font-size:16px;font-weight:700;display:flex}.nav a:not(.cta){position:relative}.nav a:not(.cta):after{content:"";transform-origin:0;background:linear-gradient(90deg, var(--bio), var(--mint));height:2px;transition:transform .2s;position:absolute;inset:auto 0 -9px;transform:scaleX(0)}.nav a:not(.cta):hover:after{transform:scaleX(1)}.icon-button{border:1px solid var(--line);width:48px;height:48px;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;place-items:center;display:none}.cta{letter-spacing:.01em;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-size:17px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.cta:hover{transform:translateY(-2px)}.cta-dark{color:#fff;background:linear-gradient(135deg, #07172dfa, #08435ceb), linear-gradient(90deg, var(--bio), var(--mint), var(--violet));box-shadow:0 18px 48px #07172d3d}.cta-glass{color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffffdb,#eefffdc2),#ffffffc7;border-color:#07172d24}.panel-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;display:block}.panel-button:focus-visible,.cta:focus-visible,.icon-button:focus-visible,.text-link:focus-visible{outline-offset:4px;outline:3px solid #00a7b559}.drawer{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07172d80;position:fixed;inset:0}.drawer-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;gap:8px;padding:18px;display:grid;position:absolute;inset:12px 12px auto}.drawer-panel .icon-button{justify-self:end;display:grid}.drawer-panel a{align-items:center;min-height:48px;font-family:Rajdhani,Manrope,sans-serif;font-size:22px;font-weight:700;display:flex}.hero{min-height:100dvh;padding:132px max(18px,50vw - 610px) 54px;position:relative;overflow:hidden}.bio-field{z-index:-2;background:linear-gradient(125deg,#f6fffdf5 0%,#e4faf8db 48%,#e1f0ffd1 100%),url(/assets/piter-mounted.jpeg) 100%/cover no-repeat;position:absolute;inset:0;overflow:hidden}.bio-field:before{content:"";background:repeating-linear-gradient(90deg,#07172d0b 0 1px,#0000 1px 86px),repeating-linear-gradient(0deg,#07172d09 0 1px,#0000 1px 86px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.bio-field span{aspect-ratio:1;filter:blur(18px);opacity:.34;border-radius:999px;width:28vw;animation:10s ease-in-out infinite alternate floatField;position:absolute}.bio-field span:first-child{background:var(--cyan);top:10%;left:5%}.bio-field span:nth-child(2){background:var(--mint);animation-delay:-2s;top:4%;left:60%}.bio-field span:nth-child(3){background:var(--violet);animation-delay:-4s;top:44%;left:36%}.bio-field span:nth-child(4){background:var(--cyan);animation-delay:-1s;top:58%;left:78%}.bio-field span:nth-child(5){background:var(--mint);animation-delay:-5s;top:64%;left:-10%}.bio-field span:nth-child(6){background:var(--bio);animation-delay:-3s;top:78%;left:52%}@keyframes floatField{0%{transform:translate(-18px,-12px)scale(.96)}to{transform:translate(20px,18px)scale(1.06)}}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(420px,.82fr);align-items:center;gap:54px;min-height:calc(100dvh - 230px);display:grid}.kicker{color:var(--bio);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 18px;font-size:17px;font-weight:700;line-height:1.12;display:inline-flex}.kicker:before{content:"";background:currentColor;width:42px;height:2px}h1,h2,h3,p{overflow-wrap:anywhere}.hero h1,.detail-hero h1,.legal-page h1{max-width:840px;color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(54px,8.5vw,118px);font-weight:700;line-height:.82}.lead{max-width:710px;color:var(--text);margin:28px 0 0;font-size:clamp(18px,2vw,23px);line-height:1.55}.hero-actions,.contact-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-device{min-height:610px;box-shadow:var(--shadow);background:radial-gradient(circle at 32% 20%,#4ce5ee5c,#0000 28%),linear-gradient(145deg,#051830f5,#083650d6);border:1px solid #ffffff85;border-radius:26px;position:relative;overflow:hidden}.hero-device:before{content:"";background:linear-gradient(120deg,#0000 0 44%,#ffffff1a 45%,#0000 46%),repeating-linear-gradient(135deg,#ffffff14 0 1px,#0000 1px 48px);position:absolute;inset:0}.piter-3d{z-index:1;position:absolute;inset:0}.device-chip{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #ffffff40;border-radius:18px;grid-template-columns:148px 1fr;align-items:center;gap:16px;padding:14px;display:grid;position:absolute;bottom:22px;left:22px;right:22px}.device-chip img{width:100%}.device-chip span{color:var(--ink);font-weight:900;line-height:1.28}.highlight-row{border:1px solid var(--line);background:var(--line);border-radius:24px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;display:grid;overflow:hidden;box-shadow:0 22px 70px #07172d1f}.highlight-row .panel-button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;min-height:150px;padding:26px;transition:transform .22s,background .22s}.highlight-row .panel-button:hover{background:linear-gradient(145deg,#ffffffeb,#defffadb),#fff;transform:translateY(-4px)}.highlight-row strong{color:var(--ink);font-family:Rajdhani,Manrope,sans-serif;font-size:clamp(34px,4vw,54px);line-height:.9;display:block}.highlight-row span{color:var(--muted);margin-top:14px;font-weight:800;line-height:1.4;display:block}.section{width:min(1220px,100% - 36px);margin:0 auto;padding:110px 0}.split{grid-template-columns:minmax(0,.85fr) minmax(420px,1fr);align-items:center;gap:54px;display:grid}.section-copy h2,.section-heading-centered h2,.benefit-list h2,.company-strip h2,.cta-section h2,.detail-hero h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(42px,5.8vw,78px);font-weight:700;line-height:.9}.section-copy p,.benefit-list>p,.company-strip p,.cta-section p,.detail-content p{color:var(--muted);margin:24px 0 0;font-size:19px;line-height:1.65}.text-link{min-height:48px;color:var(--ink);border-bottom:2px solid var(--bio);align-items:center;gap:8px;margin-top:28px;font-family:Rajdhani,Manrope,sans-serif;font-size:20px;font-weight:700;display:inline-flex}.blueprint-card{min-height:520px;box-shadow:var(--shadow);background:radial-gradient(circle at 36% 28%,#4ce5ee3d,#0000 34%),linear-gradient(145deg,#06172d,#0a3a56);border:1px solid #ffffff7a;border-radius:26px;place-items:center;display:grid;overflow:hidden}.blueprint{width:min(96%,880px);overflow:visible}.bp-bed{fill:#ffffff14;stroke:#ffffff38}.bp-basin{fill:#52c7cf2e;stroke:url(#lineGradient);stroke-width:5px;filter:url(#glow)}.bp-flow,.bp-pipe,.bp-shower-hose{fill:none;stroke:url(#lineGradient);stroke-width:6px;stroke-linecap:round;stroke-dasharray:20 16;animation:2.8s linear infinite dashFlow}.bp-shower-hose{stroke-width:4px;stroke-dasharray:none;animation:none}.bp-shower-head{fill:#62e0e62e;stroke:#fff;stroke-width:4px;filter:url(#glow)}.bp-spray path{fill:none;stroke:#ffffff94;stroke-width:3px;stroke-dasharray:18 14;stroke-linecap:round;animation:2s linear infinite dashFlow}.bp-drain,.bp-collection{fill:none;stroke:#fff;stroke-width:5px}.bp-collection{fill:#07172d5c;stroke:url(#lineGradient)}.bp-rails path{fill:none;stroke:#ffffffb3;stroke-width:4px}.bp-labels{fill:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;font:700 26px Rajdhani,sans-serif}.bp-points circle{fill:var(--mint);filter:url(#glow)}@keyframes dashFlow{to{stroke-dashoffset:-72px}}.section-heading-centered{text-align:center;max-width:860px;margin:0 auto 44px}.section-heading-centered .kicker{justify-content:center}.steps{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.steps .panel-button{border:1px solid var(--line);background:linear-gradient(#ffffffe0,#ffffff9e),#ffffffb8;border-radius:24px;min-height:320px;padding:28px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 18px 60px #07172d14}.steps .panel-button:hover,.use-grid .panel-button:hover,.benefit-panel:hover{border-color:#00a7b55c;transform:translateY(-6px);box-shadow:0 28px 80px #07172d29}.steps b{width:58px;height:58px;color:var(--bio);background:#00a7b51f;border-radius:999px;place-items:center;margin-bottom:28px;font-family:Rajdhani,Manrope,sans-serif;font-size:22px;display:inline-grid}.steps h3,.use-grid h3{color:var(--ink);margin:0;font-size:34px;line-height:1}.steps p,.use-grid p{color:var(--muted);line-height:1.58}.dark-panel{color:#fff;background:radial-gradient(circle at 18% 0,#4ce5ee2e,#0000 32%),radial-gradient(circle at 80% 40%,#94ffc21f,#0000 30%),#06172d}.tech-grid{grid-template-columns:minmax(0,.72fr) minmax(480px,1fr);align-items:center;gap:48px;display:grid}.light h2,.light p{color:#fff}.light p{color:#ffffffb8}.technical-stack{gap:16px;display:grid}.patent-card{background:radial-gradient(circle at 80% 10%,#8dffbe1f,#0000 28%),linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #62e0e647;border-radius:22px;padding:20px;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000038}.patent-card:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.patent-heading{z-index:1;color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:18px;margin-bottom:10px;font-family:Rajdhani,Manrope,sans-serif;font-size:19px;font-weight:800;display:flex;position:relative}.patent-heading strong{color:var(--mint);white-space:nowrap}.patent-card svg{z-index:1;width:100%;min-height:260px;display:block;position:relative}.patent-grid path{fill:none;stroke:#ffffff0f;stroke-width:1px}.patent-lines,.patent-unit,.patent-parts{fill:none;stroke:#ffffffc7;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.patent-lines .accent,.patent-unit .accent,.patent-lines .accent-fill{stroke:url(#patentStroke)}.patent-card-secondary .patent-lines .accent,.patent-card-secondary .patent-lines .accent-fill,.patent-card-secondary .patent-unit .accent{stroke:url(#patentStrokeAlt)}.patent-lines .accent-fill{fill:#62e0e63d}.patent-lines .measure{stroke:#ffffff57;stroke-width:2px;stroke-dasharray:8 8}.patent-lines .leader,.patent-unit .leader{stroke:#ffffff7a;stroke-width:3px}.patent-colored .fill-blue{fill:#404eb870;stroke:#ffffffc2}.patent-colored .fill-cyan{fill:#0eb2b780;stroke:url(#patentStrokeAlt)}.patent-colored .fill-green{fill:#30c65c80;stroke:#8dffbee6}.patent-unit text,.patent-parts text,.patent-notes text{fill:#ffffffb8;stroke:none;letter-spacing:.04em;font-family:Rajdhani,Manrope,sans-serif;font-size:20px;font-weight:800}.patent-unit circle,.patent-parts circle{fill:#62e0e61f;stroke:var(--mint);stroke-width:3px}.patent-card-secondary .patent-notes text{font-size:16px}.patent-card-secondary .patent-parts text{font-size:18px}.use-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.use-grid .panel-button{border:1px solid var(--line);background:linear-gradient(#fffffff5,#effffdbd),#fff;border-radius:24px;min-height:310px;padding:26px;transition:transform .22s,box-shadow .22s,border-color .22s}.use-grid span{color:var(--bio);letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px;font-family:Rajdhani,Manrope,sans-serif;font-size:17px;font-weight:700;display:block}.image-story{grid-template-columns:minmax(420px,1fr) minmax(0,.9fr);align-items:center;gap:56px;display:grid}.image-rail{grid-template-rows:260px 240px;grid-template-columns:1fr .72fr;gap:14px;display:grid}.image-rail img{object-fit:cover;border:1px solid var(--line);background:#fff;border-radius:24px;width:100%;height:100%;box-shadow:0 20px 60px #07172d1f}.image-rail img:first-child{grid-row:span 2}.image-rail img:nth-child(2){object-fit:contain;padding:20px}.benefit-list .benefit-panel{border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:28px 1fr;gap:14px;padding:18px 0;transition:transform .22s,padding-left .22s;display:grid}.benefit-list svg{color:var(--bio);margin-top:5px}.benefit-list strong{color:var(--ink);font-size:19px}.benefit-list .benefit-panel:hover{box-shadow:none;padding-left:12px}.benefit-list .benefit-panel p{color:var(--muted);margin:6px 0 0;line-height:1.52}.modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 22%,#4ce5ee38,#0000 34%),#040e1ca8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.info-modal{color:#fff;background:linear-gradient(135deg,#07172df5,#08435ce0),radial-gradient(circle at 18% 0,#4ce5ee47,#0000 36%);border:1px solid #fff3;border-radius:30px;width:min(720px,100%);padding:clamp(28px,5vw,54px);position:relative;overflow:hidden;box-shadow:0 44px 120px #0000005c}.info-modal:before{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff14 0 1px,#0000 1px 46px);position:absolute;inset:0}.info-modal>*{z-index:1;position:relative}.modal-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:18px;right:18px}.info-modal span{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;font-family:Rajdhani,Manrope,sans-serif;font-size:18px;font-weight:700;display:inline-flex}.info-modal h3{color:#fff;max-width:560px;margin:18px 0 0;font-size:clamp(40px,6vw,72px);line-height:.92}.info-modal p{color:#ffffffc2;max-width:600px;margin:22px 0 0;font-size:19px;line-height:1.58}.info-modal ul{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.info-modal li{color:#ffffffe0;font-weight:800}.info-modal li:before{content:"";background:linear-gradient(135deg, var(--cyan), var(--mint));border-radius:50%;width:9px;height:9px;margin-right:10px;display:inline-block}.company-strip{box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffd6,#ecfefcc2),radial-gradient(circle at 90% 20%,#4ce5ee3d,#0000 26%);border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:end;gap:46px;padding:64px;display:grid}.cta-section{color:#fff;box-shadow:var(--shadow);background:linear-gradient(110deg,#06172df0,#06172dad),url(/assets/piter-kit.jpeg) 50%/cover no-repeat;border-radius:30px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px;padding:72px;display:grid}.cta-section h2,.cta-section p,.cta-section .kicker{color:#fff}.cta-section p{color:#ffffffbd;max-width:720px}.detail-page,.legal-page{min-height:76vh;padding-top:88px}.detail-hero{justify-content:space-between;align-items:end;gap:40px;display:flex}.detail-icon{color:var(--bio);filter:drop-shadow(0 20px 44px #00a7b53d)}.detail-content{grid-template-columns:minmax(360px,.78fr) minmax(0,1fr);align-items:start;gap:48px;padding-top:0;display:grid}.detail-image{border:1px solid var(--line);min-height:420px;box-shadow:var(--shadow);background:#fff;border-radius:28px;place-items:center;display:grid;overflow:hidden}.detail-image img{object-fit:contain;width:100%;height:100%;padding:24px}.detail-drawing-panel{box-shadow:var(--shadow);background:radial-gradient(circle at 18% 0,#4ce5ee29,#0000 34%),#06172d;border:1px solid #62e0e647;border-radius:28px;padding:18px;overflow:hidden}.detail-drawing-panel .patent-card{box-shadow:none}.spec-table{border:1px solid var(--line);background:var(--line);border-radius:18px;gap:1px;margin-top:34px;display:grid;overflow:hidden}.spec-table div{background:#fff;grid-template-columns:160px 1fr;gap:18px;padding:18px;display:grid}.spec-table strong{color:var(--ink);font-family:Rajdhani,Manrope,sans-serif;font-size:20px}.spec-table span{color:var(--muted);line-height:1.5}.page-actions{margin-top:34px}.legal-list{gap:12px;margin-top:42px;display:grid}.legal-list article{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px}.legal-list h2{color:var(--ink);margin:0;font-size:30px}.legal-list p{color:var(--muted);line-height:1.62}.footer{border-top:1px solid var(--line);width:min(1220px,100% - 36px);color:var(--muted);justify-content:space-between;gap:28px;margin:0 auto;padding:38px 0 52px;display:flex}.footer img{object-fit:cover;object-position:50% 38%;border:1px solid var(--line);background:#fff;width:74px;height:48px}.footer p{color:var(--ink);margin:12px 0 4px;font-weight:900}.footer-meta{flex-wrap:wrap;gap:8px 14px;max-width:720px;line-height:1.5;display:flex}.footer-meta span,.footer-meta a{color:var(--muted)}.footer-meta span:not(:last-child):after,.footer-meta a:after{content:"";vertical-align:middle;background:#6882958c;border-radius:50%;width:4px;height:4px;margin-left:14px;display:inline-block}.footer nav{align-items:start;gap:20px;font-weight:800;display:flex}.whatsapp-float{z-index:90;color:#fff;background:linear-gradient(135deg, #0b8f70, #08a7b5), var(--bio);border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:10px;min-height:54px;padding:0 18px;font-weight:900;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 56px #07172d42}.whatsapp-float span{background:#8dffbe;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 7px #8dffbe2e}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1080px){.nav{display:none}.icon-button{display:grid}.hero-grid,.split,.tech-grid,.image-story,.detail-content{grid-template-columns:1fr}.hero-device{min-height:520px}.steps,.use-grid{grid-template-columns:repeat(2,1fr)}.cta-section,.company-strip{grid-template-columns:1fr}}@media (width<=720px){.header{min-height:68px;padding:10px 12px}.brand-logo{width:46px;height:46px}.brand-copy strong{font-size:14px}.brand-copy span{display:none}.hero{padding:104px 12px 44px}.hero-grid{gap:34px;min-height:auto}.hero h1,.detail-hero h1,.legal-page h1{font-size:clamp(48px,15vw,72px)}.lead{font-size:18px}.hero-actions,.contact-actions{display:grid}.hero-device{min-height:390px}.device-chip{grid-template-columns:102px 1fr;bottom:12px;left:12px;right:12px}.highlight-row,.steps,.use-grid{grid-template-columns:1fr}.section{width:calc(100% - 24px);padding:72px 0}.section-copy h2,.section-heading-centered h2,.benefit-list h2,.company-strip h2,.cta-section h2{font-size:clamp(42px,13vw,58px)}.blueprint-card{min-height:330px}.bp-labels{font-size:30px}.image-rail{grid-template-rows:none;grid-template-columns:1fr}.image-rail img,.image-rail img:first-child{aspect-ratio:4/3;grid-row:auto}.company-strip,.cta-section{padding:28px}.detail-hero{display:grid}.detail-icon{width:84px;height:84px}.detail-image{min-height:280px}.spec-table div{grid-template-columns:1fr}.footer{width:calc(100% - 24px);display:grid}.footer nav{flex-wrap:wrap}}