@view-transition{navigation:auto}
:root{--ink:#090807;--bone:#f1ede5;--ox:#7d1028;--gold:#b89a5e;--green:#0d2a22;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink);scrollbar-color:var(--ox) var(--ink)}body{margin:0;background:var(--ink);color:var(--bone);font-family:"DM Sans",sans-serif;overflow-x:hidden}::selection{background:var(--ox);color:#fff}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #d4b56e;outline-offset:5px}
.product-nav{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;font-size:13px}.product-nav>a:first-child{font-weight:600;letter-spacing:.22em}.product-nav div{display:flex;gap:30px;color:#bdb6ae}
.product-hero{min-height:840px;position:relative;display:grid;grid-template-columns:minmax(320px,.82fr) 1.18fr;overflow:hidden;padding:150px 5vw 72px}.product-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.17)}.product-intro{z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.product-name{font-size:clamp(78px,10vw,158px);letter-spacing:-.04em;line-height:.78;margin:0;font-weight:600}.product-thesis{font-family:"Newsreader",serif;font-style:italic;font-weight:500;font-size:clamp(50px,6vw,92px);line-height:.92;margin:38px 0 30px;max-width:760px}.product-intro>p{font-size:19px;line-height:1.55;color:#bdb6ae;max-width:570px}.product-meta{margin-top:42px;display:flex;gap:40px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#817a72}.product-visual{position:relative;display:grid;place-items:center;min-height:600px}.product-visual:before{content:"";position:absolute;width:76%;height:76%;border-radius:50%;background:var(--accent,#7d1028);filter:blur(110px);opacity:.24}.device-frame{height:610px;position:relative;z-index:2;filter:drop-shadow(0 50px 70px rgba(0,0,0,.5));transform:perspective(1200px) rotateY(-8deg) rotateX(2deg);transition:transform .7s var(--ease)}.device-frame:hover{transform:perspective(1200px) rotateY(-2deg) rotateX(0)}.device-frame img{height:100%;display:block}
.product-story{background:var(--bone);color:#171411;padding:140px 6vw}.product-story h2{font-family:"Newsreader";font-weight:500;font-size:clamp(62px,8vw,118px);line-height:.92;max-width:1100px;margin:0}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:100px;border-top:1px solid #cfc8bd;padding-top:46px}.story-grid h3{font-size:14px;text-transform:uppercase;letter-spacing:.13em;color:var(--ox);margin:0}.story-grid p{font-size:21px;line-height:1.6;margin:0;max-width:640px}
.mechanism{padding:130px 6vw;background:#11100f}.mechanism h2{font-family:"Newsreader";font-size:clamp(58px,7vw,104px);font-weight:500;margin:0 0 80px}.mechanism-list{border-top:1px solid rgba(255,255,255,.2)}.mechanism-row{display:grid;grid-template-columns:.2fr 1fr 1.5fr;gap:30px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.16);align-items:center}.mechanism-row b{font-weight:500;font-size:22px}.mechanism-row p{color:#aaa39a;line-height:1.55}
.product-demo{padding:130px 6vw;background:var(--surface,#0d2a22)}.demo-window{min-height:620px;border-radius:16px;background:#0a0a09;display:grid;grid-template-columns:210px 1fr;overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.28)}.demo-rail{padding:32px 24px;background:#131312;display:flex;flex-direction:column;gap:24px;color:#a9a39c}.demo-rail b{color:#fff;margin-bottom:38px}.demo-main{padding:55px}.demo-main h3{font-size:42px;margin:0 0 34px}.demo-main p{color:#aaa39a;max-width:600px;line-height:1.6}.demo-lines{margin-top:50px}.demo-lines span{display:block;height:72px;border-top:1px solid #333;padding-top:22px;color:#d8d3cc}.demo-lines span i{float:right;color:#a7445c;font-style:normal}
.next-product{padding:130px 6vw;background:var(--ox);display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.next-product span{text-transform:uppercase;letter-spacing:.14em;font-size:11px}.next-product a{font-family:"Newsreader";font-size:clamp(64px,9vw,130px);line-height:.8}.next-product a i{font-style:italic}.product-footer{padding:28px 6vw;background:var(--ox);border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.qupora{--accent:#c2a26e;--surface:#d9d0c2}.qupora .product-hero{background:#e9e3d9;color:#191613}.qupora .product-nav{color:#191613}.qupora .product-nav div,.qupora .product-intro>p,.qupora .product-meta{color:#625c55}.qupora .product-hero:after{background:#c8c0b5}.qupora .calculator{width:90%;max-width:720px;background:#fff;color:#171411;border-radius:16px;padding:35px;position:relative;z-index:2;box-shadow:0 40px 80px rgba(60,44,28,.22);transform:rotate(2deg)}.calculator h3{font-size:34px;margin:0 0 28px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calc-fields span,.calc-results span{padding:18px;background:#f1ede7;border-radius:10px}.calc-results{margin-top:18px;display:grid;gap:10px}.calc-results span b{float:right;color:#7d1028}.calculator button{margin-top:22px;border:0;border-radius:999px;background:#191613;color:#fff;padding:14px 20px}
.content-studio{--accent:#7d1028;--surface:#211015}.studio-canvas{width:92%;max-width:820px;height:570px;background:#161515;border:1px solid #333;border-radius:16px;display:grid;grid-template-columns:180px 1fr;overflow:hidden;position:relative;z-index:2;transform:perspective(1200px) rotateY(-7deg)}.studio-canvas aside{padding:30px 20px;background:#1d1c1b;display:flex;flex-direction:column;gap:22px;color:#aaa}.studio-canvas aside b{color:#fff;margin-bottom:35px}.studio-board{padding:40px}.studio-board h3{font-size:35px}.studio-prompt{border:1px solid #444;border-radius:12px;padding:22px;color:#aaa;min-height:120px}.studio-media{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.studio-media i{height:155px;border-radius:12px;background:linear-gradient(135deg,#630d27,#190c11)}.studio-media i:nth-child(2){background:linear-gradient(135deg,#eee7db,#77716a)}.studio-media i:nth-child(3){background:linear-gradient(135deg,#24483c,#06130f)}
.lapiukas{--accent:#ed9f31;--surface:#e7b340}.lapiukas .product-hero{background:#f4be45;color:#2d1c13}.lapiukas .product-nav{color:#2d1c13}.lapiukas .product-nav div,.lapiukas .product-intro>p,.lapiukas .product-meta{color:#68472c}.lapiukas .product-story{background:#fff3d6}.lapiukas-world{width:92%;height:600px;border-radius:20px;position:relative;z-index:2;background:linear-gradient(#72c3d1 0 62%,#78a957 62%);overflow:hidden;box-shadow:0 50px 90px rgba(67,42,5,.25)}.lapiukas-world:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#ffe996;right:10%;top:9%;box-shadow:0 0 60px #ffe996}.fox-card{position:absolute;left:10%;bottom:8%;width:245px;height:300px;background:#d7602d;border-radius:48% 48% 42% 42%}.fox-card:before,.fox-card:after{content:"";position:absolute;top:-45px;width:95px;height:100px;background:#d7602d;clip-path:polygon(50% 0,100% 100%,0 100%)}.fox-card:before{left:5px;transform:rotate(-12deg)}.fox-card:after{right:5px;transform:rotate(12deg)}.word-card{position:absolute;right:8%;bottom:11%;width:300px;background:#fff9e8;color:#2d1c13;padding:28px;border-radius:16px}.word-card small{text-transform:uppercase;letter-spacing:.14em}.word-card strong{font-family:"Newsreader";font-size:72px;display:block}.word-card button{border:0;background:#2d1c13;color:#fff;border-radius:999px;padding:12px 18px}
@media(max-width:900px){.product-nav div a:not(:last-child){display:none}.product-hero{grid-template-columns:1fr;padding:120px 24px 60px;min-height:auto}.product-name{font-size:76px}.product-thesis{font-size:54px}.product-visual{min-height:520px}.device-frame{height:480px}.story-grid{grid-template-columns:1fr;gap:30px;margin-top:65px}.product-story,.mechanism,.product-demo,.next-product{padding:90px 24px}.mechanism-row{grid-template-columns:40px 1fr}.mechanism-row p{grid-column:2}.demo-window{grid-template-columns:90px 1fr;min-height:520px}.demo-rail{padding:22px 10px;font-size:11px}.demo-main{padding:35px 22px}.next-product{align-items:flex-start;flex-direction:column}.studio-canvas{grid-template-columns:90px 1fr;height:500px}.studio-canvas aside{padding:20px 10px;font-size:11px}.studio-board{padding:24px 16px}.studio-media i{height:100px}.lapiukas-world{height:500px}.fox-card{transform:scale(.65);transform-origin:bottom left}.word-card{width:210px;right:5%;padding:18px}.word-card strong{font-size:54px}.calculator{transform:none!important}.product-footer{gap:20px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.device-frame{transform:none!important}}