@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
@font-face{font-family:'Sackers Gothic';src:url('/fonts/SackersGothicStd-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
:root{font-family:'DM Sans',Arial,sans-serif;color:#191b1d;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #397de4;outline-offset:5px}.skip{position:absolute;left:20px;top:-60px}.skip:focus{top:10px;z-index:20;background:white;padding:12px}.pill-nav{width:min(610px,calc(100% - 40px));height:52px;margin:26px auto 0;padding:0 22px;border:1px solid #eeeef0;border-radius:50px;background:#f7f7f8;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Sackers Gothic',sans-serif;text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:.15px}.availability{display:flex;align-items:center;gap:7px;font-size:11px;color:#7b7e82;white-space:nowrap}.availability>span{width:6px;height:6px;border-radius:50%;background:#b9a17b;flex-shrink:0}.hero{text-align:center;padding:88px 24px 34px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#777c82;margin:0 0 24px}h1{font-size:clamp(45px,6.6vw,88px);font-weight:550;letter-spacing:-.055em;line-height:1.1;max-width:1250px;margin:0 auto 27px}.intro{font-size:16px;line-height:1.65;color:#7a7e84;max-width:65ch;margin-inline:auto;text-wrap:pretty}.intro p{margin:0}.intro .lead{color:#3d4248;font-size:19px;font-weight:450;margin-bottom:8px}.mobile-break{display:none}.build-button{display:inline-flex;align-items:center;gap:25px;padding:15px 21px;margin-top:29px;border:1px solid #e2e3e5;border-radius:10px;background:#edeef0;color:#989ca2;font:500 14px 'DM Sans',sans-serif;cursor:not-allowed}.build-button svg{flex-shrink:0}
.legal-footer{max-width:1110px;margin:40px auto 0;padding:27px 0 30px;border-top:1px solid #eceef0;display:flex;justify-content:space-between;gap:32px;align-items:flex-start;font-size:11px;color:#9a9da2;line-height:1.7}.legal-footer a{font-weight:600;color:#757a80}.footer-company>a{font-family:'Sackers Gothic',sans-serif;font-size:12px;font-weight:500;text-transform:uppercase}.footer-company p{margin:8px 0 0}.legal-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 22px;max-width:590px}.legal-footer nav a:hover{text-decoration:underline}
/* A single set of real DOM elements travels from the laptop to each story beat. */
.motion-story{max-width:1440px;margin:0 auto}.motion-stage{position:relative}.scene{position:relative;max-width:1200px;margin:auto}.device-layer{display:none}.story-panel{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:center;padding:100px 40px;min-height:650px}.story-copy{max-width:410px}.step-label{font-size:11px;letter-spacing:1.8px;font-weight:600;color:#81878e;margin:0 0 24px}.story-copy h2{font-size:clamp(34px,3.5vw,49px);font-weight:500;letter-spacing:-.055em;line-height:1.12;margin:0 0 24px}.story-copy>p:last-child{font-size:17px;line-height:1.7;color:#747b83;max-width:38ch;margin:0}.floating-element{width:100%}.landing-window{aspect-ratio:1100/700;overflow:hidden;border:1px solid #d9dee3;border-radius:13px;background:white;box-shadow:0 28px 60px -22px #1c30442b,0 3px 9px #14212d0a}.safari-ui{width:1100px;height:700px;transform:scale(var(--ui-scale,.5));transform-origin:0 0}.safari-toolbar{height:36px;background:linear-gradient(#f7f7f8,#eeeff0);border-bottom:1px solid #e1e2e4;display:flex;align-items:center;gap:28px;padding:0 21px;color:#80858b;font-size:25px}.traffic-lights{display:flex;gap:9px}.traffic-lights i{width:12px;height:12px;border-radius:50%;background:#ff6058;border:1px solid #0000000b}.traffic-lights i:nth-child(2){background:#ffbd2e}.traffic-lights i:nth-child(3){background:#28c840}.safari-arrows{font-size:32px;font-weight:400}.safari-address{margin:auto;background:#e5e7e9;border:1px solid #dce0e4;border-radius:8px;width:420px;height:24px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#555e66}.safari-address svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3}.safari-tools{font-size:24px}.aurel-site{height:664px;background:#fbfaf8}.aurel-nav{height:68px;display:flex;align-items:center;padding:0 48px;border-bottom:1px solid #edece8;background:#fdfdfc}.aurel-brand{font-family:Georgia,serif;font-size:30px;letter-spacing:8px}.aurel-nav>div{display:flex;gap:35px;margin:auto;font-size:14px}.bag-icon{width:24px;height:24px;stroke:#30322f;fill:none;stroke-width:1.6}.aurel-hero{height:596px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.aurel-copy{padding:54px 0 26px 48px;color:#181915}.aurel-copy>p{font-size:10px;font-weight:500;letter-spacing:2px;margin:0 0 22px}.aurel-copy h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:94px;line-height:.96;letter-spacing:-5px;margin:0 0 29px}.aurel-description{font-family:Georgia,serif;font-size:19px;line-height:1.45;color:#484a43}.aurel-cta{display:inline-flex;align-items:center;gap:18px;margin-top:26px;background:#232623;color:white;padding:15px 22px;border-radius:3px;font-size:13px}.aurel-cta>span{font-size:20px}.aurel-values{display:flex;gap:33px;margin-top:39px;font-size:9px;line-height:1.5;letter-spacing:1.3px;text-transform:uppercase}.aurel-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;display:block}
.metric-card{font-family:'DM Sans',Arial,sans-serif;background:#fff;border:1px solid #ebedf0;border-radius:20px;box-shadow:0 23px 60px -28px #182a4240,0 2px 8px #182a4205;padding:26px;text-align:left;max-width:350px;justify-self:center;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;font-weight:550;font-size:16px;color:#252a2f;white-space:nowrap}.card-top>span:last-child{font-size:23px;line-height:1;color:#9aa0a7;letter-spacing:2px}.metric-number{display:block;font-size:48px;font-weight:500;letter-spacing:-2.4px;line-height:1.2;margin:12px 0 0;font-variant-numeric:tabular-nums}.metric-number>span{font-size:.9em}.metric-caption{font-size:15px;color:#7e858e;margin:2px 0 23px}.audience-faces{display:flex;margin-bottom:20px}.audience-faces img{height:36px;width:36px;border-radius:50%;border:2px solid white;object-fit:cover;margin-right:-4px}.audience-bars{height:106px;display:flex;align-items:flex-end;justify-content:space-between;gap:9px}.audience-bars i{display:block;flex:1;height:var(--bar-height);background:linear-gradient(#5b9cf6,#337fed);border-radius:3px 3px 0 0;transform-origin:bottom;transform:scaleY(1)}.chart-months{display:flex;justify-content:space-between;color:#949ba4;font-size:12px;margin-top:12px}.metric-growth{color:#17a969;font-size:17px;font-weight:500;margin:6px 0 16px}.conversion-chart{display:block;width:100%;height:auto;overflow:visible;margin-top:16px}.chart-line{stroke-linejoin:round}.shopping-card{padding:17px;max-width:300px}.tote-photo{width:100%;height:auto;aspect-ratio:1.35;object-fit:cover;display:block;border-radius:12px;background:#f8f7f5}.product-details{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:550;letter-spacing:-.3px;margin-top:21px;gap:10px}.product-description{font-size:12px;color:#858b93;line-height:1.6;margin:7px 0 19px}.cart-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 17px;font-size:14px;font-weight:500;background:#3184f5;color:white;border:0;border-radius:9px;cursor:pointer}.cart-button>span{font-size:21px;font-weight:400;line-height:1}.cart-button:hover{background:#2374de}.cart-status{font-size:11px;color:#939aa3;text-align:center;margin:12px 0 0;min-height:17px}.scroll-hint{display:none}
/* Scroll enhancement; without JS or with reduced motion, every section remains readable. */
.motion-ready .motion-story{height:550svh}.motion-ready .motion-stage{position:sticky;top:0;height:100svh;overflow:clip}.motion-ready .scene{width:min(1200px,calc(100% - 48px));height:calc(100svh - 80px);max-width:none}.motion-ready .device-layer{display:block;position:absolute;left:0;top:0;width:100%;height:100%;will-change:transform,opacity}.device-image{position:absolute;display:block;width:100%;height:100%;object-fit:contain;z-index:1}.desktop-surface{position:absolute;left:8.5%;top:4%;width:83%;height:88%;border-radius:15px 15px 0 0;background:radial-gradient(ellipse at 10% 20%,#65bfff 0,transparent 50%),linear-gradient(155deg,#269cf7 15%,#0769dd 50%,#063bae 100%);overflow:hidden;z-index:2}.desktop-menu{position:absolute;left:0;right:0;top:0;display:flex;gap:12px;align-items:center;height:26px;padding:0 16px;color:white;font-size:10px;background:#ffffff14}.desktop-menu b{font-weight:500}.desktop-menu .desktop-time{margin-left:auto}.desktop-dock{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:4px 7px 7px;background:linear-gradient(180deg,#eaf3ff66,#dce9ff44);border:1px solid #ffffff70;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff40,0 3px 10px #17356e26}.dock-app{position:relative;display:block;width:34px;height:34px}.dock-app img{display:block;width:100%;height:100%;object-fit:contain}.dock-app.is-running:after{content:"";position:absolute;bottom:-3px;left:50%;width:3px;height:3px;border-radius:50%;background:#203859;transform:translateX(-50%)}.motion-ready .story-panel{display:contents}.motion-ready .story-copy{position:absolute;left:3%;top:32%;width:33%;opacity:0;transform:translateY(25px);pointer-events:none;will-change:transform,opacity}.motion-ready .floating-element{position:absolute;left:0;top:0;max-width:none;will-change:transform,opacity;transform-origin:top left}.motion-ready .scroll-hint{display:flex;gap:15px;align-items:center;font-size:12px;color:#9097a0}.motion-ready .scroll-hint span{font-size:18px}.motion-ready .metric-card{padding:22px}.motion-ready .shopping-card{padding:16px}
@media(min-width:760px){h1{white-space:nowrap}}@media(max-width:1160px){.legal-footer{margin-left:30px;margin-right:30px}}
@media(max-width:700px){.pill-nav{height:48px;margin-top:18px;padding:0 16px;gap:14px}.brand{font-size:11px}.availability{font-size:9px;white-space:normal;max-width:116px;line-height:1.5;gap:6px}.hero{padding:62px 22px 25px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:20px}h1{font-size:48px;letter-spacing:-2.5px;max-width:430px;margin-bottom:24px}.intro{font-size:14px;max-width:340px}.intro .lead{font-size:17px;line-height:1.5;margin-bottom:12px}.mobile-break{display:block}.desktop-break{display:none}.legal-footer{margin:25px 20px 0;flex-direction:column;gap:20px}.legal-footer nav{justify-content:flex-start;gap:10px 20px}.story-panel{display:flex;flex-direction:column;gap:35px;min-height:0;padding:70px 24px}.story-copy{max-width:420px}.story-copy h2{font-size:35px;letter-spacing:-1.6px;margin-bottom:18px}.story-copy>p:last-child{font-size:15px;line-height:1.65}.step-label{font-size:10px;margin-bottom:15px}.motion-ready .motion-story{height:550svh}.motion-ready .scene{width:calc(100% - 24px);height:calc(100svh - 80px)}.motion-ready .story-copy{left:5%;width:90%;max-width:430px;top:11%}.motion-ready .scroll-hint{display:none}.desktop-menu{height:15px;font-size:5px;gap:6px;padding:0 8px}.desktop-dock{gap:2px;padding:2px 4px 5px;bottom:4px;border-radius:8px}.dock-app{width:18px;height:18px}.dock-app.is-running:after{width:2px;height:2px;bottom:-2px}.desktop-surface{border-radius:7px 7px 0 0}.motion-ready .landing-window{border-radius:7px}.motion-ready .metric-number{font-size:44px}.motion-ready .card-top{font-size:15px}.motion-ready .metric-caption{font-size:14px}.motion-ready .audience-bars{height:86px}.motion-ready .audience-faces{margin-bottom:16px}.motion-ready .audience-faces img{width:31px;height:31px}.motion-ready .metric-card{padding:20px}.motion-ready .shopping-card{padding:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.audience-bars i,.chart-line{transform:none;stroke-dashoffset:0}}

.device-image{object-fit:fill}.desktop-surface{left:9.8%;top:3.2%;width:80%;height:89.5%;clip-path:polygon(0 0,45% 0,45% 2.6%,55% 2.6%,55% 0,100% 0,100% 100%,0 100%)}
.metric-card,.motion-ready .metric-card,.motion-ready .shopping-card{padding:0}.widget-ui{width:340px;padding:26px;transform:scale(var(--widget-scale,1));transform-origin:top left}.audience-card{aspect-ratio:340/362}.conversion-card{aspect-ratio:350/326}.conversion-card .widget-ui{width:350px}.shopping-card{aspect-ratio:300/382}.shopping-card .widget-ui{width:300px;padding:17px}.motion-ready .metric-number{font-size:48px}.motion-ready .card-top{font-size:16px}.motion-ready .metric-caption{font-size:15px}.motion-ready .audience-bars{height:106px}.motion-ready .audience-faces{margin-bottom:20px}.motion-ready .audience-faces img{width:36px;height:36px}
.audience-card{aspect-ratio:340/382}.conversion-card{aspect-ratio:350/355}.shopping-card{aspect-ratio:300/400}

@media(max-width:700px) and (max-height:720px){.motion-ready .story-copy{top:6%}.story-copy h2{font-size:30px;margin-bottom:15px}.story-copy>p:last-child{font-size:14px;line-height:1.55}.step-label{margin-bottom:12px}}

/* Keep the opening composition close to the copy, even on tall displays. */
.hero{padding-top:64px;padding-bottom:14px}
.safari-toolbar{position:relative}
.safari-address{position:absolute;left:50%;transform:translateX(-50%)}
.safari-tools{display:flex;align-items:center;gap:22px;margin-left:auto}
.safari-tools svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.hero{padding-top:48px;padding-bottom:8px}}
.aurel-hero{grid-template-rows:minmax(0,1fr)}
.aurel-hero>img{height:596px;min-height:0;min-width:0;object-position:50% 75%}

/* Spring motion is isolated from the outer scroll pose. */
.landing-window,.metric-card{background:transparent;border:0;box-shadow:none;overflow:visible}
.entry-layer{width:100%;height:100%;transform-origin:center}
.landing-window>.entry-layer{background:white;border:1px solid #d9dee3;border-radius:13px;overflow:hidden;box-shadow:0 28px 60px -22px #1c30442b,0 3px 9px #14212d0a}
.metric-card>.entry-layer{background:white;border:1px solid #ebedf0;border-radius:20px;overflow:hidden;box-shadow:0 23px 60px -28px #182a4240,0 2px 8px #182a4205}
.motion-ready .motion-story{height:716svh}
.motion-ready .floating-element{transform-origin:center}
.closing-copy{text-align:center;padding:60px 24px 80px}
.closing-copy h2{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.06;margin:0 auto;max-width:900px}
.closing-copy .build-button{margin-top:18px;padding:12px 19px}
.motion-ready .closing-copy{position:absolute;top:2%;left:5%;width:90%;padding:0;opacity:0;z-index:45;will-change:transform,opacity}
@media(max-width:700px){.motion-ready .motion-story{height:716svh}.landing-window>.entry-layer{border-radius:7px}.closing-copy h2{font-size:31px;letter-spacing:-1.25px}.motion-ready .closing-copy{top:3%}.closing-copy .build-button{font-size:12px;margin-top:16px;padding:10px 15px}}

/* A compact phone stage and responsive widget content, rather than a scaled desktop canvas. */
@media(max-width:700px){
  .hero{padding-top:38px}.eyebrow{margin-bottom:16px}h1{font-size:44px;margin-bottom:20px}.build-button{margin-top:22px;padding:13px 19px}
  .motion-ready .motion-story{--phone-stage:min(100svh,560px);height:calc(var(--phone-stage) * 5)}
  .motion-ready .motion-stage{height:var(--phone-stage)}
  .motion-ready .scene{height:calc(var(--phone-stage) - 84px)}
  .motion-ready .story-copy{top:24px;left:5%;width:90%}
  .story-copy h2{font-size:30px;line-height:1.1;margin-bottom:12px}
  .story-copy>p:last-child{font-size:14px;line-height:1.55}.step-label{margin-bottom:12px}
  .motion-ready .closing-copy{top:16px}.closing-copy h2{font-size:28px;line-height:1.1}
  .motion-ready .scroll-hint{display:flex;position:absolute;bottom:78px;left:0;right:0;justify-content:center;font-size:11px;pointer-events:none}
  .metric-card{container-type:inline-size}
  .audience-card{aspect-ratio:1/1.35}.conversion-card{aspect-ratio:1/1.24}
  .metric-card .entry-layer{border-radius:14px}
  .metric-card .widget-ui{width:100%;height:100%;transform:none;display:flex;flex-direction:column;padding:clamp(9px,6cqw,20px)}
  .motion-ready .card-top,.card-top{font-size:clamp(9px,5cqw,14px)}.card-top>span:last-child{font-size:12px;letter-spacing:0}
  .motion-ready .metric-number,.metric-number{font-size:clamp(22px,15cqw,42px);letter-spacing:-.06em;margin:5px 0 0}
  .motion-ready .metric-caption,.metric-caption{font-size:clamp(8px,4.5cqw,13px);margin:0 0 5px}
  .motion-ready .audience-faces,.audience-faces{margin:2px 0 6px}
  .motion-ready .audience-faces img,.audience-faces img{width:clamp(14px,9cqw,28px);height:clamp(14px,9cqw,28px);border-width:1px}
  .motion-ready .audience-bars,.audience-bars{flex:1;min-height:0;height:auto;gap:clamp(2px,2.5cqw,7px)}
  .chart-months{font-size:clamp(7px,3.7cqw,10px);margin-top:5px}
  .metric-growth{font-size:clamp(9px,5cqw,14px);margin:2px 0 3px}
  .conversion-chart{flex:1;min-height:0;height:auto;margin-top:3px}
  .shopping-card .widget-ui{padding:clamp(8px,5cqw,15px)}
  .tote-photo{min-height:0;flex:1;object-fit:cover;border-radius:8px}
  .product-details{font-size:clamp(9px,5cqw,14px);margin-top:7px;gap:5px;letter-spacing:-.2px;white-space:nowrap}
  .product-description{font-size:11px;line-height:1.4;margin:5px 0 8px}
  .cart-button{min-height:28px;padding:7px 9px;font-size:clamp(9px,5cqw,13px);margin-top:8px;flex-shrink:0}.cart-button>span{font-size:16px}
  .cart-status{font-size:9px;margin:7px 0 0;min-height:12px}
  @container(max-width:150px){.product-description,.cart-status,.card-top>span:last-child{display:none}}
}

/* Rasterize each interface once, then move and scale its compositor layer. */
.motion-ready .floating-element,.motion-ready .device-layer{transform-origin:0 0;will-change:transform,opacity;backface-visibility:hidden}

.motion-ready .scene{height:calc(100svh - 24px)}
.motion-ready .scroll-hint{position:absolute;bottom:18px;left:0;right:0;justify-content:center;pointer-events:none}
@media(max-width:700px){
  .motion-ready .scene{height:calc(var(--phone-stage) - 24px)}
  .motion-ready .metric-card .card-top{font-size:13px}
  .motion-ready .metric-card .metric-number{font-size:32px}
  .motion-ready .metric-card .metric-caption{font-size:11px}
  .motion-ready .metric-card .audience-faces img{width:22px;height:22px}
  .motion-ready .metric-card .metric-growth{font-size:12px}
  .motion-ready .metric-card .chart-months{font-size:9px}
  .motion-ready .metric-card .product-details{font-size:13px}
  .motion-ready .metric-card .cart-button{font-size:12px}
  .motion-ready .metric-card.is-compact .product-description,.motion-ready .metric-card.is-compact .cart-status,.motion-ready .metric-card.is-compact .card-top>span:last-child{display:none}
}

/* The same continuous scene stays compact and readable on phones. */
.desktop-menu .apple-logo{width:10px;height:12px;fill:currentColor;flex-shrink:0}
@media(max-width:700px){
  .hero{padding-top:32px;padding-bottom:10px}
  .brand{font-size:clamp(9px,2.8vw,11px);white-space:nowrap}
  h1{font-size:clamp(36px,11.3vw,44px)}
  .hero .eyebrow,.intro>p:not(.lead),.story-copy>p:last-child,.motion-ready .scroll-hint{display:none}
  .intro .lead{margin-bottom:0}
  .hero .build-button{margin-top:20px}
  .story-copy h2{font-size:28px;margin-bottom:0}
  .desktop-menu .apple-logo{width:6px;height:7px}
}

/* Keep scroll geometry stable while Safari chrome moves. Only the scene
   translation follows the visible center, without resizing the cards. */
.motion-ready .motion-stage{top:0;height:100lvh}
.motion-ready .scene{height:100svh;transform:translate3d(0,calc((100dvh - 100svh) / 2),0)}
.motion-ready .story-copy,.motion-ready .closing-copy{top:0}
.traffic-sources{display:flex;gap:14px;margin:12px 0 24px;font-size:12px;color:#7e858e}
.traffic-sources span{display:flex;align-items:center;gap:5px}.traffic-sources b{font-weight:500;color:#42484e}
.traffic-sources i{width:6px;height:6px;border-radius:50%;background:#337fed}.traffic-sources span+span i{background:#9dbfeb}
.metric-growth{display:flex;align-items:center;gap:5px;white-space:nowrap}
.metric-growth svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.metric-growth>span{font-size:11px;font-weight:400;color:#858b93;margin-left:3px}
.aurel-copy{padding-top:72px}
@media(max-width:700px){
  .motion-ready .motion-story{height:794.4svh}
  .motion-ready .scene{height:100svh}
  .motion-ready .story-copy,.motion-ready .closing-copy{top:0}
  .traffic-sources{font-size:9px;gap:8px;margin:7px 0 10px;flex-wrap:wrap}
  .traffic-sources span{gap:3px}.traffic-sources i{width:4px;height:4px}
  .metric-growth svg{width:12px;height:12px}
  .metric-growth>span{font-size:9px;margin-left:0}
  .is-compact .metric-growth>span{display:none}
}

.tote-photo{object-fit:contain;object-position:center}

/* Charts are painted once. Only bar transforms and a reveal cover animate. */
.conversion-card .widget-ui{height:100%;display:flex;flex-direction:column}
.order-summary{font-size:11px;line-height:1.4;color:#7e858e;margin:3px 0 0}
.metric-growth{margin:6px 0 0}.metric-growth b{font-weight:500}
.chart-viewport{position:relative;overflow:hidden;flex:1;min-height:0;margin-top:14px;isolation:isolate}
.chart-viewport .conversion-chart{height:100%;width:100%;margin:0;overflow:hidden}
.chart-cover{position:absolute;inset:0;background:#fff;transform:translate3d(102%,0,0);pointer-events:none}
.traffic-sources{font-size:11px;gap:10px;justify-content:space-between}
.traffic-sources span:nth-child(3) i{background:#c7ced7}
@media(max-width:700px){
  .order-summary{font-size:8px;white-space:nowrap;margin:2px 0 0}
  .metric-growth{margin:3px 0 0}
  .chart-viewport{margin-top:8px}
  .traffic-sources{font-size:8px;gap:4px 8px;justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){.chart-cover{transform:translate3d(102%,0,0)}}

.safari-ui,.widget-ui{contain:layout paint style}

/* Compact chrome and a balanced product card at both rasterization sizes. */
.safari-toolbar{padding:0 18px}.traffic-lights i{width:10px;height:10px}
.safari-tools{gap:18px}.safari-tools svg{width:18px;height:18px}
.shopping-card .widget-ui{height:100%;display:flex;flex-direction:column;padding:16px}
.shopping-card .tote-photo{flex:1;min-height:0;aspect-ratio:auto;width:100%;object-fit:contain;border-radius:10px}
.shopping-card .product-details{margin-top:14px;font-size:16px;line-height:1.25;gap:8px;letter-spacing:-.25px}
.shopping-card .product-details>span:last-child{font-size:15px;font-weight:500}
.shopping-card .product-description{font-size:11px;line-height:1.4;margin:5px 0 14px}
.shopping-card .cart-button{justify-content:center;gap:9px;min-height:42px;padding:10px 14px;margin:0;border-radius:8px;background:#2478ed;font-size:13px;font-weight:550;line-height:1.2;flex-shrink:0;box-shadow:inset 0 1px 0 #ffffff24}
.shopping-card .cart-button>span{font-size:17px;line-height:1}
.shopping-card .cart-button:hover{background:#1668d7}
.shopping-card .cart-button:focus-visible{outline:2px solid #155cc1;outline-offset:3px}
.shopping-card .cart-status{font-size:9px;line-height:1.4;min-height:13px;margin:9px 0 0;letter-spacing:-.1px}
@media(max-width:700px){
  .motion-ready .shopping-card .widget-ui{padding:9px}
  .motion-ready .shopping-card .product-details{font-size:10.5px;margin-top:8px;gap:5px;letter-spacing:-.15px}
  .motion-ready .shopping-card .product-details>span:last-child{font-size:10px}
  .motion-ready .shopping-card .product-description{font-size:8px;margin:3px 0 8px;line-height:1.3}
  .motion-ready .shopping-card .cart-button{min-height:27px;padding:6px 8px;font-size:9px;border-radius:6px;gap:5px}
  .motion-ready .shopping-card .cart-button>span{font-size:12px}
  .motion-ready .shopping-card .cart-status{font-size:6.5px;margin-top:6px;min-height:9px;white-space:nowrap}
}

/* Compact floating navigation with a clear contact action. */
.pill-nav{position:sticky;top:12px;z-index:100;width:min(740px,calc(100% - 32px));height:56px;margin:16px auto 0;padding:7px 8px 7px 20px;gap:20px;border:1px solid #e9eaec;border-radius:32px;background:rgba(244,244,246,.68);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 1px 0 #ffffff70,0 4px 16px #17212c08}
.pill-nav-links{display:flex;align-items:center;justify-content:center;gap:24px;margin-left:auto}.pill-nav-links a{font-size:13px;color:#62666b;padding:10px 0;white-space:nowrap}.pill-nav-links a:hover{color:#191b1d}
.pill-nav .nav-contact{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 20px;border-radius:24px;background:#101214;color:#fff;font-size:13px;font-weight:500;white-space:nowrap}.pill-nav .nav-contact:hover{background:#303438}
#selected-work,#get-the-guide,#founder-title{scroll-margin-top:88px}
@media(max-width:600px){.pill-nav{top:8px;height:52px;padding-left:14px;gap:22px}.pill-nav .brand{font-size:10px}.pill-nav-links{gap:12px}.pill-nav-links a{font-size:12px}.pill-nav-links a:not(:first-child){display:none}.pill-nav .nav-contact{min-height:36px;padding:0 16px;font-size:12px}}