/* ==============================================================
   JELLI / INTERIOR PAGES — a quieter companion to the homepage.
   Design canon: information first, premium restraint, warm precision.
   Original homepage style lives in home.css and remains unmodified.
   ============================================================== */
.is-interior {background-image:radial-gradient(ellipse 60rem 34rem at 78% -5rem,rgba(133,75,188,.15),transparent 73%),radial-gradient(ellipse 43rem 31rem at -12% 35rem,rgba(95,52,155,.08),transparent 70%)}
.interior-main{padding-bottom:14px;min-height:58vh}
.interior-main a:focus-visible,.interior-main button:focus-visible{outline:2px solid var(--button);outline-offset:4px}
.interior-main a{text-underline-offset:4px}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding-top:38px;color:#B7A6C8;font:500 11px/1.5 var(--body)}
.breadcrumbs a{text-decoration:none;color:#D1C1E0}.breadcrumbs a:hover{color:var(--button)}.breadcrumbs span:last-child{color:#9685AA}
.interior-hero{position:relative;isolation:isolate;padding:99px 0 98px}
.interior-hero h1{font:600 clamp(42px,5.15vw,70px)/1.085 var(--display);letter-spacing:-.033em;max-width:1050px;text-wrap:balance;margin:21px 0 0}
.interior-hero h1 em{color:var(--button);font-style:normal}
.interior-hero .eyebrow{font-size:11px;letter-spacing:.18em;color:#CCA2F4}
.interior-lead{font:400 clamp(17px,1.85vw,20px)/1.67 var(--body);color:#D7CEE2;max-width:62ch;margin:26px 0 0}
.interior-center-hero{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:112px;padding-bottom:94px}
.interior-center-hero h1{max-width:950px}
.interior-center-hero .interior-lead{max-width:730px;margin-inline:auto}
.interior-text-link{display:inline-flex;align-items:center;gap:9px;color:var(--button);font:600 14px/1.5 var(--display);text-decoration:none;transition:color .2s}
.interior-text-link:hover{color:#FFF1AE}.interior-text-link span{font-size:17px;line-height:1}
.interior-hero .interior-text-link{margin-top:29px}
.interior-hero-split{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(35px,6vw,90px);align-items:center;min-height:570px;padding-top:72px;padding-bottom:87px}
.interior-hero-split h1{font-size:clamp(42px,4.8vw,66px)}
.interior-hero-split .interior-lead{max-width:56ch;font-size:18px}
.interior-feature-art{position:relative;min-width:0;min-height:420px;display:grid;place-items:center;background:radial-gradient(ellipse at 54% 52%,color-mix(in srgb,var(--art-accent) 17%,transparent),transparent 67%)}
.interior-feature-art::before{content:"";position:absolute;width:min(78%,390px);aspect-ratio:1;top:7%;left:14%;background:radial-gradient(circle,color-mix(in srgb,var(--art-accent) 17%,transparent),transparent 69%);filter:blur(25px);pointer-events:none}
.interior-feature-art>*,.interior-feature-art img{position:relative;z-index:1}
.interior-feature-art-jj{--art-accent:#9362B3;background:radial-gradient(circle at 56% 48%,rgba(147,98,179,.42),rgba(147,98,179,.12) 38%,transparent 67%)}
.interior-feature-art-rewards{--art-accent:#9362B3;background:radial-gradient(circle at 58% 50%,rgba(147,98,179,.34),rgba(147,98,179,.1) 36%,transparent 68%)}
.interior-feature-art-tools{
   background:none;
   overflow:visible;
 }
 
 .interior-feature-art-tools::after{
   content:"";
   position:absolute;
   right:-90px;
   top:50%;
   transform:translateY(-50%);
   width:420px;
   height:420px;
   border-radius:50%;
   background:radial-gradient(
     circle,
     rgba(113,95,203,.34) 0%,
     rgba(113,95,203,.18) 34%,
     rgba(113,95,203,.08) 55%,
     transparent 75%
   );
   filter:blur(18px);
   pointer-events:none;
   z-index:0;
 }
/* The original Jar vector and data from homepage Tier B, shown as a static example. */
.interior-jars-art{width:100%;max-width:585px;display:grid;gap:10px;justify-items:center}
.interior-art-caption{font:600 10px/1.35 var(--display);letter-spacing:.15em;color:#D9B7F5;text-align:center}
.interior-jars-art>small{font:400 11px/1.5 var(--body);color:#BAA9CD;text-align:center}
.interior-jars-demo{width:100%;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:22px 0 10px!important;overflow:visible!important}
.interior-jars-demo::before{display:none!important}
.interior-jars-demo .jars-showcase{gap:clamp(9px,1.7vw,20px);padding:0;max-width:100%;width:100%}
.interior-jars-demo .jars-piece-visual{max-width:90px}
.interior-jars-demo .jars-piece-name{font-size:11px}
.interior-jars-demo .jars-piece-amount{font-size:21px}
.interior-jars-demo .jars-piece-info{margin-top:7px}
.interior-jars-demo .jar-reveal-window{y:var(--jar-liquid-top)!important;height:var(--jar-liquid-height)!important;transition:none!important}
.interior-story-rail{border-top:1px solid rgba(221,185,246,.18)}
.interior-chapter{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,.65fr);gap:45px;border-bottom:1px solid rgba(221,185,246,.18);padding:67px 0 72px}
.interior-chapter-label{padding-top:9px}
.interior-chapter-label span{color:#C8A7E2;font:600 11px/1.5 var(--display);letter-spacing:.13em;text-transform:uppercase}
.interior-chapter-copy h2{font:600 clamp(27px,3.25vw,42px)/1.18 var(--display);letter-spacing:-.018em;max-width:740px;margin-bottom:23px}
.interior-chapter-copy p{font:400 16px/1.82 var(--body);color:#D3C8DD;max-width:670px;margin-top:16px}
.interior-chapter-copy strong{color:#FFF}
.interior-chapter-copy .interior-chapter-callout{font:600 19px/1.5 var(--display);color:#FFE66C;padding-top:12px}
.interior-chapter-copy .interior-text-link{margin-top:23px}
.interior-proof-note{font:400 12px/1.75 var(--body);color:#A899BE;max-width:900px;margin:26px 0 0}
.interior-closing{display:flex;justify-content:space-between;align-items:center;gap:35px;margin:93px 0 38px;padding:46px clamp(26px,4vw,57px);border-radius:24px;background:linear-gradient(123deg,rgba(67,35,103,.77),rgba(32,21,60,.86) 75%);border:1px solid rgba(210,175,244,.19)}
.interior-closing>div{flex:1;min-width:0}
.interior-closing .eyebrow{font-size:10px;letter-spacing:.16em}
.interior-closing h2{font:600 clamp(27px,3.1vw,41px)/1.16 var(--display);letter-spacing:-.018em;margin:12px 0 10px}
.interior-closing p{font:400 15px/1.6 var(--body);color:#D4C9E1;max-width:630px}
.interior-closing .btn{white-space:nowrap;flex:none}
.interior-bottom-nav{display:flex;gap:12px 25px;flex-wrap:wrap;justify-content:center;padding:30px 0 2px;border-top:1px solid rgba(221,185,246,.13);margin-top:32px}
.interior-bottom-nav a{font:500 12px/1.5 var(--body);color:#CDBBD9;text-decoration:none}
.interior-bottom-nav a:hover{color:var(--button)}
/* Feature hub: four precise editorial lines, not faux app panels. */
.interior-feature-index{border-top:1px solid rgba(221,185,246,.24)}
.interior-feature-index-item{position:relative;display:grid;grid-template-columns:230px minmax(0,1fr) 45px;gap:32px;align-items:center;padding:37px 20px 41px 0;border-bottom:1px solid rgba(221,185,246,.23);text-decoration:none;transition:background .22s}
.interior-feature-index-item:hover{background:linear-gradient(90deg,rgba(139,78,188,.065),transparent 75%)}
.feature-count{font:600 11px/1.65 var(--display);letter-spacing:.09em;color:#BCA3D4;text-transform:uppercase;max-width:180px}
.feature-index-main h2{font:600 clamp(28px,3vw,40px)/1.2 var(--display);letter-spacing:-.018em;color:#fff}
.feature-index-main p{font:400 15px/1.7 var(--body);color:#CBBED9;max-width:625px;margin-top:11px}
.feature-index-arrow{color:var(--button);font:300 31px/1 var(--display);justify-self:end;transition:transform .2s}
.interior-feature-index-item:hover .feature-index-arrow{transform:translate(3px,-3px)}
/* How it works: real Jar art, then a calm sequential explanation. */
.interior-how-showcase{max-width:760px;margin:0 auto 75px;display:flex;justify-content:center}
.interior-how-showcase .interior-jars-art{margin-inline:auto}
.interior-how-showcase .interior-jars-demo .jars-showcase{width:min(100%,760px);margin-inline:auto;justify-items:center}
.interior-how-showcase .interior-jars-demo .jars-piece-visual{max-width:125px}
.interior-how-showcase .interior-jars-demo .jars-piece-name{font-size:13px}
.interior-how-showcase .interior-jars-demo .jars-piece-amount{font-size:26px}
.interior-section-prelude{margin:0 0 29px;max-width:730px}
.interior-section-prelude h2{font:600 clamp(30px,3.5vw,45px)/1.18 var(--display);letter-spacing:-.022em;margin:12px 0 0}
.interior-section-prelude p{font:400 16px/1.7 var(--body);color:#CDBEDB;margin-top:17px;max-width:680px}
.interior-how-steps{padding:22px 0 0;border-top:1px solid rgba(221,185,246,.21)}
.interior-how-step{display:grid;grid-template-columns:110px minmax(0,1fr);gap:27px;padding:40px 0;border-bottom:1px solid rgba(221,185,246,.19)}
.interior-step-no{font:600 24px/1.2 var(--display);color:#D1A9F0}
.interior-how-step h3{font:600 clamp(24px,2.7vw,34px)/1.24 var(--display);letter-spacing:-.012em}
.interior-how-step p{font:400 16px/1.76 var(--body);color:#D1C5DF;margin-top:15px;max-width:745px}
.interior-principle{margin-top:78px;text-align:center;padding:60px 30px 65px;border-top:1px solid rgba(221,185,246,.19);border-bottom:1px solid rgba(221,185,246,.19)}
.interior-principle h2{font:600 clamp(29px,3.5vw,44px)/1.22 var(--display);margin:17px auto 16px;max-width:800px}
.interior-principle p{font:400 17px/1.7 var(--body);max-width:725px;margin:auto;color:#D2C5DE}
/* Feature hero art refinements */
.interior-jj-stage{min-height:460px;padding:4px 0 0;display:flex;align-items:flex-end;justify-content:center;overflow:visible}
.interior-jj-character{position:relative;z-index:2;width:min(100%,360px);margin-top:-10px}
.interior-jj-character svg{display:block;width:100%;height:auto;overflow:visible;transform:none;transition:none}
.interior-jj-stage .jjf-shadow{bottom:10px;width:210px;z-index:1}
.interior-jj-stage .jjf-puppet-svg .jjf-gaze{transform:translate(var(--jj-eye-x,0px),var(--jj-eye-y,0px))}
.interior-jj-stage .jjf-puppet-svg .jjf-glint{transform:translate(var(--jj-glint-x,0px),var(--jj-glint-y,0px))}
.interior-jj-stage .jjf-puppet-svg .jjf-face{transition:opacity .11s ease,visibility .11s ease}
.interior-jj-stage .jjf-puppet-svg .jjf-face-rest{opacity:1!important;visibility:visible!important}
.interior-jj-stage .jjf-puppet-svg .jjf-face-rest #Bubbles_REST,.interior-jj-stage .jjf-puppet-svg .jjf-face-rest #BROWS_REST,.interior-jj-stage .jjf-puppet-svg .jjf-face-lft,.interior-jj-stage .jjf-puppet-svg .jjf-face-rt{opacity:0;visibility:hidden}
.interior-jj-stage .jjf-puppet-svg[data-face="rest"] .jjf-face-rest #Bubbles_REST,.interior-jj-stage .jjf-puppet-svg[data-face="rest"] .jjf-face-rest #BROWS_REST{opacity:1;visibility:visible}
.interior-jj-stage .jjf-puppet-svg[data-face="left"] .jjf-face-lft,.interior-jj-stage .jjf-puppet-svg[data-face="right"] .jjf-face-rt{opacity:1;visibility:visible}
.interior-jj-stage .jjf-puppet-svg #GLASSES_LFT,.interior-jj-stage .jjf-puppet-svg #GLASSES_RT{display:none}
.interior-jj-stage .jjf-puppet-svg #GLASSES_REST{transform-box:fill-box;transform-origin:center;transform:translate(var(--jj-glasses-x,0px),var(--jj-glasses-y,0px)) skewX(var(--jj-glasses-skew,0deg)) rotate(var(--jj-glasses-tilt,0deg)) scale(var(--jj-glasses-scale,1));transition:transform .08s linear}
.interior-jj-stage .jjf-puppet-svg .jjf-blink-layer{opacity:0;pointer-events:none}
.interior-jj-character.is-blinking .jjf-puppet-svg .jjf-blink-layer{animation:jjfBlinkBehind .18s ease-in-out both}
.interior-jj-speech{display:none!important}
.interior-tool-hero{position:relative;width:100%;min-height:540px;display:flex;align-items:center;justify-content:center;overflow:visible}
.interior-tool-phone{display:block;width:auto;height:clamp(440px,42vw,540px);max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 42px rgba(11,3,32,.28))}
.interior-rewards-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;gap:12px;width:100%;max-width:470px;filter:drop-shadow(0 25px 19px rgba(5,0,26,.3))}
.interior-rewards-hero .rewards-hero-badge{display:block;position:relative;visibility:visible;opacity:1;width:100%;max-width:148px;height:auto;aspect-ratio:1;object-fit:contain;animation:rewardFloat 5.8s ease-in-out infinite}
.interior-rewards-hero .rewards-hero-badge:nth-child(1){animation-delay:0s;transform:translateY(10px)}
.interior-rewards-hero .rewards-hero-badge:nth-child(2){animation-delay:-1.2s;transform:translateY(-18px)}
.interior-rewards-hero .rewards-hero-badge:nth-child(3){animation-delay:-2.1s;transform:translateY(6px)}
@keyframes rewardFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes jjfBlinkBehind{0%,100%{opacity:0}30%,70%{opacity:1}}
/* Founders: editorial portrait rhythm. FPO never pretends to be photography. */
.team-intro{padding-bottom:90px}
.team-portraits{border-top:1px solid rgba(221,185,246,.17)}
.team-member{display:grid;grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);gap:clamp(35px,6vw,100px);padding:73px 0 80px;border-bottom:1px solid rgba(221,185,246,.19);align-items:start}
.team-portrait{position:relative;min-height:520px;aspect-ratio:4 / 5.2;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 40%,rgba(166,114,203,.18),transparent 70%),linear-gradient(142deg,#302148 4%,#221A39 44%,#17142C 100%);border-radius:19px;border:1px solid rgba(219,189,245,.18)}
.team-member:nth-child(2) .team-portrait{background:radial-gradient(ellipse at 60% 32%,rgba(139,164,199,.16),transparent 70%),linear-gradient(147deg,#2B3048,#201D37 54%,#17142C)}
.team-member:nth-child(3) .team-portrait{background:radial-gradient(ellipse at 30% 42%,rgba(190,134,164,.14),transparent 70%),linear-gradient(147deg,#3E2B48,#251C3B 54%,#17142C)}
.team-portrait.has-photo{isolation:isolate;box-shadow:0 22px 54px rgba(10,3,25,.16);}
.team-portrait.has-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,7,35,.04) 0%,rgba(15,7,35,.12) 65%,rgba(15,7,35,.28) 100%);opacity:1;pointer-events:none;transition:opacity .28s ease,background .28s ease;}
.team-portrait.has-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.001);transition:transform .38s cubic-bezier(.2,.8,.2,1),filter .28s ease;filter:saturate(1.01) brightness(.98);}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.team-member:hover .team-portrait.has-photo img,.team-portrait.has-photo:hover img{transform:scale(1.035) translateY(-2px);filter:saturate(1.04) brightness(1.02)}.team-member:hover .team-portrait.has-photo::after,.team-portrait.has-photo:hover::after{background:linear-gradient(180deg,rgba(15,7,35,.01) 0%,rgba(15,7,35,.08) 55%,rgba(15,7,35,.22) 100%)}}
.portrait-monogram{color:rgba(237,215,251,.25);font:300 clamp(86px,10vw,145px)/1 var(--display);letter-spacing:-.08em}
.portrait-label{position:absolute;bottom:20px;left:22px;font:600 10px var(--display);color:#BCABC9;letter-spacing:.17em}
.team-details{padding:15px 0 0}
.team-id{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:31px}
.team-id .eyebrow{font-size:11px;letter-spacing:.13em}
.team-id h2{font:600 clamp(31px,4vw,49px)/1.1 var(--display);letter-spacing:-.027em;margin-top:10px}
.team-linkedin{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid rgba(218,187,246,.28);border-radius:11px;color:#E1D5EC;background:rgba(255,255,255,.035);text-decoration:none;transition:border-color .2s,color .2s}
.team-linkedin svg{display:block;width:20px;height:20px}
.team-linkedin:hover{color:var(--button);border-color:rgba(255,230,108,.56)}
.team-bio p{font:400 15px/1.84 var(--body);color:#D4C9DF;max-width:695px;margin-top:19px}.team-bio p:first-child{margin-top:0}
.team-closing{margin-top:76px}
/* Press kit: functional downloads for approved existing assets only */
.press-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(35px,5vw,76px);align-items:center;border-top:1px solid rgba(221,185,246,.18);padding-top:52px}
.press-logo-art{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;border-radius:20px;background:radial-gradient(ellipse at 45% 36%,rgba(169,100,225,.22),transparent 70%),linear-gradient(130deg,#2F1858,#17102E);border:1px solid rgba(221,185,246,.17)}
.press-logo-art>img{width:min(60%,245px);height:160px;object-fit:contain}
.press-logo-art span{font:600 11px var(--display);color:#E9C9F9;letter-spacing:.16em}
.press-copy h2{font:600 clamp(29px,3.1vw,41px)/1.19 var(--display);margin:13px 0 16px}
.press-copy p{font:400 15px/1.8 var(--body);color:#D5C8E2}
.interior-copy-button{display:inline-flex;gap:12px;border:0;border-bottom:1px solid rgba(255,230,108,.55);padding:11px 0;margin-top:17px;background:none;color:var(--button);font:600 13px/1.5 var(--display)}
.interior-copy-button:hover{color:white}.copy-status{font:400 12px/1.6 var(--body);color:#A5E6C9;display:block;min-height:20px}
.press-assets{margin-top:88px}
.press-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:33px}
.press-asset{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:23px;padding:25px 27px;min-height:147px;border:1px solid rgba(213,187,244,.18);border-radius:17px;background:rgba(155,104,203,.055);text-decoration:none;transition:border-color .22s}
.press-asset:hover{border-color:rgba(255,230,108,.43)}.press-asset>img{display:block;width:100px;max-height:65px;object-fit:contain}
.press-asset>span:not(.asset-fpo){font:600 16px var(--display);color:#fff}.press-asset small{display:block;color:#B8A7CB;font:400 11px/1.4 var(--body);margin-top:6px}
.press-asset b{color:var(--button);font:500 23px var(--display)}
.press-asset-pending{opacity:.65;cursor:default}.asset-fpo{display:grid;place-items:center;height:63px;width:100px;background:rgba(176,139,205,.11);border-radius:10px;color:#B8A7C7;font:600 10px var(--display);letter-spacing:.07em}
/* Blog archive and support pages: thoughtful restraint; all routes resolve. */
.blog-migration-note{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:27px 0 35px;border-top:1px solid rgba(221,185,246,.2);border-bottom:1px solid rgba(221,185,246,.2)}
.blog-migration-note p{font:400 14px/1.7 var(--body);color:#C9BCDA;margin-top:9px;max-width:745px}.blog-migration-note>a{flex:none}
.blog-selected{margin-top:83px}
.blog-feature-list{border-top:1px solid rgba(221,185,246,.2)}
.blog-feature-item{display:grid;grid-template-columns:90px minmax(0,1fr) 40px;gap:23px;padding:33px 5px 35px 0;border-bottom:1px solid rgba(221,185,246,.18);text-decoration:none}
.blog-feature-num{color:#C6A8E2;font:500 18px var(--display)}.blog-feature-item small{font:600 10px var(--display);letter-spacing:.12em;color:#CAA6E8}.blog-feature-item h3{font:600 clamp(21px,2.8vw,32px)/1.25 var(--display);margin-top:12px}.blog-feature-item p{color:#CFC1DB;font:400 14px/1.65 var(--body);margin-top:10px}.blog-feature-arrow{font:400 25px var(--display);color:var(--button)}.blog-feature-item:hover h3{color:var(--button)}
.interior-empty-editorial{padding:55px 0 60px;border-top:1px solid rgba(221,185,246,.2);border-bottom:1px solid rgba(221,185,246,.2);max-width:870px;margin:0 auto}
.interior-empty-editorial h2{font:600 clamp(29px,3.6vw,45px)/1.2 var(--display);margin:13px 0 18px}
.interior-empty-editorial p{font:400 16px/1.8 var(--body);color:#CFC3DD;max-width:690px}
.interior-empty-editorial .btn{margin-top:23px}.interior-actions{display:flex;gap:26px;flex-wrap:wrap;margin-top:24px}
.help-questions{max-width:880px;margin:0 auto;border-top:1px solid rgba(221,185,246,.2)}
.collaborate-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:40px 0 30px;border-top:1px solid rgba(221,185,246,.2)}
.collaborate-topics>div{padding-right:24px}.collaborate-topics h2{font:600 clamp(23px,2.3vw,31px)/1.25 var(--display);margin:15px 0 13px}.collaborate-topics p{font:400 15px/1.75 var(--body);color:#CDBED9}
.contact-routes{display:grid;grid-template-columns:1fr 1fr;gap:27px;border-top:1px solid rgba(221,185,246,.2);padding-top:40px}
.contact-route{text-decoration:none;display:grid;align-content:start;justify-items:start;padding:33px 0 40px;border-bottom:1px solid rgba(221,185,246,.2)}
.contact-route h2{font:600 34px var(--display);margin:9px 0}.contact-route p{font:400 16px/1.65 var(--body);color:#CFC1DC;max-width:340px}.contact-route strong{font:600 15px var(--display);color:var(--button);margin-top:21px}
.error-hero{min-height:65vh;justify-content:center}
@media(max-width:1000px){.interior-feature-index-item{grid-template-columns:175px minmax(0,1fr) 36px}.team-portrait{min-height:410px}.interior-hero-split{gap:35px}}
@media(max-width:800px){.interior-hero{padding:75px 0 65px}.interior-hero-split{grid-template-columns:1fr;min-height:auto;gap:10px}.interior-feature-art{min-height:370px}.interior-hero-split .interior-hero-text{max-width:760px}.interior-chapter{grid-template-columns:145px 1fr;gap:24px}.team-member{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:30px}.team-portrait{min-height:335px}.team-details{padding:0}.press-feature{grid-template-columns:1fr;gap:35px}.press-logo-art{min-height:270px}.press-asset-grid{gap:12px}.press-asset{grid-template-columns:65px 1fr auto;gap:12px;padding:18px}.press-asset img,.asset-fpo{width:65px}.interior-center-hero{padding-top:85px}}
@media(max-width:650px){.breadcrumbs{padding-top:20px}.interior-hero{padding:58px 0 52px}.interior-hero h1{font-size:clamp(39px,9vw,53px)}.interior-center-hero{padding-top:66px;padding-bottom:59px}.interior-lead,.interior-hero-split .interior-lead{font-size:17px;line-height:1.65}.interior-feature-art{min-height:310px}.interior-feature-art .interior-jj-character{width:min(74vw,285px)}.interior-jars-demo .jars-showcase{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.interior-jars-demo .jars-piece-visual{width:100%;max-width:70px}.interior-jars-demo .jars-piece-amount{font-size:17px}.interior-jars-demo .jars-piece-name{font-size:10px}.interior-jars-demo .jars-piece-info{min-height:48px}.interior-how-showcase .interior-jars-demo .jars-piece-visual{max-width:80px}.interior-how-showcase .interior-jars-demo .jars-piece-amount{font-size:19px}.interior-chapter{grid-template-columns:1fr;gap:14px;padding:42px 0 49px}.interior-chapter-label{padding-top:0}.interior-chapter-copy h2{font-size:30px;margin-bottom:17px}.interior-chapter-copy p{font-size:15px;line-height:1.74}.interior-closing{flex-direction:column;align-items:flex-start;gap:23px;padding:31px 25px;margin-top:67px}.interior-closing h2{font-size:30px}.interior-feature-index-item{grid-template-columns:1fr 33px;gap:9px;padding:26px 8px 30px 0}.feature-count{grid-column:1/-1}.feature-index-main{grid-column:1}.feature-index-arrow{grid-column:2;grid-row:2}.feature-index-main h2{font-size:29px}.feature-index-main p{font-size:14px}.interior-how-steps{padding-top:0}.interior-how-step{grid-template-columns:57px 1fr;gap:16px;padding:29px 0}.interior-step-no{font-size:19px}.interior-how-step h3{font-size:25px}.interior-how-step p{font-size:15px}.interior-principle{padding:44px 6px 46px;margin-top:53px}.interior-principle h2{font-size:30px}.team-intro{padding-bottom:54px}.team-member{grid-template-columns:1fr;gap:21px;padding:42px 0 49px}.team-portrait{min-height:auto;aspect-ratio:4 / 3.7;max-height:455px}.team-id h2{font-size:39px}.team-bio p{font-size:15px}.press-asset-grid{grid-template-columns:1fr}.press-feature{padding-top:29px}.press-logo-art{min-height:240px}.press-assets{margin-top:60px}.blog-migration-note{flex-direction:column;align-items:flex-start}.blog-selected{margin-top:56px}.blog-feature-item{grid-template-columns:42px 1fr 21px;gap:10px;padding:24px 0 28px}.blog-feature-item h3{font-size:23px}.collaborate-topics{grid-template-columns:1fr;gap:29px}.contact-routes{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){.interior-main a,.team-linkedin,.feature-index-arrow{transition:none!important}}
/* Keep authentic Jar lid overhang within narrow screens without cropping its art. */
@media(max-width:650px){.interior-jars-demo .jars-showcase{padding:0 10px}}

@media(max-width:800px){.interior-jj-stage{min-height:395px}.interior-jj-character{width:min(76vw,314px)}.interior-tool-hero{min-height:450px}.interior-tool-phone{height:440px}}
@media(max-width:650px){.interior-jj-stage{min-height:360px;padding-top:0}.interior-jj-character{width:min(78vw,285px)}.interior-jj-stage .jjf-shadow{width:178px}.interior-tool-hero{min-height:350px}.interior-tool-phone{height:min(84vw,400px);max-width:100%}.interior-rewards-hero{gap:5px}.interior-rewards-hero .rewards-hero-badge{width:100%}}
@media(prefers-reduced-motion:reduce){.interior-rewards-hero .rewards-hero-badge{animation:none!important}.interior-jj-stage .jjf-puppet-svg .jjf-face,.interior-jj-stage .jjf-puppet-svg #GLASSES_REST{transition:none!important}}