:root{--ink:#161719;--paper:#f3f2ed;--line:#cfcfc8;--muted:#74756f;--coral:#ff705d;--acid:#c7f43d;--violet:#9e8af7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.header{height:94px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line)}.identity{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;line-height:1.05;letter-spacing:.08em}.identity-mark{width:32px;height:32px;position:relative;display:block}.identity-mark i{width:16px;height:16px;border:1.5px solid var(--ink);border-radius:50%;position:absolute}.identity-mark i:first-child{top:0;left:8px}.identity-mark i:nth-child(2){left:1px;bottom:1px}.identity-mark i:last-child{right:1px;bottom:1px}.header-note{margin:0;text-align:center;font-size:11px;color:var(--muted);line-height:1.45}.counter{justify-self:end;font-size:11px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:10px}.counter span{width:31px;height:31px;border:1px solid;border-radius:50%;display:grid;place-items:center;font-weight:700}.intro{padding:84px 0 105px}.intro-meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.16em;color:var(--muted)}.intro h1{font:500 clamp(67px,10.5vw,144px)/.78 Unbounded,sans-serif;letter-spacing:-.075em;margin:56px 0 67px;text-transform:uppercase}.intro h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.intro h1 b{color:var(--coral)}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end}.intro-bottom p{grid-column:2;margin:0;font-size:15px;line-height:1.65;max-width:450px}.scroll-note{grid-column:1;grid-row:1;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.scroll-note i{font-style:normal;color:var(--ink);font-size:16px;margin-left:12px}.gallery{border-top:1px solid var(--ink)}.concept{padding:55px 0 110px;border-bottom:1px solid var(--ink)}.concept-head{display:grid;grid-template-columns:80px 1fr auto;align-items:start;margin-bottom:30px}.concept-number{font-size:11px;color:var(--muted);padding-top:9px}.concept-head h2{font:600 clamp(34px,4vw,54px)/1 Unbounded,sans-serif;letter-spacing:-.05em;margin:0 0 8px}.concept-head p{margin:0;color:var(--muted);font-size:12px}.open-link{border:1px solid var(--ink);border-radius:40px;padding:12px 15px 12px 18px;display:flex;gap:34px;align-items:center;font-size:11px;font-weight:700;transition:background .2s,color .2s}.open-link span{font-size:17px}.open-link:hover{background:var(--ink);color:white}.preview{display:block;border:1px solid var(--ink);border-radius:17px;overflow:hidden;position:relative;background:white;box-shadow:7px 8px 0 var(--ink);transition:transform .35s,box-shadow .35s}.preview:hover{transform:translateY(-7px);box-shadow:11px 14px 0 var(--ink)}.browser-bar{height:42px;border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 15px;gap:7px;background:#e8e7e1}.browser-bar i{width:8px;height:8px;border:1px solid;border-radius:50%}.browser-bar span{margin:auto;font-size:9px;color:#777;background:#f5f4f0;border:1px solid #d3d2cc;border-radius:10px;padding:4px 50px}.frame-wrap{width:100%;aspect-ratio:16/8.5;overflow:hidden;position:relative;background:#fff}.frame-wrap iframe{position:absolute;left:0;top:0;width:1440px;height:980px;border:0;transform-origin:0 0;pointer-events:none}.hover-label{position:absolute;right:25px;bottom:24px;background:var(--ink);color:white;border-radius:30px;padding:12px 16px 12px 19px;display:flex;gap:24px;align-items:center;font-size:10px;font-weight:700;opacity:0;transform:translateY(8px);transition:.25s}.preview:hover .hover-label{opacity:1;transform:none}.preview-nomi .hover-label{background:var(--coral);color:var(--ink)}.preview-punkt .hover-label{background:var(--acid);color:var(--ink)}.preview-luno .hover-label{background:var(--violet)}.concept-foot{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:32px;padding-left:80px}.concept-foot p{margin:0;max-width:520px;color:var(--muted);font-size:12px;line-height:1.6}.swatches{display:flex}.swatches i{width:28px;height:28px;border-radius:50%;background:var(--c);border:1px solid rgba(22,23,25,.3);margin-left:-6px}.compare{padding:130px 0;display:grid;grid-template-columns:1fr 1.45fr;gap:90px}.compare>div:first-child>span{text-transform:uppercase;font-size:9px;letter-spacing:.14em;color:var(--muted)}.compare h2{font:500 clamp(39px,4.4vw,60px)/1.03 Unbounded,sans-serif;letter-spacing:-.06em;margin:25px 0}.compare-table{border-top:1px solid}.compare-table a{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;min-height:84px;border-bottom:1px solid;transition:padding .2s,background .2s}.compare-table a:hover{padding-inline:15px;background:white}.compare-table b{font:600 18px Unbounded,sans-serif;letter-spacing:-.04em}.compare-table span{font-size:11px;color:var(--muted)}.compare-table i{font-style:normal;font-size:20px}.footer{border-top:1px solid var(--line);min-height:175px;padding:38px 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start}.footer>p{margin:0;text-align:center;color:var(--muted);font-size:11px;line-height:1.5}.up{justify-self:end;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.up span{margin-left:20px;font-size:18px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.shell{width:calc(100% - 30px)}.header{grid-template-columns:1fr 1fr}.header-note{display:none}.intro{padding:65px 0 80px}.intro h1{font-size:67px;line-height:.86}.compare{grid-template-columns:1fr;gap:30px}.concept-foot{padding-left:0}.footer{grid-template-columns:1fr auto}.footer>p{display:none}}@media(max-width:560px){.header{height:80px}.counter{font-size:8px}.counter span{width:27px;height:27px}.intro h1{font-size:47px;line-height:.92;margin:50px 0}.intro-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.intro-bottom p{font-size:13px}.concept{padding:42px 0 80px}.concept-head{grid-template-columns:45px 1fr}.concept-head h2{font-size:32px}.open-link{grid-column:2;width:max-content;margin-top:20px}.browser-bar{height:31px}.browser-bar span{padding:3px 25px}.frame-wrap{aspect-ratio:1/.72}.hover-label{display:none}.concept-foot{grid-template-columns:1fr;margin-top:24px;gap:20px}.swatches{padding-left:6px}.compare{padding:90px 0}.compare-table a{grid-template-columns:1fr 1fr auto}.compare-table span:nth-of-type(2){display:none}.footer{min-height:130px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.reveal{opacity:1;transform:none}}