.nb-page{--nb-ink:#303c33;--nb-muted:#697169;color:var(--nb-ink)}.nb-page :is(h1,h2,h3,p){margin:0}.nb-width{width:min(1140px,100% - 88px);margin-inline:auto}.nb-page h1{letter-spacing:-2px;font-size:clamp(34px,4.2vw,54px);font-weight:580;line-height:1.13}.nb-page h2{letter-spacing:-1.3px;font-size:clamp(27px,3vw,38px);font-weight:560;line-height:1.2}.nb-page em{font-family:Georgia,Times New Roman,serif;font-weight:400}.nb-page .nb-kicker{letter-spacing:1.65px;margin-bottom:20px;font-size:10px;font-weight:600}.nb-kicker>span{letter-spacing:.8px;color:#52654d;background:#e8eee5;border:1px solid #d4dfcf;border-radius:4px;margin-left:10px;padding:4px 6px;font-size:9px;display:inline-block}.nb-hero{padding-top:26px}.nb-back{color:#686d76;align-items:center;gap:10px;min-height:30px;margin-bottom:31px;font-size:11px;display:inline-flex}.nb-back:hover{color:#303c33}.nb-intro{grid-template-columns:1.55fr 1fr;align-items:end;gap:45px;margin-bottom:40px;display:grid}.nb-intro-copy{padding:0 10px 5px 0}.nb-intro-copy>p{color:var(--nb-muted);max-width:350px;font-size:14px;line-height:1.9}.nb-intro-copy .button{background:#354335;border-color:#354335;margin-top:22px}.nb-comparison{background:#fff;border:1px solid #dce0d8;border-radius:13px;overflow:hidden;box-shadow:0 18px 60px #353b2b09}.nb-browser{color:#73786f;border-bottom:1px solid #e4e6df;align-items:center;gap:23px;height:43px;padding:0 22px;font-size:10px;display:flex}.nb-window{gap:5px;display:flex}.nb-window i{background:#d2d6ce;border-radius:50%;width:6px;height:6px}.nb-browser-label{letter-spacing:1.4px;margin-left:auto;font-size:8px}.nb-compare-stage{-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:ew-resize;background:#f4f2e9;position:relative;overflow:hidden}.nb-studio{color:#384736;background:#f4f2e9;padding:32px 48px 20px}.nb-studio-nav{justify-content:space-between;align-items:center;display:flex}.nb-studio-nav strong{letter-spacing:-2px;font-family:Georgia,serif;font-size:37px;font-weight:400;line-height:1}.nb-studio-nav strong>span{vertical-align:top;letter-spacing:0;margin-left:3px;font:10px Inter,sans-serif}.nb-studio-nav>span{letter-spacing:2px;font-size:8px}.nb-studio-body{grid-template-columns:1fr 1fr;align-items:center;gap:30px;margin-top:28px;display:grid}.nb-studio-copy{padding:10px 0 22px}.nb-studio-copy>span:first-child{letter-spacing:1.65px;font-size:8px}.nb-page .nb-studio-copy h2{letter-spacing:-2.7px;margin-top:21px;font-family:Georgia,serif;font-size:clamp(34px,4.7vw,62px);font-weight:400;line-height:1.06}.nb-studio-copy>p{color:#6d7262;margin-top:21px;font-size:10px}.nb-studio-link{border-bottom:1px solid #929a82;align-items:center;gap:36px;margin-top:28px;padding-bottom:6px;font-size:10px;display:inline-flex}.nb-studio-image{height:313px;position:relative;overflow:hidden}.nb-studio-image img{object-fit:cover;object-position:center 62%;pointer-events:none;width:100%;height:100%}.nb-studio-image>span{letter-spacing:1.4px;color:#fff;text-shadow:0 1px 8px #000;font-size:7px;position:absolute;bottom:14px;left:17px}.nb-studio-footer{letter-spacing:.5px;border-top:1px solid #d6d6c8;gap:16px;min-height:40px;margin-top:23px;padding-top:21px;font-size:8px;display:flex}.nb-studio-footer>span+span{color:#6a7063;letter-spacing:0;font-size:8px}.nb-before{clip-path:inset(0 0 0 var(--nb-split));pointer-events:none;background:#8a826905;position:absolute;inset:0}.nb-branding{color:#686b61;background:#fff;border:1px solid #deded4;border-radius:4px;align-items:center;gap:3px;padding:7px 10px;font-size:9px;display:flex;position:absolute;bottom:15px;right:30px}.nb-branding strong{font-weight:600}.nb-branding svg{fill:#777c70;width:13px;height:13px;margin-left:3px}.nb-split-line{left:var(--nb-split);pointer-events:none;background:#52634db3;width:1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #ffffff40}.nb-split-line>span{background:#fcfdf9;border:1px solid #829076;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 15px #35433520}.nb-side-label{color:#56634f;letter-spacing:.75px;pointer-events:none;background:#fbfbf5e8;border:1px solid #d7dbd0;border-radius:3px;padding:4px 6px;font-size:7px;position:absolute;top:11px}.nb-after-label{left:12px}.nb-before-label{right:12px}.nb-comparison[data-position=before] .nb-after-label,.nb-comparison[data-position=after] .nb-before-label,.nb-comparison[data-position=before] .nb-split-line,.nb-comparison[data-position=after] .nb-split-line{opacity:0}.nb-controls{border-top:1px solid #dce0d6;justify-content:center;align-items:center;gap:18px;min-height:61px;padding:9px 24px;display:flex}.nb-controls button{color:#52604e;background:0 0;border:0;min-height:40px;padding:8px 3px;font-size:11px}.nb-controls button:hover{color:#1c301b}.nb-slider-label{width:205px;display:flex}.nb-slider-label input{accent-color:#657b5b;cursor:ew-resize;width:100%;height:30px}.nb-drag-hint{color:#697260;margin-left:10px;font-size:10px}.nb-page .nb-caption{color:#747c70;text-align:center;min-height:18px;margin-top:17px;font-size:10px}.nb-details{grid-template-columns:1fr 1fr;align-items:center;gap:95px;padding-top:100px;display:grid}.nb-identity{background:#ebece3 radial-gradient(at 25% 20%,#f8f8f080,#0000 70%);border-radius:10px;place-items:center;height:390px;display:grid;position:relative}.nb-identity-paper{color:#eef0df;background:#3b4b36;width:72%;height:280px;padding:27px;position:relative;transform:rotate(-7deg);box-shadow:12px 24px 35px #424c332a,inset 0 0 0 1px #ffffff12}.nb-identity-paper>span{letter-spacing:1.5px;font-size:7px;display:block}.nb-identity-paper>strong{letter-spacing:-6px;font-family:Georgia,serif;font-size:94px;font-weight:400;line-height:1.7;display:block}.nb-identity-paper>div{justify-content:space-between;align-items:end;font-size:9px;line-height:1.5;display:flex}.nb-identity-paper>div>span+span{letter-spacing:1px;font-size:7px}.nb-identity-seal{background:#edead5;border:1px solid #d2d3b9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:108px;height:108px;display:flex;position:absolute;bottom:35px;right:25px;transform:rotate(13deg);box-shadow:2px 5px 8px #364d3412}.nb-identity-seal>span{letter-spacing:1.8px;font-size:8px}.nb-identity-seal svg{fill:#526347;width:42px;height:42px}.nb-detail-copy>p:not(.nb-kicker){color:#6a7268;margin-top:20px;font-size:13px;line-height:1.9}.nb-detail-row{border-top:1px solid #e0e5db;gap:20px;margin-top:23px;padding-top:21px;display:flex}.nb-detail-row>span{color:#798772;padding-top:3px;font-size:10px}.nb-page .nb-detail-row h3{font-size:14px;font-weight:560}.nb-detail-row p{color:#6a7268;margin-top:7px;font-size:12px;line-height:1.85}.nb-uses{padding-block:100px 85px}.nb-section-top{justify-content:space-between;align-items:start;display:flex}.nb-section-top .nb-kicker{margin-top:8px}.nb-use-grid{grid-template-columns:repeat(3,1fr);gap:45px;margin-top:38px;display:grid}.nb-use-grid article{border-top:1px solid #dbe1d6;padding-top:27px}.nb-use-mark{color:#53644b;background:#e7eddf;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:20px;font:italic 24px Georgia,serif;display:grid}.nb-mark-studio{background:#ebe8df;font:28px Georgia,serif}.nb-mark-project{color:#756782;background:#e9e5ed;font:26px Georgia,serif}.nb-use-grid h3{margin-bottom:10px;font-size:15px;font-weight:560}.nb-use-grid p{color:#6a7268;font-size:12px;line-height:1.9}.nb-final{background:#ecf0e6;border:1px solid #dde5d5;border-radius:12px;justify-content:space-between;align-items:center;gap:35px;padding:43px 48px;display:flex}.nb-final .nb-kicker{font-size:9px}.nb-final p:not(.nb-kicker){color:#5e6c55;margin-top:15px;font-size:12px}.nb-final-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:19px;display:flex}.nb-final-actions .button{background:#354335;border-color:#354335}.nb-text-link{align-items:center;gap:20px;font-size:11px;display:inline-flex}.nb-text-link:hover{text-underline-offset:4px;text-decoration:underline}.nb-related{justify-content:end;align-items:center;gap:30px;padding-top:29px;display:flex}.nb-related>span{letter-spacing:1.4px;color:#747d6d;margin-right:auto;font-size:8px}.nb-related a{align-items:center;gap:22px;min-height:30px;font-size:11px;display:inline-flex}.nb-related a:hover{color:#758269}.nb-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nb-intro,.nb-comparison{animation:.8s both nb-arrive}.nb-comparison{animation-delay:.1s}@keyframes nb-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=950px){.nb-intro{grid-template-columns:1.3fr 1fr;gap:25px}.nb-page h1{font-size:42px}.nb-studio{padding-inline:30px}.nb-studio-image{height:280px}.nb-details{gap:45px}.nb-identity-paper{padding:23px}.nb-identity-paper>strong{font-size:78px;line-height:2}.nb-use-grid{gap:25px}}@media (width<=680px){.nb-width{width:calc(100% - 40px)}.nb-hero{padding-top:14px}.nb-back{margin-bottom:22px}.nb-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.nb-page h1{letter-spacing:-1.4px;font-size:clamp(32px,7vw,43px)}.nb-page .nb-kicker{letter-spacing:1.2px;margin-bottom:15px;font-size:9px}.nb-intro-copy>p{max-width:430px;font-size:12px}.nb-intro-copy .button{margin-top:18px}.nb-browser{gap:14px;height:37px;padding-inline:13px;font-size:9px}.nb-browser-label{display:none}.nb-studio{padding:40px 20px 16px}.nb-studio-nav strong{font-size:30px}.nb-studio-nav>span{letter-spacing:1px;font-size:6px}.nb-studio-body{align-items:stretch;gap:14px;margin-top:20px}.nb-studio-copy{padding:10px 0}.nb-studio-copy>span:first-child{letter-spacing:.65px;font-size:6px}.nb-page .nb-studio-copy h2{letter-spacing:-1.2px;margin-top:14px;font-size:clamp(25px,5.8vw,39px);line-height:1.13}.nb-studio-copy>p{max-width:120px;margin-top:13px;font-size:8px;line-height:1.7}.nb-studio-link{gap:12px;margin-top:18px;font-size:8px}.nb-studio-image{height:235px}.nb-studio-image>span{display:none}.nb-studio-footer{gap:12px;margin-top:18px;padding-top:13px;padding-bottom:27px;font-size:7px}.nb-studio-footer>span+span{font-size:7px}.nb-branding{padding:5px 8px;font-size:8px;bottom:10px;right:15px}.nb-branding svg{width:11px;height:11px}.nb-side-label{font-size:6px}.nb-controls{gap:13px;padding:7px 17px}.nb-slider-label{flex:1;width:auto}.nb-drag-hint{display:none}.nb-page .nb-caption{font-size:9px;line-height:1.6}.nb-details{grid-template-columns:1fr;gap:36px;padding-top:60px}.nb-identity{height:310px}.nb-identity-paper{max-width:310px;height:237px}.nb-identity-paper>strong{font-size:83px;line-height:1.65}.nb-identity-seal{width:89px;height:89px}.nb-detail-copy>p:not(.nb-kicker){font-size:12px}.nb-uses{padding-block:60px}.nb-section-top{display:block}.nb-use-grid{grid-template-columns:1fr;gap:25px;margin-top:28px}.nb-use-grid article{padding-top:21px;padding-left:63px;position:relative}.nb-use-mark{width:39px;height:39px;position:absolute;top:23px;left:0}.nb-use-grid p{font-size:12px}.nb-final{flex-direction:column;align-items:start;gap:25px;padding:30px 24px}.nb-final-actions{flex-flow:wrap;gap:19px}.nb-related{flex-wrap:wrap;justify-content:start;gap:10px 24px;padding-top:24px}.nb-related>span{width:100%;margin-bottom:4px}}@media (width<=360px){.nb-width{width:calc(100% - 32px)}.nb-studio{padding-inline:15px}.nb-studio-body{grid-template-columns:1.1fr 1fr;gap:10px}.nb-page .nb-studio-copy h2{font-size:25px}.nb-identity-paper{width:77%;padding:22px}.nb-final{padding-inline:21px}}@media (prefers-reduced-motion:reduce){.nb-page *,.nb-page :before,.nb-page :after{transition:none!important;animation:none!important}}