@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#091322;--surface:#101e30;--surface-2:#142338;--line:#29374b;--text:#f3f5fb;--muted:#a6b3c7;--blue:#86b0ff;--bright:#4079ef;--amber:#ebc487;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px}::selection{background:#3867ac;color:white}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid var(--line)}.wordmark{font:800 13px 'Manrope',Arial,sans-serif;letter-spacing:2px}.wordmark>span:first-child{color:var(--blue)}.wordmark-divider{margin-inline:18px;color:#5e6e86}.lab-name{font-size:11px;font-weight:500;letter-spacing:1.8px;color:var(--muted)}.portfolio-link{font-size:13px;color:#c4cddd;display:flex;gap:30px;align-items:center}.portfolio-link span[aria-hidden]{font-size:21px;color:var(--blue)}.hero{display:flex;justify-content:space-between;align-items:flex-end;padding-block:64px 62px;gap:30px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:650;color:var(--muted);display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 15px #79a7ff55}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(42px,5.1vw,68px);line-height:1.12;letter-spacing:-3.3px;font-weight:650;margin-top:24px}h1>span{color:var(--blue)}.hero-copy{font-size:16px;color:var(--muted);margin-top:22px;line-height:1.7}.hero-aside{padding-bottom:5px;min-width:200px}.hero-aside p{color:var(--muted);font-size:13px;margin:18px 0}.lab-symbol{font-size:80px;line-height:1;color:var(--blue);font-weight:400}.text-link{font-size:13px;font-weight:550;display:inline-flex;align-items:center;gap:26px}.text-link span[aria-hidden]{color:var(--blue);font-size:20px}.lab{scroll-margin-top:22px}.lab-topline{border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.sample-indicator{font-size:11px;color:var(--muted)}.experiment-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.experiment-button{background:#0d192a;text-align:left;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:19px 22px;gap:18px;transition:background .2s,border-color .2s}.experiment-button:hover{background:#17263c}.experiment-button.active{background:#172944;border-color:#5377aa}.experiment-number{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:2px}.experiment-button.active .experiment-number{color:var(--blue)}.experiment-button>span:nth-child(2){font:700 16px 'Manrope',Arial,sans-serif}.experiment-sub{display:block;font:12px 'DM Sans',Arial,sans-serif;color:var(--muted);margin-top:6px}.experiment-arrow{margin-left:auto;color:var(--muted);font-size:22px}.active .experiment-arrow{color:var(--blue)}.workspace-bar{display:flex;align-items:center;justify-content:space-between;padding-block:26px 20px;gap:16px}.workspace-bar>p{font-size:12px;color:#b7c3d5}.view-switch{display:flex;gap:3px;background:#070e19;border:1px solid var(--line);padding:4px;border-radius:8px;flex-shrink:0}.view-switch button{background:transparent;color:var(--muted);font-size:11px;padding:7px 15px;border-radius:5px;min-height:32px}.view-switch button[aria-pressed=true]{background:#25364f;color:#fff;box-shadow:0 1px 3px #0003}.view-switch button:hover{color:white}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);min-width:0}.after-panel{border-color:#476998;background:linear-gradient(130deg,#14263d,#101e30 80%)}.panel-label{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 24px;background:#0c1828;font-size:10px;color:var(--muted);letter-spacing:.2px}.panel-label>span:first-child{font-size:10px;font-weight:650;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;color:#c3cad5}.tiny-dot{width:5px;height:5px;background:#8c97a8;display:inline-block;border-radius:50%}.after-panel .panel-label{background:#14283f;border-color:#354c69}.after-panel .panel-label>span{color:#b2ceff}.after-panel .tiny-dot{background:var(--blue)}.panel-body{padding:28px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:26px}.motio-brand{font:800 italic 22px 'Manrope',Arial,sans-serif;letter-spacing:-1px}.motio-brand>span{font:10px Arial;vertical-align:top;margin-left:3px}.micro{font-size:9px;color:var(--muted);letter-spacing:1.2px;font-weight:600}.brand-row .micro{font-size:8px;letter-spacing:1px}.panel h2{font:600 24px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.8px}.small{font-size:12px;line-height:1.65}.muted{color:var(--muted)}.panel h2+p{margin-top:8px}.rental-pills{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0 24px}.rental-pills span{border:1px solid var(--line);padding:4px 8px;border-radius:4px;color:#aeb9c9;font-size:9px}.panel label,.field-label{display:block;font-size:11px;color:#d1d9e5;font-weight:500;margin-bottom:7px}input,select,textarea{width:100%;min-width:0;color:var(--text);background:#0c1828;border:1px solid #3b4b61;border-radius:7px;padding:11px 12px;font-size:12px;line-height:1.5}input,select{height:44px}select{padding-right:24px}textarea{resize:vertical;display:block}textarea::placeholder{color:#8796ad;opacity:1}#old-car{margin-bottom:20px}#motio-before-form .small{margin:9px 0 18px}.secondary,.primary{display:inline-flex;justify-content:space-between;align-items:center;border-radius:7px;min-height:46px;padding:12px 16px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.secondary{border:1px solid #4e5d71;background:#1a293d}.secondary:hover{background:#263a54}.primary{color:#071425;background:#98bcff}.primary:hover{background:#b5d0ff}.primary span,.secondary span{font-size:18px;line-height:1}.full{width:100%}.friction-note{margin-top:23px;display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:11px;padding-top:18px;border-top:1px dashed #3b4658}.friction-note>span{border:1px solid #637089;font-size:10px;line-height:16px;width:18px;height:18px;text-align:center;border-radius:50%;flex-shrink:0;margin-top:1px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.title-row .small{margin-top:8px}.line-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #48658e;color:var(--blue);border-radius:50%;font-size:25px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-row{margin-top:18px}.field-hint{font-size:10px;color:var(--muted);margin-top:8px}.estimate{margin-top:22px;border-top:1px solid #385170;padding-top:17px;display:flex;justify-content:space-between;gap:12px;align-items:center}.estimate>div{display:flex;flex-direction:column;gap:5px}.estimate strong,.honey-total strong{font:650 32px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-1px;white-space:nowrap}.estimate strong small,.honey-total strong small{font:500 11px 'DM Sans',Arial,sans-serif;letter-spacing:.4px;color:var(--muted);margin-left:2px}.price-note{font-size:10px;color:#aab7ca;line-height:1.65;margin:12px 0 18px}.safe-note{font-size:10px;color:var(--muted);text-align:center;margin-top:10px;line-height:1.6}.error{font-size:11px;color:#ffbac1;margin-top:10px;background:#49253680;border:1px solid #825366;padding:9px;border-radius:5px}.insight-strip{display:flex;gap:18px;align-items:center;padding:21px 3px}.insight-label{font-size:9px;letter-spacing:1.1px;color:var(--blue);flex-shrink:0}.insight-strip p{font-size:12px;color:#b9c6d8}.reset{margin-left:auto;white-space:nowrap;background:transparent;color:var(--muted);font-size:11px;min-height:44px;padding:8px 3px}.reset:hover{color:white}.reset span{margin-left:8px;font-size:17px}.design-notes{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:7px}.design-notes summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding-block:20px;font-size:12px;color:#c2ccda}.design-notes summary::-webkit-details-marker{display:none}.design-notes summary>span{font-size:20px;color:var(--blue);line-height:1}.design-notes[open] summary>span{transform:rotate(45deg)}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:10px 0 28px}.notes-grid .micro{color:var(--blue);font-size:8px}.notes-grid h3{font:600 16px 'Manrope',Arial,sans-serif;margin-top:12px}.notes-grid p{color:var(--muted);font-size:12px;margin-top:10px}.closing{padding-block:70px 64px}.closing h2{font:550 clamp(28px,3.3vw,42px)/1.25 'Manrope',Arial,sans-serif;letter-spacing:-1.5px;margin:20px 0 22px}.closing h2 span{color:var(--blue)}footer{border-top:1px solid var(--line);padding-block:25px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.footer-slash{margin-inline:12px;color:#738299}.honey-brand{font:600 25px Georgia,serif;letter-spacing:-1px;color:#f7ddb4}.honey-brand>span{font:italic 16px Georgia,serif;color:#c4aa88;letter-spacing:-.5px}.clutter-banner{font-size:8px;color:#dfc49a;padding:10px;background:#302b25;border-block:1px dashed #64523b;margin:19px 0 15px;letter-spacing:.8px}.old-products{border:0;padding:0;margin:0 0 18px}.old-products label{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;cursor:pointer;margin:0;padding:9px 0}.old-products input{width:14px;height:14px;flex-shrink:0;accent-color:var(--amber)}.old-products label>span{font-size:11px}.old-products small{display:block;font-size:9px;color:var(--muted);font-weight:400}.old-products b{margin-left:auto;font-size:10px;font-weight:500;white-space:nowrap;color:#d5bc98}#old-honey-note{margin-bottom:15px}.honey-after{background:linear-gradient(130deg,#252a2e,#121f30 75%);border-color:#776548}.honey-after .panel-label{background:#282b2c;border-color:#554d3d}.honey-after .panel-label>span{color:#e5cda7}.honey-after .tiny-dot{background:var(--amber)}.honey-product{display:grid;grid-template-columns:135px 1fr;gap:25px;align-items:center;margin-top:-8px;margin-bottom:22px}.honey-product h2{font-size:25px;margin-top:6px}.amber{color:var(--amber)}.jar-scene{height:185px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#c18a3022,transparent 68%)}.jar-lid{width:86px;height:18px;border-radius:5px 5px 2px 2px;background:repeating-linear-gradient(90deg,#bd9a56 0,#d0ad6c 2px,#aa8548 3px,#caa364 5px);position:relative;z-index:2;border-top:2px solid #d5bb83}.jar{width:92px;height:121px;position:relative;border-radius:12px 12px 18px 18px;background:linear-gradient(90deg,#925215,#c68624 18%,#d79e36 46%,#c78e2e 66%,#895315);border:1px solid #c38d3a;box-shadow:inset 5px 0 8px #f4cc7444,inset -5px -4px 12px #57330855}.jar-label{position:absolute;top:27px;left:5px;right:5px;padding:8px 4px 6px;background:#f2e7d0;color:#49391f;display:flex;align-items:center;flex-direction:column;box-shadow:0 2px 3px #51320833}.jar-label>span{font:600 23px Georgia,serif;letter-spacing:-1px}.jar-label small{font:5px/1.6 Arial,sans-serif;letter-spacing:1px;text-align:center;margin-top:3px}.jar-label i{font-size:16px;font-style:normal;line-height:1;margin-top:4px}.jar-shine{position:absolute;left:9px;top:9px;width:5px;height:95px;background:#ffdc9a55;border-radius:50%}.jar-shadow{position:absolute;width:105px;height:15px;bottom:15px;background:#0005;filter:blur(7px);border-radius:50%}.weights{border:0;padding:0;margin:0}.weights legend{font-size:11px;color:#d1d9e5;margin-bottom:9px;padding:0}.weight-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.weight-options label{position:relative;cursor:pointer;margin:0}.weight-options input{position:absolute;opacity:0;width:1px;height:1px}.weight-options label>span{display:flex;flex-direction:column;align-items:center;padding:10px 5px;border:1px solid #435064;border-radius:7px;font-size:12px;min-height:62px;transition:border-color .2s,background .2s}.weight-options small{font-size:9px;color:var(--muted);margin-top:3px}.weight-options input:checked+span{border-color:#d7b77e;background:#dcb67514;color:#f4d9ab}.weight-options input:checked+span small{color:#ddc7a5}.weight-options input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.honey-total-row{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.stepper{display:flex;align-items:center;border:1px solid #435064;border-radius:6px;overflow:hidden;width:118px;height:38px}.stepper button{width:38px;height:38px;background:transparent;font-size:19px;color:#e3c795;flex-shrink:0}.stepper button:hover:not(:disabled){background:#cba26322}.stepper output{width:40px;text-align:center;font-size:12px}.honey-total{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.honey-total strong{font-size:28px}.honey-cta{background:#e7c891;color:#2b251a}.honey-cta:hover{background:#f5deb7}.honey-after .price-note{margin-block:12px}.experiment[data-layout=before] [data-side=after],.experiment[data-layout=after] [data-side=before]{display:none}.experiment:not([data-layout=compare]) .comparison-grid{grid-template-columns:minmax(0,720px);justify-content:center}.experiment{animation:arrive .28s ease-out}dialog{background:#122137;color:var(--text);border:1px solid #50698c;border-radius:18px;width:min(520px,calc(100% - 32px));padding:28px;max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 24px 120px #0009}dialog::backdrop{background:#030a15bb;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.icon-button{background:transparent;width:40px;height:40px;border:1px solid #445873;border-radius:50%;font-size:24px;color:#cfdaea}dialog h2{font:600 24px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.8px}dialog .muted{margin-top:12px}#message-text{margin-top:20px;line-height:1.8;font-size:12px;resize:vertical;background:#0b1728}.skip{position:fixed;top:-100px;left:15px;background:var(--blue);color:#091322;padding:12px 18px;z-index:10;border-radius:8px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;bottom:0;width:100%;padding:20px;background:#f3d999;color:#1a1a1a;text-align:center}@keyframes arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.wrap{max-width:1240px}.hero{padding-block:76px}.panel-body{padding:32px}.panel h2{font-size:26px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.panel-body{padding:23px}.brand-row .micro{font-size:7px}.field-row{grid-template-columns:1fr}.date-row{grid-template-columns:1fr 1fr}.field-row>div+div{margin-top:2px}.hero-aside{min-width:170px}.insight-strip{gap:10px}.insight-strip p{font-size:11px}.honey-product{grid-template-columns:105px 1fr;gap:15px}.honey-product h2{font-size:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:78px}.wordmark-divider{margin-inline:10px}.wordmark{font-size:11px;letter-spacing:1.5px}.lab-name{font-size:9px;letter-spacing:1px}.portfolio-link{font-size:11px;gap:12px}.hero{padding-block:40px 38px;align-items:flex-start}.hero-aside{display:none}h1{font-size:clamp(35px,7vw,50px);letter-spacing:-1.9px;margin-top:20px}.eyebrow{font-size:8px;letter-spacing:1.3px}.hero-copy{font-size:14px;margin-top:20px}.lab-topline{align-items:flex-start;flex-direction:column;gap:7px;padding-block:18px}.sample-indicator{font-size:10px}.experiment-nav{gap:8px}.experiment-button{padding:15px 12px;gap:10px;border-radius:9px}.experiment-button>span:nth-child(2){font-size:13px}.experiment-sub{font-size:10px;margin-top:6px}.experiment-number{font-size:9px}.experiment-arrow{display:none}.workspace-bar{padding-block:21px 17px;align-items:flex-start;flex-direction:column;gap:14px}.workspace-bar>p{font-size:11px}.view-switch{align-self:stretch;justify-content:stretch}.view-switch button{flex:1;min-height:36px}.comparison-grid{grid-template-columns:1fr;gap:16px}.panel-body{padding:24px}.panel-label{padding:11px 24px}.brand-row .micro{font-size:8px}.panel h2{font-size:24px}.field-row{grid-template-columns:1fr 1fr}.date-row{margin-top:18px}.field-row select{font-size:11px;padding-inline:9px}.field-row input{font-size:12px;padding-inline:9px}.insight-strip{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding-block:18px}.insight-label{grid-column:1}.insight-strip p{grid-column:1;font-size:11px}.reset{grid-column:2;grid-row:1/3;align-self:center}.notes-grid{grid-template-columns:1fr;gap:24px}.notes-grid p{max-width:520px}.closing{padding-block:48px}.closing h2{font-size:30px;letter-spacing:-1px}footer{flex-direction:column;gap:7px;font-size:9px;padding-block:22px}.honey-product{grid-template-columns:120px 1fr;gap:20px}.honey-product h2{font-size:25px}.stepper{height:44px}.stepper button{height:44px}.view-switch button{font-size:12px}}
@media(max-width:380px){.panel-body{padding:19px}.brand-row .micro{font-size:6px}.panel h2{font-size:21px}.field-row:not(.date-row){grid-template-columns:1fr}.experiment-button{gap:7px;padding-inline:10px}.experiment-button>span:nth-child(2){font-size:12px}.honey-product{grid-template-columns:95px 1fr;gap:14px}.honey-product h2{font-size:22px}.lab-name{font-size:8px}.portfolio-link{gap:5px}}
.field-row>div{min-width:0}
@media(max-width:380px){.date-row{grid-template-columns:1fr}.date-row>div+div{margin-top:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}