/* Kerbi / Three new art directions. Native layout and native motion; no remote dependencies. */
:root{--ink:#121211;--muted:#73736f;--line:#e7e7e3;--paper:#f6f6f3;--purple:#8f78ce;--lavender:#e0d6f3;--mint:#56c595;--butter:#f4eecf;--ease:cubic-bezier(.22,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{-webkit-touch-callout:none}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button,summary{-webkit-user-select:none;user-select:none}button{border:0;background:none}img{display:block;max-width:100%}svg{width:22px;height:22px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400;letter-spacing:-.055em}p{line-height:1.6}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #9875db;outline-offset:5px}button:disabled{cursor:default}::selection{background:#d8c9f0;color:#111}.wide{width:calc(100% - 80px);max-width:1440px;margin-inline:auto}.section-wrap{width:calc(100% - 144px);max-width:1264px;margin-inline:auto}.eyebrow{display:block;font-size:10px;line-height:1.4;letter-spacing:.105em;font-weight:500}.button{display:inline-flex;min-height:48px;padding:0 23px;align-items:center;justify-content:center;gap:25px;border-radius:100px;white-space:nowrap;font-size:12px;font-weight:500;border:1px solid transparent;transition:background .2s,color .2s,transform .2s}.button svg{width:19px;height:19px}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:#33332f}.button.white{background:#fff;color:var(--ink)}.button.white:hover{background:#eee8f6}.button.quiet{background:transparent;border-color:#e6e6e2;color:var(--ink);gap:10px}.button.quiet svg{fill:currentColor;width:14px;height:14px;stroke-width:0}.button.quiet:hover{background:#f4f2f7}.button.light{color:#fff;border-color:#393937}.button.light:hover{background:#222}.button.small{min-height:42px;font-size:11px;padding-inline:20px;gap:25px}.button.round-watch{height:48px;width:48px;min-width:48px;padding:0;font-size:0;border:1px solid #ccc;gap:0}.button.round-watch svg{fill:currentColor;stroke:none;width:17px}.text-button{display:flex;align-items:center;padding:0;gap:24px;font-size:12px;line-height:1.4;min-height:42px}.text-button svg{width:18px}.text-button:hover svg{transform:translateX(4px)}.logo{font-size:37px;letter-spacing:-.075em;font-weight:700;line-height:1}.site-header{max-width:1440px;height:104px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:20}.site-header nav{display:flex;align-items:center;gap:7px;border:1px solid #ebebe7;border-radius:100px;padding:5px}.site-header nav a{font-size:11px;padding:10px 16px;border-radius:100px;transition:background .2s}.site-header nav a:first-child{background:#f4f4f1}.site-header nav a:hover{background:#ede8f4}.menu-toggle{display:none;width:42px;height:42px}.mobile-nav{padding:0 25px 20px}.mobile-nav:not([hidden]){display:flex;gap:18px;flex-wrap:wrap}.mobile-nav a{font-size:13px;min-height:42px;display:flex;align-items:center}.skip{position:absolute;top:8px;left:8px;padding:12px;background:#fff;z-index:100;transform:translateY(-150%)}.skip:focus{transform:none}.hero.centered{text-align:center;padding:54px 24px 49px}.hero.centered .eyebrow{margin-bottom:25px;font-size:9px}.hero h1{font-size:clamp(62px,6.25vw,98px);line-height:1.04;letter-spacing:-.06em}.hero.centered p{margin:23px auto 26px;color:#777771;font-size:15px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:10px}.hero.centered .hero-actions{justify-content:center}.film{min-width:0}.film-stage{background:#111110;color:#fff;position:relative;height:660px;overflow:hidden;border-radius:17px;isolation:isolate}.film-topline{position:absolute;top:30px;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.11em;color:#999993;z-index:5}.film-copy{position:absolute;left:6%;top:185px;width:35%;z-index:5;transition:opacity .35s}.film-copy .eyebrow{font-size:9px;color:#aba89c;margin-bottom:27px}.film-copy h2{font-size:clamp(42px,3.65vw,60px);line-height:1.06;letter-spacing:-.055em;margin-bottom:24px}.film-copy p{font-size:13px;line-height:1.7;color:#a3a39b;max-width:330px}.source-link{padding:0;min-height:46px;font-size:10px;color:#d4d3cb;margin-top:25px;border-bottom:1px solid #4a4942}.source-link:hover{color:#fff;border-color:#d1c0fa}.film-caption{position:absolute;left:6%;bottom:26px;color:#81817b;font-size:8px;letter-spacing:.025em;z-index:10}.device-wrap{position:absolute;top:46px;right:11%;width:354px;height:680px;perspective:1200px}.device-wrap:after{content:"";position:absolute;bottom:-2px;left:-85px;right:-85px;height:128px;pointer-events:none;background:linear-gradient(0deg,#111110 5%,#111110e8 27%,#11111000 100%);z-index:8}.device{width:354px;height:680px;background:#111110;position:relative;border-radius:45px;box-shadow:0 30px 65px #0002;transform:translateY(var(--arrival-y,0px));transition:transform .08s linear}.device:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(160deg,#777772 0%,#4b4b45 15%,#373732 40%,#252522 78%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.hardware{position:absolute;left:50%;top:17px;transform:translateX(-50%);display:flex;gap:9px;align-items:center}.speaker{display:block;width:39px;height:4px;border-radius:20px;background:#3d3d37}.lens{display:block;width:5px;height:5px;border-radius:50%;background:#30302e}.side-key{position:absolute;right:-2px;top:123px;width:2px;height:58px;background:#44443d;border-radius:3px}.device-screen{position:absolute;inset:50px 21px 22px}.screen-panel{position:absolute;inset:0 0 33px;opacity:0;visibility:hidden;transform:translateY(15px);pointer-events:none;transition:opacity .6s var(--ease),transform .7s var(--ease),visibility .6s}.screen-panel.current{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.app-header small{font-size:8px;color:#a5a59c;letter-spacing:.06em}.app-header h3{font-size:27px;letter-spacing:-.045em;font-weight:600;line-height:1.1;margin-top:4px}.period{font-size:10px;padding:9px 12px;border-radius:100px;background:#242422;color:#f1f1ec}.payout-summary{margin-bottom:22px}.confirmed{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#f1f1ed;letter-spacing:-.01em;gap:4px}.confirmed>span{display:flex;gap:7px;align-items:center}.confirmed i,.demo-status i{width:5px;height:5px;background:var(--mint);border-radius:50%;display:block}.confirmed small{color:#9a9a92;font-size:10px}.payout{font-size:44px;letter-spacing:-.055em;line-height:1.18;font-weight:600;display:block;font-variant-numeric:tabular-nums;margin-top:12px;white-space:nowrap}.payout-summary p{font-size:11px;color:#aaa99e;margin-top:7px}.subtotals{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #37372f;padding-top:14px;margin-top:19px}.subtotals>div:last-child{text-align:right}.subtotals span{display:block;font-size:8px;color:#99998f;margin-bottom:5px}.subtotals b{display:block;font-size:16px;letter-spacing:-.035em;font-weight:600;color:#ad91f0}.subtotals>div:last-child b{color:#6ccd9f}.chart-panel{background:#111110;color:#fff;padding:0;position:relative;z-index:4}.chart-head{display:flex;justify-content:space-between;font-size:10px;gap:10px;align-items:center;margin-bottom:15px}.chart-head b{font-weight:500}.chart-head>span{font-size:8px;color:#919188}.bar-chart{display:flex;align-items:stretch;gap:4px;height:144px}.month{padding:0;display:flex;flex-direction:column;align-items:stretch;flex:1;min-width:0;border-radius:0}.bar-track{position:relative;display:flex;flex:1;align-items:flex-end;overflow:visible;border-bottom:1px solid #39392f}.bar{width:100%;height:var(--height);background:#8e76cc;display:block;transform:scaleY(var(--rise,1));transform-origin:bottom;position:relative;transition:background .6s,filter .2s}.month:hover .bar{filter:brightness(1.13)}.month[aria-pressed=true] .bar{background:var(--mint)}.month[aria-pressed=true] .bar:after{content:"";position:absolute;inset:-5px;border:1px solid #c5b8de;pointer-events:none}.month:last-child .bar{background:transparent;border:1px solid #6ccda1}.month:last-child[aria-pressed=true] .bar{background:#1d4435}.month-label{display:block;color:#87877d;font-size:8px;padding-top:8px;height:22px;text-align:center}.month[aria-pressed=true] .month-label{color:#efece4}.selected-month{display:grid;grid-template-columns:1.15fr 1fr;gap:9px;margin-top:17px;padding-bottom:17px;border-bottom:1px solid #323229}.selected-month span{display:block;font-size:8px;color:#96978c;margin-bottom:7px}.selected-month strong{font-size:14px;letter-spacing:-.025em;font-weight:500;display:block;white-space:nowrap}.selected-month .comparison{text-align:right}.selected-month .comparison strong{color:#66cea1;font-size:12px;line-height:1.3;white-space:normal}.selected-month .comparison strong.neutral{color:#bab9af;font-size:10px}.phone-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:17px}.phone-metrics>div{min-width:0;border-right:1px solid #34342e}.phone-metrics>div:last-child{border:0}.phone-metrics span{color:#96968b;display:block;font-size:9px;margin-bottom:6px}.phone-metrics b{font-weight:500;display:block;font-size:19px;letter-spacing:-.04em}.projected .chart-panel{width:calc(100% + 62px);margin-left:-31px;padding:19px 19px 20px;background:#111110;border:1px solid #393933;border-radius:21px;box-shadow:0 14px 40px #0002}.projected .chart-head{font-size:11px}.app-insight{margin-top:20px;display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid #303029}.app-insight small{font-size:7px;color:#88877e;letter-spacing:.015em}.app-insight p{font-size:9px;margin-top:3px;color:#d5d3c5}.insight-dot{width:27px;height:27px;border-radius:50%;background:#33302f;display:grid;place-items:center;color:#c9b2f0}.app-nav{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:space-between;z-index:1;opacity:.6}.app-nav-item{display:flex;flex-direction:column;align-items:center;gap:5px;color:#93938a}.app-nav-item svg{width:16px;height:16px;stroke-width:1.5}.app-nav-item small{font-size:7px}.app-nav-item.chosen{color:#e8e8db}.home-indicator{position:absolute;bottom:0;left:calc(50% - 38px);height:3px;width:76px;border-radius:4px;background:#7c7c71}.device.paper{background:#efefea;box-shadow:0 30px 70px #0004}.device.paper:before{background:linear-gradient(120deg,#d0d0cb,#6c6c63 40%,#23231e 90%)}.device.paper .device-screen{color:#111}.device.paper .app-header small{color:#85857a}.device.paper .period{background:white;color:#111}.device.paper .payout-summary{background:#fff;margin:0 -5px;padding:18px 17px 21px;border-radius:23px 23px 0 0}.device.paper .confirmed{color:#141414}.device.paper .confirmed small{color:#8a8a83}.device.paper .payout{font-size:40px}.device.paper .payout-summary p{color:#83837b;font-size:10px}.device.paper .subtotals{border-color:#deded7}.device.paper .subtotals b{color:#7453b7;font-size:15px}.device.paper .subtotals>div:last-child b{color:#25815e}.device.paper .chart-panel{margin:0 -5px;width:calc(100% + 10px);padding:20px 16px 20px;border-radius:0 0 23px 23px}.device.paper .bar-chart{height:134px}.device.paper .app-insight{border-color:#d9d9d1}.device.paper .app-insight p{color:#68685f}.device.paper .app-nav{color:#888}.device.paper .app-nav-item.chosen{color:#171712}.device.paper .app-nav-item{color:#88887e}.device.paper .app-header{margin-bottom:16px}.device.paper .insight-dot{background:#e0d5f0;color:#6f5597}.device.paper .shift-top,.device.paper .shift-metrics,.device.paper .provider-total,.device.paper .trip-arrival,.device.paper .shift-footer{color:#171714}.device.paper .shift-top .confirmed{color:#777}.device.paper .trip-graph{background:#deded7}.device.paper .shift-metrics{border-color:#d2d2c9}.device.paper .shift-metrics>div{border-color:#d2d2c9}.device.paper .provider-total{border-color:#d2d2c9}.device.paper .trip-arrival{background:#fff}.device.paper .provider-total small{color:#888}.device.paper .receipt-words{color:#111}.device.paper .receipt-review{color:#666}.demo-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#95958b}.shift-top .confirmed{justify-content:flex-start}.shift-total{font-size:60px;letter-spacing:-.065em;font-weight:500;display:block;margin-top:18px;font-variant-numeric:tabular-nums;line-height:1.15}.shift-top>p{font-size:11px;margin-top:6px;color:#a1a195}.shift-top>p>span{font-size:8px}.trip-graph{display:flex;gap:7px;align-items:flex-end;background:#191917;border-radius:12px;padding:10px;margin-top:21px;height:118px}.trip-column{height:var(--height);flex:1}.trip-column i{display:block;width:100%;height:100%;background:#8e76cc;border-radius:3px 3px 0 0;transform:scaleY(var(--trip-rise,1));transform-origin:bottom;opacity:var(--trip-opacity,1);transition:background .3s}.shift-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:19px 0;border-bottom:1px solid #35352c}.shift-metrics>div{border-right:1px solid #35352c;min-width:0}.shift-metrics>div:last-child{border:0}.shift-metrics b{display:block;font-size:20px;font-weight:500;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}.shift-metrics b small{font-size:12px}.shift-metrics>div>span{display:block;font-size:9px;color:#979787;margin-top:5px}.provider-total{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #323229;font-size:12px;gap:15px}.provider-total>span{display:flex;align-items:center;gap:10px}.provider-total img{width:24px;height:24px;border-radius:7px}.provider-total small{font-size:8px;color:#8f8f81}.provider-total>b{font-size:15px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:500}.trip-arrival{background:#22251f;border-radius:12px;margin-top:16px;padding:13px 10px;font-size:9px;display:flex;align-items:center;gap:8px}.trip-arrival>b{margin-left:auto;font-size:12px;color:#6ed19d}.record-icon{color:#75cba3;display:flex}.record-icon svg{width:17px;height:17px}.shift-footer{font-size:9px;color:#8c8c7c;padding-top:17px}.receipt-scan{position:relative;margin-top:28px;overflow:hidden;border-radius:14px;background:#fff}.receipt-scan>img{width:100%}.scan-line{position:absolute;left:9%;right:9%;height:1px;top:calc(var(--scan, .65)*100%);background:#8b62cf;box-shadow:0 2px 13px #956adb99;opacity:var(--scan-opacity,0)}.receipt-words{padding-top:21px}.receipt-words>span{font-size:10px;color:#a59bba}.receipt-words h4{font-size:32px;line-height:1.08;margin-top:8px}.receipt-results{border-radius:13px;overflow:hidden;margin-top:18px;opacity:var(--receipt-found,1);transform:translateY(calc((1 - var(--receipt-found,1))*12px));max-height:143px}.receipt-results img{width:100%;object-fit:cover;object-position:top}.receipt-review{display:flex;align-items:center;gap:8px;font-size:9px;margin-top:18px;color:#aaa99a;opacity:var(--receipt-found,1)}.receipt-review>span{color:var(--mint);display:flex}.receipt-review svg{width:15px;height:15px}.film-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:0 17px}.chapter-tabs{display:flex;align-items:stretch;gap:22px}.chapter-tabs button{display:flex;align-items:center;gap:15px;font-size:11px;color:#8f8f87;border-bottom:1px solid transparent;padding:24px 14px 24px 0;min-height:72px;position:relative;transition:color .2s}.chapter-tabs button>span{font-size:8px;color:#a3a39c}.chapter-tabs button[aria-selected=true]{color:#111;border-bottom-color:#111}.chapter-tabs button[aria-selected=true]>span{color:#6c4fab}.chapter-tabs button:hover{color:#111}.transport{display:flex;align-items:center;gap:13px}.transport button{width:36px;height:40px;display:grid;place-items:center;padding:0;color:#77776d;border-radius:50%}.transport button:hover{color:#111;background:#f4f3ef}.transport svg{width:15px;height:15px}.transport input{-webkit-appearance:none;appearance:none;width:72px;height:1px;background:linear-gradient(90deg,#8d72c6 calc(var(--progress,0)*100%),#d5d5cf calc(var(--progress,0)*100%));outline-offset:7px;cursor:pointer}.transport input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;background:#444;border-radius:50%}.transport input::-moz-range-thumb{width:7px;height:7px;background:#444;border:0;border-radius:50%}.internal{color:#fff;background:#111110;border:0;border-radius:0 0 17px 17px;padding-inline:30px}.internal .chapter-tabs{gap:17px}.internal .chapter-tabs button{font-size:10px;min-height:69px;padding-block:19px;padding-right:0;color:#8c8c80;gap:9px}.internal .chapter-tabs button[aria-selected=true]{color:#fff;border-bottom-color:#b49edc}.internal .chapter-tabs button[aria-selected=true]>span{color:#c5b4e9}.internal .transport{gap:4px}.internal .transport button{color:#a29f94}.internal .transport button:hover{background:#2d2b27;color:#fff}.internal .transport input{background:linear-gradient(90deg,#aa8edb calc(var(--progress,0)*100%),#49483e calc(var(--progress,0)*100%));width:40px}.internal .transport input::-webkit-slider-thumb{background:#ada598}.internal .transport input::-moz-range-thumb{background:#ada598}.together{text-align:center;padding-block:112px 70px}.together>.eyebrow{color:#88887f;font-size:9px;margin-bottom:23px}.together>h2{font-size:48px;line-height:1.08}.connect-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:33px 0;gap:55px;margin-top:56px;text-align:left}.connection-copy .eyebrow{font-size:8px;color:#88887f}.connection-copy>p{font-size:18px;line-height:1.32;letter-spacing:-.03em;margin-top:12px}.app-connections{display:flex;align-items:center;gap:45px}.connection{position:relative;text-align:center}.connection>span{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;overflow:hidden;margin-inline:auto;margin-bottom:8px}.connection>span img{width:100%;height:100%;object-fit:cover}.connection>b{font-weight:400;display:block;font-size:10px}.connection>small{display:flex;align-items:center;gap:3px;margin-top:8px;font-size:8px;color:#99988d}.connection>small svg{width:9px;height:9px;color:#569c7f}.connection-arrow svg{width:50px;stroke:#c1c1b7}.connection-destination{font-size:36px;font-weight:700;letter-spacing:-.085em;padding-left:8px}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature{position:relative;min-width:0;min-height:565px;overflow:hidden;border-radius:17px;background:#f3f3ee}.feature-copy{position:relative;z-index:4;padding:36px 39px 0}.feature-copy>.eyebrow{font-size:8px;color:#686163;margin-bottom:18px}.feature-copy h3{font-size:37px;line-height:1.05;margin-bottom:15px}.feature-copy>p{font-size:12px;line-height:1.65;max-width:250px;color:#6f6972}.feature-copy .text-button{margin-top:16px;font-size:10px}.pulse-feature{background:#e1d8f2}.pulse-art{position:absolute;width:100%;height:300px;bottom:0;left:0}.map-paper{position:absolute;right:7%;top:-98px;width:210px;transform:rotate(8deg);box-shadow:0 18px 60px #67577e2a;border:7px solid #f6f6ee;border-radius:30px;overflow:hidden}.map-paper .original{width:100%}.map-paper img{width:100%}.map-caption{position:absolute;bottom:30px;left:39px;font-size:7px;letter-spacing:.03em;color:#685b7f;display:flex;align-items:center;gap:7px}.map-caption i{height:5px;width:5px;border-radius:50%;background:#6f598e}.original{position:relative;display:block;padding:0;overflow:hidden;background:none;border-radius:inherit}.enlarge{position:absolute;right:10px;bottom:10px;width:27px;height:27px;background:#111d;color:#fff;border:1px solid #fff3;border-radius:50%;display:grid;place-items:center;opacity:0;font-size:16px;transition:opacity .2s}.original:hover .enlarge,.original:focus-visible .enlarge{opacity:1}.receipt-feature{background:#f3f0dc}.receipt-art-scene{position:absolute;width:100%;height:280px;bottom:0;left:0}.receipt-slip{background:white;width:237px;position:absolute;right:18%;top:12px;padding:22px 20px 28px;transform:rotate(-8deg);box-shadow:0 12px 28px #4039140d;clip-path:polygon(0 0,100% 0,100% 97%,96% 100%,92% 97%,88% 100%,84% 97%,80% 100%,76% 97%,72% 100%,68% 97%,64% 100%,60% 97%,56% 100%,52% 97%,48% 100%,44% 97%,40% 100%,36% 97%,32% 100%,28% 97%,24% 100%,20% 97%,16% 100%,12% 97%,8% 100%,4% 97%,0 100%);color:#111}.slip-kicker{font-size:7px;letter-spacing:.05em;display:block;color:#818170}.receipt-slip>strong{font-weight:500;font-size:21px;letter-spacing:-.05em;display:block;margin-top:18px}.receipt-dash{display:block;border-top:1px dashed #cecec6;margin:15px 0}.receipt-slip>div{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:9px}.receipt-slip>div svg{width:11px;height:11px;color:#588f72}.receipt-barcode{display:block;width:100%;height:20px;background:repeating-linear-gradient(90deg,#111 0 1px,transparent 1px 3px,#111 3px 4px,transparent 4px 7px,#111 7px 10px,transparent 10px 12px);opacity:.55;margin-top:20px}.receipt-slip>small{font-size:6px;display:block;margin-top:8px;letter-spacing:.01em}.receipt-hands{position:absolute;width:225px;left:1%;bottom:-40px;mix-blend-mode:multiply;transform:rotate(-8deg)}.decision-feature{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding:103px 0}.decision-copy>.eyebrow{color:#8a8a80;font-size:9px;margin-bottom:22px}.decision-copy h2{font-size:46px;line-height:1.1;margin-bottom:23px}.decision-copy>p{font-size:13px;color:#83837b;max-width:370px}.decision-copy .button{margin-top:28px}.offer-stage{position:relative;background:#f2f2ee;border-radius:17px;height:460px;overflow:hidden;padding:60px 40px}.offer-stage>.original{width:318px;margin:auto;border-radius:25px;box-shadow:0 20px 35px #2221;transform:rotate(-4deg)}.offer-label{position:absolute;top:23px;left:28px;font-size:7px;color:#8b8b7f;letter-spacing:.065em}.offer-footer{display:flex;position:absolute;bottom:27px;left:30px;right:30px;gap:22px;font-size:9px;color:#77776c}.offer-footer>span{border-bottom:1px solid #c9c9bf;padding-bottom:7px;flex:1}.closing{background:#f4f4f0;border-radius:17px;min-height:365px;position:relative;overflow:hidden;padding:55px 57px;display:flex;align-items:center;margin-bottom:90px}.closing>.eyebrow,.closing>div>.eyebrow{font-size:8px;color:#87877c;margin-bottom:24px}.closing h2{font-size:65px;line-height:1.03;max-width:780px}.closing p{font-size:12px;line-height:1.6;color:#818175;max-width:400px;margin-top:20px}.closing .button{margin-top:26px}.closing .button svg{fill:currentColor;stroke:none;width:13px;height:13px}.closing-mascot{position:absolute;right:0;bottom:-6px;width:182px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:0 0 95px}.faq>.eyebrow,.faq>div>.eyebrow{font-size:9px;color:#8c8c80;margin-bottom:24px}.faq h2{font-size:43px;line-height:1.08}.questions details{border-top:1px solid #dfdfd7}.questions details:last-child{border-bottom:1px solid #dfdfd7}.questions summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:13px;gap:15px;cursor:pointer;min-height:67px;line-height:1.4}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:19px;font-weight:300;color:#8c8c80}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:12px;color:#7a7a6e;padding:0 35px 22px 0;line-height:1.7}.footer{max-width:1440px;margin:auto;padding:38px 40px;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line)}.footer .logo{font-size:41px;margin-right:20px}.footer>span{font-size:10px;color:#99998b;margin-right:auto}.footer>a:last-child{font-size:10px;color:#77776a}.motion-toggle{font-size:10px;color:#88887b;display:flex;align-items:center;gap:7px;min-height:40px}.motion-toggle b{font-weight:400;color:#111}.prototype-note{font-size:8px;color:#9b9b92;padding:0 40px 20px;max-width:1440px;margin:auto}.offset{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-top:62px;padding-bottom:55px}.offset .eyebrow{font-size:9px;color:#88847c;margin-bottom:27px}.offset h1{font-size:clamp(57px,6.3vw,96px);line-height:1.06}.purple-underline{position:relative;isolation:isolate;white-space:nowrap}.purple-underline:after{content:"";position:absolute;left:0;right:-6px;bottom:1px;height:21%;background:#ded1f3;z-index:-1;border-radius:50% 15% 20% 10%}.hero-side{flex-shrink:0;padding-bottom:8px}.hero-side>p{font-size:15px;line-height:1.65;color:#7a786f;margin-bottom:24px}.split-opening{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:23px}.card-film{min-width:0}.card-film .film-stage{height:585px;border-radius:17px 17px 0 0}.card-film .film-topline{left:28px;right:28px;font-size:7px}.card-film .device-wrap{top:74px;right:7%;transform:rotate(3deg) scale(.9);transform-origin:top center}.film-small-label{position:absolute;left:30px;top:97px;z-index:5;width:175px}.film-small-label .eyebrow{font-size:7px;color:#a49f94;letter-spacing:.07em;margin-bottom:15px}.small-film-title{display:block;font-size:28px;line-height:1.08;letter-spacing:-.055em;color:#eeede3}.card-film .film-caption{left:30px;font-size:7px;bottom:24px}.frame-footer{position:absolute;left:30px;top:275px;max-width:125px;color:#999588;font-size:10px;line-height:1.6}.card-film .chapter-tabs{gap:15px}.card-film .transport input{display:none}.card-film .transport{gap:0}.wildcard-aside{position:relative;border-radius:17px;background:#ddd1f4;overflow:hidden;min-height:650px;display:flex;flex-direction:column}.aside-head{padding:39px 35px;z-index:3}.aside-head>.eyebrow{font-size:7px;color:#70607f;margin-bottom:24px}.aside-head h2{font-size:39px;line-height:1.03;margin-bottom:18px}.aside-head p{font-size:12px;color:#82718d}.aside-receipt{position:absolute;inset:260px 0 58px}.receipt-ticket{position:absolute;left:50%;top:20px;background:#fffefa;padding:30px 24px;transform:translateX(-50%) rotate(8deg);width:238px;box-shadow:0 13px 28px #38284e11;min-height:236px;border-radius:2px}.receipt-ticket>span{display:block;font-size:8px;color:#9c9384;margin-bottom:21px;letter-spacing:.04em}.receipt-ticket>b{font-size:21px;letter-spacing:-.04em;font-weight:500;display:block}.ticket-lines{margin:18px 0 15px;display:flex;flex-direction:column;gap:10px}.ticket-lines>i{height:1px;background:#e2ddd2;width:100%}.ticket-lines>i:last-child{width:70%}.receipt-ticket>small{font-size:9px;color:#908679}.aside-hands{position:absolute;left:-4%;bottom:-11px;width:93%;mix-blend-mode:multiply;transform:rotate(-6deg)}.aside-action{padding:24px 34px;margin-top:auto;z-index:3;background:#ddd1f4;display:flex;justify-content:space-between;border-top:1px solid #c8b9de;font-size:10px;align-items:center}.aside-action svg{width:17px;height:17px}.statement{text-align:center;padding-top:108px;padding-bottom:73px}.statement>.eyebrow{color:#999387;font-size:9px;margin-bottom:24px}.statement h2{font-size:53px;line-height:1.09}.statement h2>span{color:#8c6cbc}.workday{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}.workday-copy>.eyebrow{font-size:9px;color:#928b7e;margin-bottom:22px}.workday-copy h2{font-size:43px;line-height:1.1;margin-bottom:21px}.workday-copy>p{font-size:13px;color:#858076;max-width:360px}.workday-points{display:flex;flex-direction:column;margin:25px 0 28px}.workday-points>span{display:flex;align-items:center;border-top:1px solid #e5e2dc;gap:20px;min-height:53px;font-size:8px;color:#9c9484}.workday-points b{font-size:12px;font-weight:400;color:#55544a}.shift-desk{height:523px;background:#f3f3ee;border-radius:17px;position:relative;overflow:hidden}.desk-caption{position:absolute;top:29px;left:31px;font-size:8px;color:#929285;letter-spacing:.03em}.shift-desk>.original{position:absolute;top:85px;width:291px;left:50%;transform:translateX(-50%) rotate(-4deg);border-radius:24px;box-shadow:0 20px 40px #0001}.desk-tab{position:absolute;bottom:35px;right:16%;background:#cab6e9;padding:14px 17px;display:flex;gap:29px;align-items:center;border-radius:5px;transform:rotate(4deg);font-size:12px;box-shadow:0 5px 20px #0001}.desk-tab svg{width:16px;height:16px}.character .connect-strip{margin-top:75px}.second-pair{padding:72px 0 85px}.compact-decision{padding:0;background:#f3f2e9;border-radius:17px;display:block;min-height:565px;position:relative;overflow:hidden}.compact-decision .decision-copy{padding:35px 38px}.compact-decision .decision-copy h2{font-size:34px;line-height:1.08}.compact-decision .decision-copy>p{font-size:12px;max-width:285px}.compact-decision .decision-copy .button{display:none}.compact-decision .offer-stage{position:absolute;left:0;right:0;bottom:-13px;height:300px;background:none;padding:15px 30px;overflow:visible}.compact-decision .offer-stage .original{width:255px;transform:rotate(-5deg);margin-right:0}.compact-decision .offer-label,.compact-decision .offer-footer{display:none}.lavender-closing{background:#dfd3f3;margin-bottom:85px;padding:66px 75px}.lavender-closing h2{font-size:80px}.lavender-closing .closing-mascot{width:190px}.lavender-closing>div>.eyebrow{color:#8a769e}.lavender-closing p{color:#88739b}.on-dark{background:#111110;color:#fff}.after-hours{background:linear-gradient(#111110 0 910px,#fff 910px)}.after-hours .site-header{height:99px}.on-dark nav{border-color:#3a3a34}.on-dark nav a:first-child{background:#292925}.on-dark nav a:hover{background:#35312e}.after-hours .mobile-nav{background:#111110;color:#fff}.night-opening{background:#111110;position:relative;min-height:790px;max-width:1600px;margin:auto;padding:90px 70px 130px;color:#fff;overflow:hidden}.night-intro{position:relative;z-index:7;width:47%;padding-top:1px}.night-intro>.eyebrow{font-size:8px;color:#bab5a2;margin-bottom:27px}.night-intro h1{font-size:clamp(74px,7.4vw,112px);line-height:1;letter-spacing:-.06em}.night-intro h1>span{color:#c5adeb}.night-intro>p{color:#a6a396;font-size:13px;line-height:1.8;margin:27px 0 29px}.night-intro .button{font-size:11px;gap:19px}.night-caption{font-size:8px;color:#858274;display:flex;align-items:center;gap:7px;letter-spacing:.05em;margin-top:55px}.night-caption i{width:6px;height:6px;background:#a089c9;border-radius:50%}.night-film{position:absolute;right:3%;top:10px;width:50%;z-index:5}.night-film .film-stage{height:655px;overflow:hidden;border-radius:0}.night-film .film-topline{left:auto;right:35px;top:31px;font-size:7px}.night-film .film-topline>span:first-child{display:none}.night-film .film-topline .film-counter{color:#85826f}.night-film .device-wrap{right:calc(50% - 179px);top:30px;transform:rotate(5deg)}.night-film .film-small-label{display:none}.night-film .frame-footer{display:none}.night-film .film-caption{left:45px;bottom:12px;font-size:7px}.night-film .film-controls{padding-inline:38px;gap:10px;border-radius:0}.night-film .chapter-tabs{gap:15px}.night-film .chapter-tabs button{font-size:9px;gap:8px}.night-film .transport input{display:none}.night-baseline{position:absolute;bottom:0;left:70px;right:70px;min-height:86px;border-top:1px solid #36362d;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a39f8c;font-size:8px;letter-spacing:.095em}.night-baseline>span{display:flex;align-items:center;gap:15px}.night-baseline>span:before{content:"";width:4px;height:4px;border-radius:50%;background:#6d6656}.day-section{padding-top:99px}.day-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:20px 100px;align-items:end;padding-bottom:53px}.day-heading>.eyebrow{grid-column:1/-1;color:#8f8b7b;font-size:8px}.day-heading h2{font-size:54px;line-height:1.06}.day-heading p{font-size:13px;color:#928d7d;max-width:325px}.day-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.after-hours .pulse-feature{background:#e9e8e0}.after-hours .receipt-feature{background:#f0e6b5}.after-hours .map-paper{transform:rotate(-7deg);right:11%}.night-decision .decision-feature{padding:80px 0}.night-decision .offer-stage{background:#e3d8f4}.chapter-note{display:grid;grid-template-columns:72px 1.1fr 1fr;gap:45px;align-items:center;background:#ded3f1;border-radius:17px;padding:53px 63px}.chapter-mark{font-size:81px;line-height:1;align-self:start;color:#9f80c9}.chapter-note .eyebrow{font-size:8px;color:#8f79a3;margin-bottom:17px}.chapter-note h2{font-size:47px;line-height:1.1}.chapter-note p{font-size:12px;color:#7a668e;max-width:335px}.chapter-note .button{margin-top:22px;min-height:43px;font-size:11px;gap:15px}.after-hours .connect-strip{margin-top:75px}.after-hours .closing{background:white;margin-top:50px;padding-left:0;padding-right:0;margin-bottom:75px}.after-hours .closing-mascot{width:156px}.after-hours .closing h2{font-size:76px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.viewer-close{width:40px;height:40px;font-size:27px;background:#efefea;border-radius:50%;display:grid;place-items:center;padding:0;line-height:1;color:#555}#viewer{border:0;border-radius:18px;padding:0;max-width:min(950px,94vw);max-height:91vh;background:#f9f9f5;box-shadow:0 30px 110px #0007;color:#111;overscroll-behavior:contain;width:900px}#viewer::backdrop{background:#101010c9;backdrop-filter:blur(7px)}.viewer-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:20px 27px;background:#f9f9f5;border-bottom:1px solid #e4e4dc;gap:20px}.viewer-header .eyebrow{font-size:8px;color:#88877b;margin-bottom:8px}.viewer-header h2{font-size:22px;line-height:1.2}.viewer-content{background:#e7e7e1;min-height:200px;display:flex;justify-content:center;align-items:center;padding:24px;max-height:calc(91vh - 147px);overflow:auto}.viewer-content img{max-height:calc(91vh - 196px);width:auto;max-width:100%;object-fit:contain}.viewer-content video{max-height:calc(91vh - 196px);width:100%;display:block;background:#111}.viewer-note{font-size:9px;line-height:1.6;color:#858476;padding:15px 27px;background:#f9f9f5}.is-viewer-open{overflow:hidden}
@media(min-width:1600px){.hero.centered{padding-top:66px;padding-bottom:59px}.film-copy{top:193px}.film-stage{height:690px}.device-wrap{right:13%;top:55px}.night-opening{padding-left:105px;padding-right:105px}.night-baseline{left:105px;right:105px}.night-film .device-wrap{right:calc(50% - 179px);top:30px}}
@media(max-width:1180px){.section-wrap{width:calc(100% - 96px)}.wide{width:calc(100% - 64px)}.site-header{padding-inline:34px}.hero.centered{padding-top:43px}.hero h1{font-size:78px}.film-stage{height:627px}.film-copy{left:5%;width:35%;top:170px}.film-copy h2{font-size:46px}.film-copy p{font-size:12px}.film-copy .eyebrow{font-size:8px}.device-wrap{right:7%;top:50px;transform:scale(.92);transform-origin:top right}.film-topline{left:36px;right:36px}.film-controls{padding-inline:8px}.chapter-tabs{gap:15px}.chapter-tabs button{font-size:10px;padding-right:7px}.together{padding-top:88px}.together>h2{font-size:43px}.app-connections{gap:29px}.connect-strip{gap:30px}.feature-copy{padding:31px 29px 0}.feature-copy h3{font-size:33px}.feature-copy p{max-width:240px}.map-paper{width:180px;right:7%;top:-53px}.feature{min-height:560px}.map-caption{left:29px;font-size:6px}.receipt-hands{width:190px}.receipt-slip{width:212px;right:12%;top:28px}.decision-feature{gap:54px}.decision-copy h2{font-size:39px}.offer-stage{height:424px;padding:57px 22px}.offer-stage>.original{width:290px}.closing h2{font-size:60px}.faq{gap:60px}.offset h1{font-size:75px}.hero-side>p{font-size:13px}.split-opening{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px}.card-film .device-wrap{right:2%;transform:rotate(3deg) scale(.83);top:93px}.film-small-label{width:125px;left:25px;top:92px}.small-film-title{font-size:24px}.frame-footer{left:25px;max-width:104px;font-size:9px;top:241px}.card-film .film-stage{height:572px}.card-film .internal{padding-inline:20px}.card-film .chapter-tabs{gap:14px}.card-film .chapter-tabs button{font-size:8px;gap:6px;min-height:68px}.card-film .transport button{width:28px}.aside-head{padding:33px 28px}.aside-head h2{font-size:35px}.wildcard-aside{min-height:640px}.aside-receipt{inset:260px 0 58px}.receipt-ticket{width:207px;padding:26px 19px;min-height:215px}.receipt-ticket>b{font-size:19px}.aside-action{padding-inline:28px}.workday{gap:55px}.workday-copy h2{font-size:39px}.compact-decision .decision-copy{padding:30px}.compact-decision .decision-copy h2{font-size:31px}.compact-decision .offer-stage .original{width:230px}.lavender-closing{padding:52px 55px}.lavender-closing h2{font-size:66px}.night-opening{padding:75px 48px 126px;min-height:742px}.night-intro h1{font-size:87px}.night-intro .button{padding-inline:17px;gap:10px}.night-intro>p{font-size:12px}.night-film{right:2%;top:0;width:51%}.night-film .film-stage{height:621px}.night-film .device-wrap{right:calc(50% - 160px);top:53px;transform:rotate(5deg) scale(.91);transform-origin:top center}.night-film .film-controls{padding-inline:25px}.night-film .chapter-tabs{gap:12px}.night-film .chapter-tabs button{font-size:8px;gap:5px}.night-film .transport{gap:0}.night-film .transport button{width:29px}.night-baseline{left:48px;right:48px;font-size:7px}.day-heading{gap:20px 65px}.day-heading h2{font-size:48px}.chapter-note{grid-template-columns:55px 1fr 1fr;padding:44px;gap:30px}.chapter-mark{font-size:64px}.chapter-note h2{font-size:39px}.chapter-note p{font-size:11px}.after-hours .closing h2{font-size:65px}}
@media(max-width:960px){.site-header nav{gap:0}.site-header nav a{padding-inline:12px}.hero h1{font-size:70px}.hero.centered p{font-size:14px}.hero.centered{padding-top:37px;padding-bottom:43px}.film-stage{height:587px}.film-copy{top:165px;left:5.5%;width:34%}.film-copy h2{font-size:39px}.film-copy p{font-size:11px}.film-copy .eyebrow{font-size:7px;margin-bottom:21px}.film-copy .source-link{font-size:9px;margin-top:16px}.device-wrap{right:5%;top:57px;transform:scale(.83)}.film-controls{gap:8px}.transport{gap:5px}.transport input{width:40px}.chapter-tabs{gap:17px}.chapter-tabs button{font-size:9px;gap:10px}.chapter-tabs button>span{font-size:7px}.connect-strip{gap:23px}.app-connections{gap:22px}.connection-destination{font-size:28px}.connection-arrow svg{width:29px}.connection-copy p{font-size:16px}.connection-copy .eyebrow{font-size:7px}.together>h2{font-size:37px}.together>.eyebrow{font-size:8px}.feature-copy h3{font-size:31px}.feature-copy p{font-size:11px;max-width:230px}.feature-copy{padding:30px 27px 0}.map-paper{width:181px;right:6%;top:-28px}.map-caption{left:25px;font-size:6px;bottom:24px}.receipt-hands{width:150px;bottom:-17px}.receipt-slip{right:9%;width:210px;top:34px}.feature-pair{gap:20px}.decision-feature{gap:38px;padding-block:80px}.decision-copy h2{font-size:33px}.decision-copy p{font-size:11px}.offer-stage{height:370px;padding-top:54px;padding-inline:20px}.offer-stage>.original{width:247px}.offer-label{font-size:6px;left:24px}.offer-footer{font-size:8px;left:25px;right:25px;gap:12px;bottom:22px}.closing{padding:46px 43px}.closing h2{font-size:52px}.closing-mascot{width:141px}.closing p{max-width:340px;font-size:11px}.faq{gap:45px}.faq h2{font-size:35px}.questions summary{font-size:11px;min-height:62px}.questions details p{font-size:11px}.offset{display:block;padding-top:43px;padding-bottom:35px}.offset h1{font-size:71px}.hero-side{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:29px}.hero-side>p{margin:0}.split-opening{grid-template-columns:1.45fr 1fr}.film-small-label{top:68px;left:25px;width:auto}.small-film-title{font-size:27px}.card-film .film-stage{height:626px}.card-film .film-small-label .eyebrow{margin-bottom:9px}.card-film .device-wrap{right:calc(50% - 139px);top:184px;transform:rotate(3deg) scale(.74);transform-origin:top center}.frame-footer{display:none}.card-film .film-caption{font-size:6px;bottom:19px;left:24px}.card-film .chapter-tabs{gap:12px;flex:1}.card-film .chapter-tabs button{font-size:8px;gap:3px;flex-direction:column;align-items:flex-start;justify-content:center;min-height:64px;padding:7px 0;flex:1;white-space:nowrap}.card-film .transport button{width:26px}.card-film .internal{padding-inline:18px;gap:0}.aside-head{padding:34px 25px}.aside-head>.eyebrow{font-size:6px}.aside-head h2{font-size:32px}.aside-head p{font-size:11px}.wildcard-aside{min-height:690px}.aside-receipt{inset:280px 0 64px}.aside-hands{bottom:12px;width:110%;left:-10%;max-width:none}.receipt-ticket{width:196px;transform:translateX(-50%) rotate(7deg);left:52%}.aside-action{padding:24px 22px;font-size:9px}.statement h2{font-size:43px}.statement{padding-top:82px;padding-bottom:53px}.workday{gap:35px}.workday-copy h2{font-size:32px}.workday-copy p{font-size:11px}.workday-copy>.eyebrow{font-size:8px}.shift-desk{height:475px}.shift-desk>.original{width:246px;top:85px}.workday-points{margin:20px 0}.workday-points>span{min-height:46px}.workday-points b{font-size:10px}.desk-tab{bottom:28px;font-size:10px;gap:20px;right:12%}.compact-decision .decision-copy h2{font-size:28px}.compact-decision .decision-copy p{font-size:11px}.compact-decision .offer-stage .original{width:223px}.lavender-closing h2{font-size:57px}.lavender-closing .closing-mascot{width:153px}.night-opening{padding:78px 40px 115px;min-height:713px}.night-intro{width:46%}.night-intro h1{font-size:73px}.night-intro>.eyebrow{font-size:7px}.night-intro>p{font-size:11px}.night-intro .hero-actions{gap:6px}.night-intro .button{font-size:9px;min-height:44px;padding-inline:14px;gap:10px}.night-intro .button svg{width:14px}.night-film .film-stage{height:599px}.night-film .device-wrap{top:64px;transform:rotate(5deg) scale(.81);right:calc(50% - 155px)}.night-film .film-caption{font-size:6px;left:25px}.night-film .film-controls{padding-inline:18px;gap:0}.night-film .chapter-tabs{gap:15px;flex:1}.night-film .chapter-tabs button{font-size:8px;gap:4px;flex-direction:column;align-items:flex-start;padding:12px 0;min-height:58px}.night-film .transport button{width:27px}.night-baseline{left:40px;right:40px;min-height:80px;font-size:6px}.night-caption{font-size:6px}.day-heading{gap:20px 40px}.day-heading h2{font-size:42px}.day-heading p{font-size:11px}.chapter-note{grid-template-columns:35px 1fr 1fr;padding:37px 35px;gap:25px}.chapter-mark{font-size:45px}.chapter-note h2{font-size:35px}.chapter-note .eyebrow{font-size:7px}.chapter-note p{font-size:10px}.chapter-note .button{font-size:10px;gap:10px;padding-inline:16px}.after-hours .closing h2{font-size:60px}}
@media(max-width:740px){html{scroll-padding-top:15px}.wide{width:calc(100% - 32px)}.section-wrap{width:calc(100% - 44px)}.site-header{height:84px;padding-inline:24px;gap:14px}.site-header .logo{font-size:33px}.site-header nav{display:none}.site-header .button{margin-left:auto;min-height:38px;font-size:10px;padding-inline:17px;gap:20px}.menu-toggle{display:grid;place-items:center;font-size:19px;width:28px}.hero.centered{padding:33px 22px 37px}.hero.centered .eyebrow{font-size:7px;margin-bottom:23px;letter-spacing:.075em}.hero h1{font-size:clamp(41px,8.25vw,59px);line-height:1.07;letter-spacing:-.055em}.hero.centered p{font-size:12px;max-width:400px;margin:19px auto 23px}.hero.centered p br{display:none}.button{min-height:44px;font-size:11px;padding-inline:20px;gap:20px}.button.quiet{gap:8px}.film-stage{height:777px;border-radius:14px}.film-topline{top:24px;left:27px;right:27px;font-size:6px}.film-copy{top:66px;left:28px;right:28px;width:auto}.film-copy .eyebrow{font-size:7px;margin-bottom:15px}.film-copy h2{font-size:40px;line-height:1.05;margin-bottom:15px}.film-copy p{font-size:11px;max-width:310px}.film-copy .source-link{font-size:9px;min-height:33px;margin-top:11px}.device-wrap{top:327px;right:calc(50% - 160px);transform:scale(.8);transform-origin:top center}.studio-film .device-wrap{top:327px}.film-caption{left:27px;font-size:6px;bottom:18px}.film-controls{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;padding:0 4px 12px}.chapter-tabs{gap:18px;flex:1;justify-content:flex-start}.chapter-tabs button{font-size:9px;gap:8px;min-height:59px;padding:17px 0;white-space:nowrap}.chapter-tabs button>span{font-size:6px}.transport{gap:0}.transport button{width:28px}.transport input{display:none}.film-controls:not(.internal) .transport{padding-top:1px;margin-left:15px}.together{padding:66px 0 39px}.together>h2{font-size:33px;line-height:1.1}.together>.eyebrow{font-size:7px;margin-bottom:18px}.connect-strip{display:block;padding:25px 0;margin-top:31px}.connection-copy{display:flex;align-items:center;justify-content:space-between;gap:30px}.connection-copy .eyebrow{font-size:7px;max-width:118px;line-height:1.6}.connection-copy p{font-size:15px;margin:0;text-align:right}.app-connections{justify-content:space-between;gap:10px;padding-top:25px}.connection>span{width:35px;height:35px}.connection>b{font-size:9px}.connection>small{font-size:7px;margin-top:6px}.connection-arrow svg{width:30px}.connection-destination{font-size:28px}.feature-pair{grid-template-columns:1fr;gap:20px}.feature{min-height:515px;border-radius:14px}.feature-copy{padding:30px 30px 0}.feature-copy>.eyebrow{font-size:7px;margin-bottom:17px}.feature-copy h3{font-size:35px;line-height:1.04}.feature-copy p{font-size:11px;max-width:245px}.feature-copy .text-button{margin-top:9px;font-size:10px}.map-paper{width:184px;top:-15px;right:11%;transform:rotate(8deg)}.pulse-art{height:240px}.map-caption{left:30px;font-size:6px}.receipt-art-scene{height:244px}.receipt-slip{top:3px;right:14%;width:214px}.receipt-hands{width:195px;bottom:-49px;left:-1%}.decision-feature{grid-template-columns:1fr;gap:35px;padding-block:68px}.decision-copy>.eyebrow{font-size:8px;margin-bottom:19px}.decision-copy h2{font-size:37px;line-height:1.06;margin-bottom:18px}.decision-copy>p{font-size:12px;max-width:375px}.decision-copy .button{margin-top:22px}.offer-stage{height:389px;padding-top:54px}.offer-stage>.original{width:276px}.offer-footer{bottom:25px}.closing{padding:39px 30px;min-height:386px;margin-bottom:64px;align-items:flex-start}.closing>div>.eyebrow{font-size:7px;margin-bottom:20px}.closing h2{font-size:43px;line-height:1.08}.closing p{font-size:11px;max-width:240px;margin-top:17px}.closing .button{margin-top:23px;font-size:10px;padding-inline:18px;gap:12px;min-height:42px}.closing-mascot{width:102px;bottom:-5px}.faq{grid-template-columns:1fr;gap:30px;padding-bottom:58px}.faq h2{font-size:36px}.faq>div>.eyebrow{font-size:8px;margin-bottom:18px}.questions summary{font-size:12px;min-height:62px}.questions details p{font-size:11px}.footer{padding:26px 24px;gap:12px;flex-wrap:wrap}.footer .logo{font-size:35px;margin-right:auto}.footer>span{display:none}.footer>a:last-child{font-size:9px;margin-left:10px}.motion-toggle{font-size:9px}.prototype-note{padding:0 24px 22px;font-size:7px;line-height:1.7}.offset{padding-top:32px;padding-bottom:33px}.offset>.eyebrow,.offset>div>.eyebrow{font-size:7px;margin-bottom:21px}.offset h1{font-size:clamp(41px,8.5vw,62px);line-height:1.1}.hero-side{gap:20px;margin-top:26px}.hero-side>p{font-size:11px;max-width:170px}.hero-side .button{font-size:10px;padding-inline:16px;gap:13px}.hero-side .round-watch{display:none}.split-opening{grid-template-columns:1fr;gap:17px}.card-film .film-stage{height:694px}.card-film .film-small-label{top:65px;left:28px}.card-film .small-film-title{font-size:36px}.card-film .film-topline{top:25px;left:27px;right:27px;font-size:6px}.card-film .film-small-label .eyebrow{margin-bottom:17px}.card-film .device-wrap{top:214px;right:calc(50% - 163px);transform:rotate(3deg) scale(.8)}.card-film .film-caption{font-size:6px;left:27px;bottom:14px}.card-film .internal{padding:0 21px;min-height:68px;border-radius:0 0 14px 14px}.card-film .chapter-tabs{gap:16px;flex:1}.card-film .chapter-tabs button{font-size:9px;gap:6px;flex:0 1 auto;min-height:68px;justify-content:center}.card-film .transport{margin-left:auto}.card-film .transport button{width:27px}.wildcard-aside{min-height:488px;border-radius:14px}.aside-head{padding:31px 31px}.aside-head>.eyebrow{font-size:7px;margin-bottom:19px}.aside-head h2{font-size:37px;margin-bottom:15px}.aside-head p{font-size:11px}.aside-receipt{inset:137px 0 54px}.receipt-ticket{left:66%;top:35px;width:211px;transform:translateX(-50%) rotate(9deg);padding:26px 22px}.receipt-ticket>span{font-size:7px}.receipt-ticket>b{font-size:20px}.aside-hands{left:12%;bottom:-16px;width:76%;max-width:350px}.aside-action{padding:20px 31px;font-size:10px}.statement{padding-top:63px;padding-bottom:43px}.statement>.eyebrow{font-size:7px;margin-bottom:20px}.statement h2{font-size:34px}.workday{grid-template-columns:1fr;gap:35px}.workday-copy h2{font-size:36px}.workday-copy p{font-size:12px;max-width:360px}.workday-copy>.eyebrow{font-size:7px;margin-bottom:20px}.workday-points>span{min-height:48px}.workday-points b{font-size:11px}.shift-desk{height:455px}.shift-desk>.original{width:254px;top:74px}.desk-tab{bottom:27px;right:17%;font-size:11px}.character .connect-strip{margin-top:43px}.second-pair{padding:48px 0 55px}.compact-decision{min-height:546px}.compact-decision .decision-copy{padding:30px}.compact-decision .decision-copy h2{font-size:33px}.compact-decision .decision-copy>p{font-size:11px;max-width:282px}.compact-decision .offer-stage{height:307px;bottom:-10px;padding-right:40px}.compact-decision .offer-stage .original{width:246px}.lavender-closing{padding:37px 32px;min-height:407px;margin-bottom:60px}.lavender-closing h2{font-size:44px}.lavender-closing .closing-mascot{width:107px}.after-hours{background:#fff}.after-hours .site-header{height:84px}.night-opening{padding:34px 27px 81px;min-height:1249px;overflow:hidden}.night-intro{width:100%;padding:0}.night-intro>.eyebrow{font-size:7px;margin-bottom:22px}.night-intro h1{font-size:69px;line-height:.99;letter-spacing:-.055em}.night-intro>p{font-size:11px;line-height:1.7;margin:21px 0 21px;max-width:290px}.night-intro .button{font-size:10px;min-height:43px;padding-inline:18px;gap:15px}.night-caption{display:none}.night-film{width:100%;right:0;top:482px}.night-film .film-stage{height:619px}.night-film .device-wrap{right:calc(50% - 170px);top:17px;transform:rotate(4deg) scale(.87)}.night-film .film-topline{top:18px;right:26px}.night-film .film-caption{left:28px;bottom:14px;font-size:6px}.night-film .film-controls{padding:0 27px;min-height:65px;gap:15px}.night-film .chapter-tabs{gap:18px}.night-film .chapter-tabs button{font-size:9px;min-height:65px;gap:6px;padding:10px 0;flex:0 1 auto}.night-film .transport button{width:29px}.night-baseline{left:27px;right:27px;min-height:82px;bottom:0;flex-wrap:wrap;gap:15px 12px;justify-content:flex-start;padding-block:18px;font-size:6px}.night-baseline>span{width:calc(50% - 10px);gap:8px}.night-baseline>span:before{width:3px;height:3px}.day-section{padding-top:62px}.day-heading{grid-template-columns:1fr;gap:18px;padding-bottom:32px}.day-heading>.eyebrow{font-size:7px}.day-heading h2{font-size:38px;line-height:1.07}.day-heading p{font-size:11px;max-width:280px}.day-cards{grid-template-columns:1fr;gap:20px}.after-hours .map-paper{right:13%}.night-decision .decision-feature{padding:62px 0}.chapter-note{grid-template-columns:1fr;padding:33px 31px;gap:22px;border-radius:14px}.chapter-mark{display:none}.chapter-note .eyebrow{font-size:7px;margin-bottom:19px}.chapter-note h2{font-size:38px}.chapter-note p{font-size:11px;max-width:300px}.chapter-note .button{font-size:10px;gap:16px;min-height:43px}.after-hours .connect-strip{margin-top:41px}.after-hours .closing{margin-top:30px;min-height:365px;margin-bottom:30px;padding:30px 0}.after-hours .closing h2{font-size:44px}.after-hours .closing p{max-width:229px}.after-hours .closing-mascot{width:99px}.viewer-header{padding:16px 19px;gap:12px}.viewer-header h2{font-size:18px;max-width:240px}.viewer-header .eyebrow{font-size:7px}.viewer-close{width:34px;height:34px;min-width:34px;font-size:24px}.viewer-content{padding:15px;max-height:calc(91vh - 139px)}.viewer-note{padding:13px 19px;font-size:8px}}
@media(max-width:390px){.site-header{padding-inline:21px;gap:10px}.site-header .button{font-size:9px;gap:15px;padding-inline:15px}.hero.centered .eyebrow{font-size:6px}.hero.centered h1{font-size:39px}.hero.centered p{font-size:11px}.hero .button{padding-inline:18px;font-size:10px;gap:16px}.hero .button.quiet{gap:7px}.film-stage{height:741px}.film-copy h2{font-size:37px}.film-copy p{font-size:10px;max-width:257px}.film-copy{left:24px;right:24px}.device-wrap,.studio-film .device-wrap{top:316px;right:calc(50% - 164px);transform:scale(.75)}.film-controls:not(.internal) .transport{margin-left:5px}.chapter-tabs{gap:12px}.chapter-tabs button{font-size:8px;gap:5px}.transport button{width:23px}.film-controls{padding-inline:0}.together>h2{font-size:29px}.feature-copy h3{font-size:33px}.feature-copy{padding-inline:26px}.receipt-slip{right:9%}.receipt-hands{width:165px;bottom:-29px}.map-paper{right:8%;width:180px}.map-caption{left:26px;font-size:5px}.closing{padding-inline:26px}.closing h2{font-size:38px}.closing-mascot{width:88px}.closing p{max-width:210px;font-size:10px}.closing .button{font-size:9px;min-height:40px;padding-inline:15px}.offset h1{font-size:39px}.hero-side .button{padding-inline:14px;font-size:9px;gap:12px}.hero-side>p{font-size:10px;max-width:148px}.card-film .device-wrap{right:calc(50% - 166px);transform:rotate(3deg) scale(.74);top:213px}.card-film .film-stage{height:661px}.card-film .small-film-title{font-size:34px}.card-film .chapter-tabs{gap:13px}.card-film .chapter-tabs button{font-size:8px}.card-film .internal{padding-inline:20px}.card-film .transport button{width:23px}.aside-head{padding-inline:27px}.aside-head h2{font-size:34px}.aside-head>.eyebrow{font-size:6px}.receipt-ticket{left:64%;width:190px;top:62px;padding:23px 20px}.receipt-ticket>b{font-size:18px}.aside-hands{bottom:-7px;left:9%;width:85%}.statement h2{font-size:31px}.statement>.eyebrow{font-size:6px}.workday-copy h2{font-size:33px}.lavender-closing h2{font-size:40px}.lavender-closing .closing-mascot{width:89px}.night-opening{padding-inline:24px;min-height:1208px}.night-intro h1{font-size:63px}.night-intro>.eyebrow{font-size:6px}.night-intro .button{font-size:9px;padding-inline:16px;gap:12px}.night-film{top:460px}.night-film .film-stage{height:600px}.night-film .device-wrap{right:calc(50% - 172px);transform:rotate(4deg) scale(.8);top:24px}.night-film .film-controls{padding-inline:24px}.night-film .chapter-tabs{gap:16px}.night-film .chapter-tabs button{font-size:8px}.night-film .transport button{width:24px}.night-baseline{left:24px;right:24px;font-size:5px;min-height:80px}.day-heading h2{font-size:34px}.after-hours .closing h2{font-size:39px}.after-hours .closing-mascot{width:87px}.after-hours .closing p{max-width:203px}.chapter-note h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scan-line{display:none}}
/* Final composition: the handset is visible, but its lower edge remains in the stage. */
.studio-film .film-stage{height:718px}
.studio-film .film-topline .film-counter{background:#d8c7f3;color:#21182d;padding:9px 13px;border-radius:100px;letter-spacing:.05em}
.receipt-hands{width:265px;left:-2%;bottom:-20px}
@media(max-width:1180px) and (min-width:961px){.studio-film .film-stage{height:675px}.receipt-hands{width:230px}}
@media(max-width:960px) and (min-width:741px){.studio-film .film-stage{height:631px}.receipt-hands{width:198px}}
@media(max-width:740px){.studio-film .film-stage{height:841px}.receipt-hands{width:233px;left:-2%;bottom:-20px}.studio-film .film-topline .film-counter{padding:7px 10px}}
@media(max-width:390px){.studio-film .film-stage{height:817px}.receipt-hands{width:214px;bottom:-14px}}

/* Suppress navigation chrome in the cropped conceptual films, rather than overlap it with the content. */
.device .app-nav{display:none}


/* ================================================================
   KERBI / STUDIED ART-DIRECTION PASS
   A deliberately small web system layered over the original product
   animation. Page typography/layout is constrained; product UI keeps
   its original micro-typography.
   ================================================================ */
body.kerbi-studied{
  --page:#fff;--ink:#11110f;--muted:#6f706a;--line:#deded8;
  --soft:#f3f3ef;--lav:#e3d8f5;--lav-deep:#8c73c8;--butter:#f2e6aa;
  --mint:#5cc99a;--night:#11110f;--radius:18px;
  --gutter:clamp(22px,4vw,64px);--section:clamp(92px,10vw,156px);
  --content:1360px;--copy:640px;
  font-family:'Hanken Grotesk','Segoe UI',Arial,sans-serif;
  background:var(--page);color:var(--ink);font-size:16px;
  font-optical-sizing:auto;font-kerning:normal;letter-spacing:-.012em;
}
body.kerbi-studied .device,
body.kerbi-studied .offer-card,
body.kerbi-studied .map-paper,
body.kerbi-studied .receipt-card{font-family:Arial,Helvetica,sans-serif;letter-spacing:normal}
body.kerbi-studied .wide{width:min(calc(100% - (var(--gutter)*2)),var(--content));max-width:none;margin-inline:auto}
body.kerbi-studied .section-wrap{width:min(calc(100% - (var(--gutter)*2)),1180px);max-width:none;margin-inline:auto}
body.kerbi-studied h1,body.kerbi-studied h2,body.kerbi-studied h3,body.kerbi-studied h4{
  font-family:'Hanken Grotesk','Segoe UI',Arial,sans-serif;font-weight:500;
  letter-spacing:-.055em;text-wrap:balance
}
body.kerbi-studied p{font-size:17px;line-height:1.55;letter-spacing:-.018em}
body.kerbi-studied .eyebrow{font-family:inherit;font-size:12px;line-height:1.3;letter-spacing:0;font-weight:500;text-transform:none;color:var(--muted)}
body.kerbi-studied .film-topline,body.kerbi-studied .film-caption,body.kerbi-studied .film-counter{font-family:inherit;letter-spacing:.03em;text-transform:none}

/* Header: no pill-nav, no floating SaaS capsule. */
body.kerbi-studied .site-header{
  height:78px;max-width:var(--content);padding:0 var(--gutter);margin:auto;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;
  position:relative;z-index:40;background:var(--page);border-bottom:1px solid rgba(17,17,15,.08)
}
body.kerbi-studied.after-hours .site-header.on-dark{background:var(--night);border-bottom-color:#ffffff18}
body.kerbi-studied .logo{font-size:30px;font-weight:700;letter-spacing:-.075em;justify-self:start}
body.kerbi-studied .site-header nav{display:flex;gap:30px;border:0;border-radius:0;padding:0;background:transparent}
body.kerbi-studied .site-header nav a{font-size:13px;padding:8px 0;border-radius:0;color:var(--muted);position:relative}
body.kerbi-studied .site-header nav a:first-child{background:none}
body.kerbi-studied .site-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:2px;height:1px;background:currentColor;transition:right .22s ease}
body.kerbi-studied .site-header nav a:hover:after,body.kerbi-studied .site-header nav a:focus-visible:after{right:0}
body.kerbi-studied .site-header>.button{justify-self:end}
body.kerbi-studied .button{min-height:46px;padding:0 18px;border-radius:10px;gap:16px;font-size:13px;font-weight:600;letter-spacing:-.02em;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}
body.kerbi-studied .button:hover{transform:translateY(-1px)}
body.kerbi-studied .button.primary{background:#11110f;color:#fff}
body.kerbi-studied .button.primary:hover{background:#2a2a26}
body.kerbi-studied .button.white{background:#fff;color:#11110f}
body.kerbi-studied .button.quiet{border-color:#d7d7d0;background:transparent}
body.kerbi-studied .button.small{min-height:42px;padding-inline:16px;font-size:12px}

/* Hero rhythm */
body.kerbi-studied .hero.centered{padding:clamp(90px,10vw,148px) var(--gutter) clamp(72px,8vw,118px)}
body.kerbi-studied .hero.centered .eyebrow{margin-bottom:28px}
body.kerbi-studied .hero.centered h1{font-size:clamp(64px,7.7vw,118px);line-height:.93;max-width:1050px;margin:auto}
body.kerbi-studied .hero.centered p{font-size:18px;line-height:1.48;max-width:610px;margin:30px auto 30px;color:var(--muted)}
body.kerbi-studied .hero.offset{padding:clamp(96px,10vw,150px) 0 clamp(78px,8vw,118px);align-items:end;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(50px,7vw,120px)}
body.kerbi-studied .hero.offset h1{font-size:clamp(66px,7.4vw,112px);line-height:.94}
body.kerbi-studied .hero-side>p{font-size:19px;line-height:1.46;max-width:380px;color:var(--muted)}
body.kerbi-studied .hero-actions{gap:12px;flex-wrap:wrap}
body.kerbi-studied .hero.centered .hero-actions{justify-content:center}
body.kerbi-studied .purple-underline:after{height:10%;bottom:5px;opacity:.8}

/* Download links are a single quiet unit, not two more competing CTAs. */
.download-unit{display:flex;align-items:center;gap:14px;margin-top:24px;color:#5e5e58;font-size:12px;line-height:1}
.hero.centered .download-unit{justify-content:center}
.download-unit .download-label{margin-right:3px;color:#898982}
.download-unit a{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 2px;border-bottom:1px solid #cfcfc8;font-weight:600;color:#2a2a27}
.download-unit a:hover{border-color:#111}
.download-unit .store-mark{width:18px;height:18px;border-radius:5px;background:#111;color:#fff;display:inline-grid;place-items:center;font-size:9px;font-weight:700;letter-spacing:-.04em}
.download-unit .play-mark{background:linear-gradient(135deg,#5ac16e 0 33%,#f2c44f 33% 63%,#6d8cff 63%)}
.download-unit .store-sep{width:1px;height:18px;background:#d9d9d3}

/* Product film: preserve the defined handset, but improve scale, spacing, and contrast. */
body.kerbi-studied .film-stage{border-radius:var(--radius);height:clamp(620px,48vw,720px);box-shadow:none}
body.kerbi-studied .studio-film{margin-bottom:0}
body.kerbi-studied .film-topline{top:30px;left:40px;right:40px;font-size:10px;color:#8b8b84}
body.kerbi-studied .film-copy{left:6.5%;top:31%;width:34%}
body.kerbi-studied .film-copy .eyebrow{margin-bottom:18px;color:#85857f}
body.kerbi-studied .film-copy h2{font-size:clamp(48px,4.6vw,72px);line-height:.96;margin-bottom:22px}
body.kerbi-studied .film-copy p{font-size:15px;line-height:1.55;color:#aaa9a1;max-width:390px}
body.kerbi-studied .source-link{font-size:12px;margin-top:22px;min-height:36px}
body.kerbi-studied .device-wrap{right:10%;top:34px}
body.kerbi-studied .device{box-shadow:0 34px 75px #0000004d}
body.kerbi-studied .film-chapters{left:auto;right:40px;bottom:24px;gap:8px}
body.kerbi-studied .film-chapters button{font-size:11px}
body.kerbi-studied .film-controlbar{left:40px;right:auto;bottom:24px}

/* Section hierarchy and proportions. */
body.kerbi-studied .together{padding-block:var(--section) clamp(72px,8vw,110px)}
body.kerbi-studied .together>h2,
body.kerbi-studied .statement h2,
body.kerbi-studied .workday h2,
body.kerbi-studied .day-intro h2,
body.kerbi-studied .decision-copy h2{
  font-size:clamp(46px,4.9vw,74px);line-height:.99;max-width:880px
}
body.kerbi-studied .together>p,body.kerbi-studied .workday>p,body.kerbi-studied .day-intro>p{font-size:18px;color:var(--muted);max-width:560px}
body.kerbi-studied .connect-strip{margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}
body.kerbi-studied .connection-copy>p{font-size:17px;line-height:1.4}
body.kerbi-studied .feature-pair{gap:22px;grid-template-columns:1.08fr .92fr;margin-top:0;margin-bottom:0}
body.kerbi-studied .feature{border-radius:var(--radius);min-height:570px;overflow:hidden}
body.kerbi-studied .feature-copy{padding:40px 42px 0}
body.kerbi-studied .feature-copy .eyebrow{margin-bottom:13px}
body.kerbi-studied .feature-copy h3{font-size:clamp(36px,3.4vw,50px);line-height:1}
body.kerbi-studied .feature-copy>p{font-size:16px;line-height:1.5;max-width:340px;margin-top:14px}
body.kerbi-studied .text-button{font-size:13px;gap:12px;margin-top:18px;min-height:36px}
body.kerbi-studied .feature-pair+.decision-feature{padding-top:var(--section)}
body.kerbi-studied .decision-feature{padding-block:var(--section);gap:clamp(60px,8vw,120px)}
body.kerbi-studied .decision-copy>p{font-size:17px;line-height:1.5;color:var(--muted);max-width:500px}
body.kerbi-studied .offer-stage{border-radius:var(--radius)}

/* Photo + product scene. Photo is context; UI is the proof. */
.context-scene{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:var(--section) auto 0;position:relative}
.context-frame{height:clamp(620px,55vw,760px);position:relative;overflow:hidden;border-radius:var(--radius);background:#1c1c19;isolation:isolate}
.context-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.04);transition:transform 900ms cubic-bezier(.2,.75,.2,1)}
.context-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,11,.84) 0%,rgba(12,12,11,.63) 37%,rgba(12,12,11,.16) 69%,rgba(12,12,11,.18) 100%);z-index:1}
.context-frame:hover .context-photo{transform:scale(1.018)}
.context-copy{position:absolute;left:clamp(30px,5vw,72px);top:50%;transform:translateY(-50%);z-index:3;color:#fff;width:min(430px,40%)}
.context-copy .scene-label{font-size:12px;color:#c1c0ba;display:block;margin-bottom:18px}
.context-copy h2{font-size:clamp(46px,4.7vw,72px);line-height:.96;margin-bottom:20px}
.context-copy p{font-size:16px;line-height:1.55;color:#d0cfc8;max-width:390px}
.context-proof{position:absolute;right:clamp(34px,7vw,102px);bottom:-7%;z-index:3;width:clamp(260px,27vw,390px);transform:rotate(2deg);transition:transform 500ms cubic-bezier(.2,.75,.2,1)}
.context-frame:hover .context-proof{transform:rotate(.5deg) translateY(-8px)}
.context-phone{background:#111;padding:10px;border-radius:48px;box-shadow:0 40px 100px #0009,0 0 0 1px #ffffff28}
.context-phone img{width:100%;height:auto;border-radius:38px;background:#f2f2ee}
.context-phone .phone-line{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:64px;height:6px;border-radius:99px;background:#181816;z-index:2}
.context-caption{font-size:11px;color:#7c7c76;margin:12px 4px 0;display:flex;justify-content:space-between}
.character .context-frame:after{background:linear-gradient(90deg,rgba(31,21,40,.86),rgba(31,21,40,.57) 42%,rgba(31,21,40,.08) 72%)}
.character .context-proof{transform:rotate(-2deg)}
.character .context-frame:hover .context-proof{transform:rotate(-.5deg) translateY(-8px)}
.after-hours .context-photo{filter:saturate(.55) brightness(.72) contrast(1.12)}
.after-hours .context-frame:after{background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.64) 46%,rgba(5,5,5,.22))}

/* Journal: not cards. Image, headline, meta. Three clean columns. */
.journal-v5{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:0 auto;padding:var(--section) 0}
.journal-v5-head{display:grid;grid-template-columns:1fr 380px;align-items:end;gap:40px;padding-bottom:38px;border-bottom:1px solid var(--line)}
.journal-v5-head h2{font-size:clamp(48px,5vw,76px);line-height:.97;max-width:760px}
.journal-v5-head p{font-size:16px;line-height:1.5;color:var(--muted);margin-bottom:5px}
.journal-v5-head a{display:inline-block;margin-top:12px;font-size:13px;border-bottom:1px solid #aaa99f;padding-bottom:3px}
.journal-v5-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.journal-article{min-width:0}
.journal-image{position:relative;display:block;aspect-ratio:1.48;overflow:hidden;border-radius:12px;background:#e7e7e1}
.journal-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform 600ms cubic-bezier(.2,.75,.2,1),filter .4s ease}
.journal-article:hover .journal-image img{transform:scale(1.025);filter:saturate(.9)}
.journal-meta{display:flex;justify-content:space-between;gap:20px;margin:18px 0 10px;font-size:11px;color:#7d7d76}
.journal-article h3{font-size:clamp(26px,2.3vw,36px);line-height:1.03;letter-spacing:-.045em}
.journal-article p{font-size:15px;line-height:1.52;color:var(--muted);margin-top:12px;max-width:390px}
.journal-link{display:inline-block;font-size:12px;margin-top:16px;padding-bottom:3px;border-bottom:1px solid #b8b8b0}
.character .journal-v5{background:#f6f1fb;width:min(calc(100% - (var(--gutter)*2)),var(--content));padding:clamp(72px,7vw,108px) clamp(24px,4vw,58px);border-radius:var(--radius);margin-top:var(--section);margin-bottom:0}
.character .journal-v5-head{border-color:#d9cfea}
.after-hours .journal-v5{background:#fff;color:#111}

/* Closing / FAQ: full-width rhythm, not another floating rounded card. */
body.kerbi-studied .closing{width:min(calc(100% - (var(--gutter)*2)),var(--content));max-width:none;margin:0 auto clamp(82px,8vw,120px);border-radius:var(--radius);min-height:360px;padding:clamp(46px,6vw,78px);display:grid;align-content:center}
body.kerbi-studied .closing h2{font-size:clamp(54px,5.5vw,84px);line-height:.95}
body.kerbi-studied .closing p{font-size:17px;max-width:520px;line-height:1.5}
body.kerbi-studied .faq{padding-bottom:clamp(82px,8vw,120px)}
body.kerbi-studied .faq h2{font-size:clamp(40px,4vw,56px)}
body.kerbi-studied .questions summary{font-size:15px;min-height:70px}
body.kerbi-studied .footer{padding:34px var(--gutter);font-size:12px}

/* 08 specifics */
body.character.kerbi-studied .split-opening{gap:22px;margin-bottom:0}
body.character.kerbi-studied .split-product,body.character.kerbi-studied .split-wildcard{border-radius:var(--radius)}
body.character.kerbi-studied .split-wildcard{background:#ded1f1}
body.character.kerbi-studied .statement{padding-block:var(--section)}
body.character.kerbi-studied .statement h2{max-width:980px}
body.character.kerbi-studied .workday{padding-block:0 var(--section)}
body.character.kerbi-studied .card-film .film-stage{border-radius:var(--radius)}

/* 09 specifics */
body.after-hours.kerbi-studied{background:#11110f;color:#fff}
body.after-hours.kerbi-studied .night-opening{padding:clamp(70px,8vw,118px) var(--gutter) 0;max-width:var(--content);margin:auto}
body.after-hours.kerbi-studied .night-intro{padding-bottom:clamp(70px,8vw,118px)}
body.after-hours.kerbi-studied .night-intro h1{font-size:clamp(70px,8.5vw,128px);line-height:.88;max-width:900px}
body.after-hours.kerbi-studied .night-intro p{font-size:18px;line-height:1.5;color:#aaa9a1;margin-top:28px}
body.after-hours.kerbi-studied .day-section,body.after-hours.kerbi-studied .night-decision,body.after-hours.kerbi-studied .faq,body.after-hours.kerbi-studied .closing,body.after-hours.kerbi-studied .journal-v5{color:#111}
body.after-hours.kerbi-studied .day-section{padding-block:var(--section)}
body.after-hours.kerbi-studied .chapter-note{border-radius:var(--radius);margin-top:var(--section)}
body.after-hours.kerbi-studied .night-film .film-stage{border-radius:0 0 var(--radius) var(--radius)}
body.after-hours.kerbi-studied .closing{background:#e3d8f5}
body.after-hours.kerbi-studied .faq{background:#fff;margin-top:0;padding-top:0;width:100%;max-width:none;padding-inline:max(var(--gutter),calc((100vw - 1180px)/2))}
body.after-hours.kerbi-studied .footer{background:#11110f}

/* Focus/motion */
body.kerbi-studied a:focus-visible,body.kerbi-studied button:focus-visible{outline:2px solid #8c73c8;outline-offset:4px}
@media(prefers-reduced-motion:reduce){
  body.kerbi-studied *,body.kerbi-studied *:before,body.kerbi-studied *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
@media(max-width:900px){
  body.kerbi-studied{--gutter:22px;--section:88px}
  body.kerbi-studied .site-header{height:70px;grid-template-columns:1fr auto;padding-inline:22px}
  body.kerbi-studied .site-header nav,body.kerbi-studied .site-header>.button{display:none}
  body.kerbi-studied .hero.centered{padding-top:80px}
  body.kerbi-studied .hero.centered h1{font-size:clamp(56px,14vw,78px)}
  body.kerbi-studied .hero.offset{grid-template-columns:1fr;gap:34px;padding-top:78px}
  body.kerbi-studied .hero.offset h1{font-size:clamp(58px,13vw,78px)}
  body.kerbi-studied .film-stage{height:760px}
  body.kerbi-studied .film-copy{left:25px;right:25px;top:62px;width:auto}
  body.kerbi-studied .film-copy h2{font-size:48px}
  body.kerbi-studied .device-wrap{top:278px;right:50%;transform:translateX(50%) scale(.86);transform-origin:top center}
  body.kerbi-studied .film-topline{left:25px;right:25px}
  body.kerbi-studied .film-chapters{right:20px}
  body.kerbi-studied .film-controlbar{left:20px}
  body.kerbi-studied .feature-pair{grid-template-columns:1fr;gap:18px}
  body.kerbi-studied .feature{min-height:520px}
  .context-frame{height:720px}
  .context-copy{left:26px;right:26px;top:58px;transform:none;width:auto}
  .context-copy h2{font-size:49px;max-width:520px}
  .context-proof{right:50%;transform:translateX(50%) rotate(1deg);width:min(320px,72vw);bottom:-5%}
  .context-frame:hover .context-proof{transform:translateX(50%) rotate(0) translateY(-5px)}
  .character .context-proof{transform:translateX(50%) rotate(-1deg)}
  .journal-v5-head{grid-template-columns:1fr;gap:20px}
  .journal-v5-grid{grid-template-columns:1fr;gap:42px}
  .journal-image{aspect-ratio:1.72}
  .journal-article h3{font-size:34px}
  body.after-hours.kerbi-studied .night-opening{padding-inline:22px}
}
@media(max-width:560px){
  body.kerbi-studied p{font-size:16px}
  body.kerbi-studied .hero.centered h1{font-size:55px;line-height:.94}
  body.kerbi-studied .hero.centered p{font-size:17px}
  .download-unit{gap:10px;flex-wrap:wrap}
  .download-unit .download-label{flex-basis:100%}
  body.kerbi-studied .film-stage{height:730px;border-radius:14px}
  body.kerbi-studied .device-wrap{transform:translateX(50%) scale(.78);top:270px}
  body.kerbi-studied .film-copy h2{font-size:43px}
  body.kerbi-studied .feature-copy{padding:30px 28px 0}
  body.kerbi-studied .feature-copy h3{font-size:38px}
  .context-scene{width:calc(100% - 28px)}
  .context-frame{height:680px;border-radius:14px}
  .context-copy{top:40px;left:22px;right:22px}
  .context-copy h2{font-size:43px}
  .context-copy p{font-size:15px}
  .journal-v5{width:calc(100% - 44px)}
  .character .journal-v5{width:calc(100% - 28px);padding-inline:20px}
  body.kerbi-studied .closing{width:calc(100% - 28px);border-radius:14px;padding:36px 28px}
}


body.kerbi-studied .button.round-watch{width:46px;min-width:46px;height:46px;padding:0;border-radius:10px;gap:0;overflow:hidden;font-size:0}
body.kerbi-studied .button.round-watch svg{width:15px;height:15px;margin:0}
body.after-hours.kerbi-studied .download-unit{color:#8f8f88}
body.after-hours.kerbi-studied .download-unit .download-label{color:#777770}
body.after-hours.kerbi-studied .download-unit a{color:#ededE8;border-bottom-color:#5b5b55}
body.after-hours.kerbi-studied .download-unit a:hover{border-bottom-color:#fff}
body.after-hours.kerbi-studied .download-unit .store-mark{background:#fff;color:#111}
body.after-hours.kerbi-studied .download-unit .play-mark{color:#111;background:linear-gradient(135deg,#5ac16e 0 33%,#f2c44f 33% 63%,#6d8cff 63%)}
body.after-hours.kerbi-studied .download-unit .store-sep{background:#4a4a45}


/* ============================================================
   KERBI 07 — RHYTHM PASS
   One owner per gap. No doubled section spacing.
   ============================================================ */
body.studio.kerbi-studied{
  --section:clamp(76px,7vw,112px);
  --section-tight:clamp(52px,4.5vw,72px);
  --cluster:clamp(28px,2.5vw,40px);
}

/* HERO — keep the confidence, remove the empty runway. */
body.studio.kerbi-studied .hero.centered{
  padding-top:clamp(70px,6.8vw,104px);
  padding-bottom:clamp(58px,5.5vw,84px);
}
body.studio.kerbi-studied .hero.centered .eyebrow{margin-bottom:22px}
body.studio.kerbi-studied .hero.centered p{
  margin-top:24px;
  margin-bottom:24px;
}
body.studio.kerbi-studied .hero.centered .download-unit{margin-top:18px}

/* PRODUCT → WORKDAY — this is a major chapter change, not a void. */
body.studio.kerbi-studied #product{margin-bottom:0}
body.studio.kerbi-studied .together{
  padding-top:var(--section);
  padding-bottom:0;
}
body.studio.kerbi-studied .together>.eyebrow{margin-bottom:18px}
body.studio.kerbi-studied .connect-strip{
  margin-top:clamp(42px,4vw,58px);
  padding-block:26px;
}

/* WORKDAY → REAL-WORLD SCENE — remove the accidental double gap. */
body.studio.kerbi-studied .context-scene{
  margin-top:var(--section-tight);
}

/* REAL-WORLD SCENE → FEATURE WILDCARDS — these were visually glued together. */
body.studio.kerbi-studied .context-scene + .feature-pair{
  margin-top:clamp(22px,2vw,30px);
}
body.studio.kerbi-studied .feature-pair{
  margin-bottom:0;
}

/* FEATURE WILDCARDS → OFFER DECISION — one deliberate chapter gap. */
body.studio.kerbi-studied .feature-pair + .section-wrap .decision-feature,
body.studio.kerbi-studied .decision-feature{
  padding-top:var(--section);
  padding-bottom:0;
}
body.studio.kerbi-studied .decision-feature{
  gap:clamp(50px,6vw,86px);
}

/* JOURNAL / CLOSING / FAQ — fix nested gutters + eliminate stacked spacing. */
body.studio.kerbi-studied main > .section-wrap:last-of-type{
  margin-top:0;
}
body.studio.kerbi-studied main > .section-wrap:last-of-type > .journal-v5,
body.studio.kerbi-studied main > .section-wrap:last-of-type > .closing,
body.studio.kerbi-studied main > .section-wrap:last-of-type > .faq{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
body.studio.kerbi-studied .journal-v5{
  padding-top:var(--section);
  padding-bottom:0;
}
body.studio.kerbi-studied .journal-v5-head{
  padding-bottom:30px;
}
body.studio.kerbi-studied .journal-v5-grid{
  margin-top:30px;
}
body.studio.kerbi-studied .closing{
  margin-top:var(--section);
  margin-bottom:var(--section-tight);
}
body.studio.kerbi-studied .faq{
  padding-top:0;
  padding-bottom:var(--section-tight);
}
body.studio.kerbi-studied .faq{
  gap:clamp(42px,5vw,68px);
}
body.studio.kerbi-studied .footer{
  margin-top:0;
}

/* A little more breathing room inside the two feature cards themselves. */
body.studio.kerbi-studied .feature-copy{
  padding-top:38px;
}
body.studio.kerbi-studied .feature-copy>p{margin-top:12px}
body.studio.kerbi-studied .text-button{margin-top:16px}

/* Tablet: keep hierarchy but remove desktop-sized air. */
@media(max-width:900px){
  body.studio.kerbi-studied{
    --section:80px;
    --section-tight:58px;
    --cluster:28px;
  }
  body.studio.kerbi-studied .hero.centered{
    padding-top:64px;
    padding-bottom:64px;
  }
  body.studio.kerbi-studied .together{padding-top:80px}
  body.studio.kerbi-studied .context-scene{margin-top:58px}
  body.studio.kerbi-studied .context-scene + .feature-pair{margin-top:18px}
  body.studio.kerbi-studied .decision-feature{padding-top:80px}
  body.studio.kerbi-studied .journal-v5{padding-top:80px}
  body.studio.kerbi-studied .closing{margin-top:80px;margin-bottom:58px}
}

/* Mobile: tighter, but never cramped. */
@media(max-width:560px){
  body.studio.kerbi-studied{
    --section:66px;
    --section-tight:46px;
  }
  body.studio.kerbi-studied .hero.centered{
    padding-top:52px;
    padding-bottom:52px;
  }
  body.studio.kerbi-studied .hero.centered .eyebrow{margin-bottom:18px}
  body.studio.kerbi-studied .hero.centered p{margin:20px auto}
  body.studio.kerbi-studied .hero.centered .download-unit{margin-top:14px}
  body.studio.kerbi-studied .together{padding-top:66px}
  body.studio.kerbi-studied .connect-strip{margin-top:34px;padding-block:22px}
  body.studio.kerbi-studied .context-scene{margin-top:46px}
  body.studio.kerbi-studied .context-scene + .feature-pair{margin-top:14px}
  body.studio.kerbi-studied .feature-pair{gap:14px}
  body.studio.kerbi-studied .decision-feature{padding-top:66px;gap:34px}
  body.studio.kerbi-studied .journal-v5{padding-top:66px}
  body.studio.kerbi-studied .journal-v5-head{padding-bottom:24px}
  body.studio.kerbi-studied .journal-v5-grid{margin-top:24px;gap:34px}
  body.studio.kerbi-studied .closing{margin-top:66px;margin-bottom:46px}
  body.studio.kerbi-studied .faq{padding-bottom:46px;gap:32px}
}