:root{--cream:#f4f0e7;--paper:#fbf9f4;--green:#173c32;--green2:#285447;--ink:#1d2a26;--muted:#69736e;--line:#d9d6cc;--wood:#bd8958;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif;--shadow:0 22px 55px rgba(29,42,38,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;left:16px;top:-80px;background:#fff;padding:12px 18px;z-index:100}.skip:focus{top:12px}.site-header{height:82px;padding:0 max(28px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(23,60,50,.12)}.logo{font:bold 27px var(--serif);display:flex;align-items:center;gap:7px}.logo-mark{font:36px var(--serif);color:var(--green2);transform:rotate(-8deg)}nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500}nav>a:not(.button):hover{color:var(--green2)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:white;border:1px solid var(--green);padding:15px 21px;font-weight:600;font-size:13px;transition:.25s}.button:hover{background:var(--green2);transform:translateY(-2px)}.button-small{padding:11px 17px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:var(--green);margin:5px}.hero{min-height:790px;padding:150px max(30px,calc((100vw - 1440px)/2)) 80px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:55px;background:radial-gradient(circle at 80% 30%,#fff 0,transparent 38%),var(--cream)}.hero-copy{max-width:560px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--green2);font-size:11px;font-weight:600;margin:0 0 22px}h1,h2{font:400 clamp(48px,5vw,76px)/.98 var(--serif);letter-spacing:-.035em;margin:0}em{font-weight:400;color:var(--green2)}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:510px;margin:27px 0}.actions{display:flex;align-items:center;gap:27px;margin-top:34px}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid;padding-bottom:5px}.pilot-note{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:30px}.pilot-note span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9cae74;margin-right:8px}.hero-stage{height:570px;position:relative;isolation:isolate}.mountains,.cta-mountains{position:absolute;inset:auto 0 0;height:48%;opacity:.18;background:linear-gradient(145deg,transparent 48%,var(--green) 49% 51%,transparent 52%) 0 100%/35% 75%,linear-gradient(35deg,transparent 48%,var(--green) 49% 51%,transparent 52%) 15% 100%/42% 65%;z-index:-1}.device{margin:0;background:#fff;border:7px solid #202622;box-shadow:var(--shadow);overflow:hidden}.device img{width:100%;height:100%;object-fit:cover}.laptop{position:absolute;width:76%;height:350px;left:0;top:70px;border-radius:12px}.browser-bar{height:27px;background:#e7e5df;display:flex;align-items:center;gap:5px;padding:0 9px;font-size:7px;color:#506058}.browser-bar i{width:5px;height:5px;background:#a6aaa4;border-radius:50%}.browser-bar b{margin-left:auto;margin-right:auto;letter-spacing:.12em}.laptop img{height:calc(100% - 27px)}.kitchen{position:absolute;width:52%;height:205px;right:0;top:7px;border-width:5px;border-radius:8px;transform:rotate(2deg)}.phone{position:absolute;z-index:3;width:175px;height:355px;right:9%;bottom:3px;border:7px solid #1d2522;border-radius:28px;background:#101512;box-shadow:var(--shadow);overflow:hidden;transform:rotate(3deg);animation:float 5s ease-in-out infinite}.phone-notch{position:absolute;width:65px;height:17px;border-radius:0 0 12px 12px;background:#1d2522;left:50%;transform:translateX(-50%);z-index:2}.phone-screen{height:100%;padding:32px 11px 12px;background:#f7f2e9;text-align:center}.phone-brand{font:15px var(--serif);letter-spacing:.08em;margin:4px 0}.phone-screen small{font-size:8px;color:var(--muted)}.dish{background:#fff;border-radius:9px;padding:7px;text-align:left;margin-top:12px;box-shadow:0 4px 12px #0001;display:grid;grid-template-columns:42px 1fr;gap:7px;font-size:7px}.dish img{width:42px;height:42px;object-fit:cover;border-radius:6px;grid-row:span 2}.dish span{color:var(--green2)}.phone-screen button{background:var(--green);color:white;border:0;border-radius:8px;width:100%;padding:9px;margin-top:15px;font-size:8px}.nfc-token{position:absolute;z-index:4;left:14%;bottom:20px;width:128px;height:90px;background:linear-gradient(100deg,#b77c44,#d6a46c 45%,#9c6637);border-radius:8px;box-shadow:0 17px 32px #2b180635;transform:perspective(500px) rotateX(54deg) rotateZ(-9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#203a31}.nfc-token span{font-size:22px}.nfc-token b{font:12px var(--serif);letter-spacing:.12em}.nfc-token small{font-size:5px;letter-spacing:.1em}.section{padding:110px max(30px,calc((100vw - 1320px)/2))}.section-heading{max-width:720px;margin-bottom:55px}.section-heading h2{font-size:clamp(40px,4vw,61px)}.section-heading.center{text-align:center;margin:0 auto 58px}.section-heading>p:last-child{line-height:1.7;color:var(--muted);max-width:630px;margin:22px auto 0}.how{background:var(--paper)}.how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:34px 42px 1fr;gap:16px;align-items:start;padding:22px 0;border-top:1px solid var(--line)}.step-no{font:18px var(--serif);color:#9e988a}.icon{width:36px;height:36px;border:1px solid #bfc7c1;border-radius:50%;display:grid;place-items:center;color:var(--green)}h3{font:24px var(--serif);margin:0 0 8px}.steps p,.card-copy p,.themes-copy p{color:var(--muted);line-height:1.55;font-size:13px;margin:0}.table-scene{height:540px;background:linear-gradient(130deg,#454b40,#252c27);position:relative;overflow:hidden}.table{position:absolute;width:74%;height:74%;right:-8%;bottom:-8%;background:repeating-linear-gradient(90deg,#a16f42 0,#b88350 3px,#9e6c40 4px,#b78351 70px);border-radius:50%;box-shadow:-20px -20px 50px #0006}.plate{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#eee 0 42%,#d3cec3 43% 46%,#f8f6f0 47%);left:24%;top:18%}.glass{position:absolute;width:65px;height:65px;border:5px solid #bfcfd0;border-radius:50%;left:62%;top:15%;box-shadow:3px 8px 12px #0004}.table-token{position:absolute;left:11%;bottom:15%;width:95px;height:78px;background:#d3a36a;border-radius:6px;box-shadow:5px 8px 12px #0004;display:flex;flex-direction:column;place-content:center;text-align:center;color:var(--green);transform:rotate(-8deg)}.table-token b{font:14px var(--serif)}.table-token span{font-size:8px;margin-top:8px}.table-scene blockquote{position:absolute;left:32px;bottom:25px;margin:0;width:50%;padding:19px;background:#f7f3e9e8;font:23px/1.25 var(--serif);color:var(--green)}.system{background:#e9e6dc}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:var(--paper);border:1px solid #d8d5cc;min-width:0;transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.product-card>img,.card-visual{width:100%;height:265px;object-fit:cover;object-position:center;border-bottom:1px solid var(--line)}.product-card.dark{background:#1c2522;color:#fff}.product-card.dark .card-copy p{color:#b7c0bc}.card-copy{padding:25px}.card-copy small{font-size:9px;letter-spacing:.15em;color:#78877f}.card-copy h3{margin-top:12px}.card-copy a{display:inline-block;margin-top:22px;font-size:12px;font-weight:600;border-bottom:1px solid}.menu-visual{background:linear-gradient(145deg,#c7b598,#e6dbca);display:grid;place-items:center;overflow:hidden}.mini-phone{width:130px;height:225px;border:5px solid #26312d;border-radius:16px;background:#f8f3e9;padding:19px 9px 8px;text-align:center;box-shadow:12px 14px 30px #26312d45;transform:rotate(-5deg)}.mini-phone b{font:9px var(--serif)}.mini-phone img{width:100%;height:120px;object-fit:cover;margin:12px 0 8px;border-radius:5px}.mini-phone span{font-size:7px}.themes{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center;background:var(--paper)}.themes-copy h2{font-size:clamp(42px,4vw,62px)}.themes-copy>p{font-size:15px;margin:25px 0}.themes-copy ul{padding:0;list-style:none}.themes-copy li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.themes-copy li:before{content:'✓';color:var(--green2);margin-right:12px}.theme-shot{margin:0;box-shadow:var(--shadow);position:relative}.theme-shot figcaption{position:absolute;left:18px;bottom:18px;background:#fff;padding:9px 12px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.nfc{background:#dfe3dc}.materials{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.material{text-align:center}.material>div{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff7a}.material-object{width:135px;height:155px;border-radius:8px;box-shadow:12px 19px 28px #14251f3b;transition:.3s;transform:perspective(600px) rotateX(10deg) rotateY(-6deg)}.material:hover .material-object{transform:perspective(600px) rotateX(3deg) rotateY(3deg) translateY(-8px)}.material-object span{font-size:27px}.material-object b{font:15px var(--serif);letter-spacing:.12em}.material-object small{font-size:6px;letter-spacing:.14em;margin-top:9px}.wood>div:first-child{background:#c5a17c}.wood .material-object{background:repeating-linear-gradient(93deg,#b77e49,#d3a16d 9px,#bb8250 12px)}.acrylic>div:first-child{background:#aebcb6}.acrylic .material-object{background:#edf3f0aa;border:1px solid #fff;backdrop-filter:blur(7px)}.stone>div:first-child{background:#6b706d}.stone .material-object{background:radial-gradient(circle at 15% 25%,#888 1px,transparent 2px),radial-gradient(circle at 75% 70%,#333 1px,transparent 2px),#555c58;color:#eee}.replica>div:first-child{background:#d2c1a3}.replica .material-object{border-radius:50%;height:135px;background:radial-gradient(circle,#3c5a3e 0 5%,#d8ba74 6% 26%,#9a4b34 27% 34%,#ece6d8 35% 59%,#233e34 60%);color:#fff}.material h3{font-size:21px;margin:20px 0 5px}.material p{margin:0;color:var(--muted);font-size:12px}.cta{margin:35px;min-height:500px;background:var(--green);color:white;padding:90px max(55px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:100px;position:relative;overflow:hidden}.cta .eyebrow{color:#bac9c1}.cta h2{font-size:clamp(43px,4.7vw,70px)}.cta h2 em{color:#d9c5a4}.cta-copy>p:not(.eyebrow){color:#c4cec9;margin:25px 0 35px}.button.light{background:#f7f3e9;color:var(--green);border-color:#f7f3e9}.contact-card{border:1px solid #ffffff3a;padding:35px;background:#ffffff09;backdrop-filter:blur(5px)}.contact-card small{letter-spacing:.15em;color:#acbbb4}.contact-card p{line-height:1.6;color:#c5cfca}.contact-card a{display:flex;justify-content:space-between;border-top:1px solid #ffffff3a;padding-top:20px;font:22px var(--serif)}.cta-mountains{opacity:.1;height:70%;filter:invert(1)}footer{padding:35px max(30px,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;background:#f7f4ed}footer .footer-links{display:flex;gap:24px;font-size:11px;color:var(--muted)}footer>p{text-align:right;color:var(--muted);font-size:11px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:rotate(1deg) translateY(-8px)}}:focus-visible{outline:3px solid #d99a43;outline-offset:4px}
@media(max-width:1100px){nav{gap:15px}.hero{grid-template-columns:.8fr 1.2fr;gap:20px}.hero-stage{transform:scale(.85);transform-origin:center right}.system-grid{grid-template-columns:repeat(2,1fr)}.how-grid{gap:45px}.materials{grid-template-columns:repeat(2,1fr)}.themes{gap:35px}}
@media(max-width:800px){.site-header{position:absolute;height:70px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:18px;right:18px;top:66px;background:#f9f7f0;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:12px}.site-header nav .button{margin-top:8px}.hero{padding-top:120px;grid-template-columns:1fr;min-height:auto}.hero-stage{width:100%;transform:none;height:520px}.how-grid,.themes,.cta{grid-template-columns:1fr}.how-grid{gap:45px}.themes{gap:50px}.cta{margin:18px;padding:70px 35px;gap:50px}footer{grid-template-columns:1fr;text-align:center}footer .logo{justify-content:center}footer>p{text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}}
@media(max-width:560px){.hero,.section{padding-left:20px;padding-right:20px}.hero{padding-bottom:45px}h1{font-size:52px}.lead{font-size:16px}.actions{align-items:stretch;flex-direction:column;gap:18px}.button{width:100%}.text-link{text-align:center;border:0}.hero-stage{height:430px;margin-top:10px}.laptop{width:92%;height:235px;top:65px}.kitchen{width:59%;height:135px}.phone{width:130px;height:270px;right:1%;bottom:0}.phone-screen{padding:26px 8px 8px}.dish{grid-template-columns:32px 1fr}.dish img{width:32px;height:32px}.nfc-token{left:2%;bottom:10px;width:100px;height:72px}.section{padding-top:80px;padding-bottom:80px}.section-heading{margin-bottom:35px}.how-grid{display:block}.table-scene{height:400px;margin-top:45px}.table-scene blockquote{font-size:19px;width:75%;left:18px}.system-grid,.materials{grid-template-columns:1fr}.product-card>img,.card-visual{height:250px}.themes{padding-left:20px;padding-right:20px}.material>div{height:260px}.cta{margin:0;padding:75px 20px}.contact-card{padding:25px 20px}.contact-card a{font-size:17px}.footer-links{gap:13px}footer{padding:35px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Płynna warstwa interakcji */
.scroll-progress{position:fixed;z-index:101;left:0;right:0;top:0;height:3px;background:#b79462;transform:scaleX(0);transform-origin:left;will-change:transform}
.site-header{position:fixed;border-bottom-color:transparent;transition:height .35s,background-color .35s,border-color .35s,box-shadow .35s,backdrop-filter .35s}
.site-header.scrolled{height:66px;background:rgba(244,240,231,.88);border-color:rgba(23,60,50,.11);box-shadow:0 8px 30px rgba(23,60,50,.07);backdrop-filter:blur(16px)}
.logo{position:relative;width:92px;height:92px;flex:0 0 92px;border-radius:50%;display:grid;place-items:center;background:#fff5e4;box-shadow:0 8px 28px rgba(111,84,49,.12);overflow:hidden;transition:width .35s,height .35s,flex-basis .35s,box-shadow .35s}
.logo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;clip-path:none;mix-blend-mode:normal;transition:transform .35s}
.site-header.scrolled .logo{width:58px;height:58px;flex-basis:58px;box-shadow:0 5px 18px rgba(111,84,49,.1)}
.site-header.scrolled .logo img{transform:scale(.78)}
footer .logo{width:76px;height:76px;flex-basis:76px}
footer .logo img{transform:scale(.88)}
.contact-links a{margin-top:0}.contact-links a+a{margin-top:18px}
.reveal{opacity:0;transform:translateY(34px) scale(.985);filter:blur(5px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1),filter .85s;transition-delay:calc(var(--reveal-order,0) * 65ms);will-change:opacity,transform}
.reveal.visible{opacity:1;transform:none;filter:none}
.section-heading.reveal{clip-path:inset(0 0 18% 0);transition-property:opacity,transform,filter,clip-path}
.section-heading.reveal.visible{clip-path:inset(0)}
.hero-stage .laptop{transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.hero-stage .kitchen{transform:translate3d(calc(var(--mx,0) * -.65),calc(var(--my,0) * -.65),0) rotate(2deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.hero-stage .nfc-token{transform:translate3d(calc(var(--mx,0) * .35),calc(var(--my,0) * .35),0) perspective(500px) rotateX(54deg) rotateZ(-9deg);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
@media(max-width:800px){.site-header{position:fixed}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;filter:none;clip-path:none}.scroll-progress{display:none}}