/* The publisher runs inside the screen plane. No screenshot-only controls. */
.phone-ui{position:fixed;left:0;top:0;z-index:2;width:390px;height:820px;transform-origin:0 0;border-radius:56px;background:#faf9f6;color:#202221;overflow:hidden;contain:layout style;pointer-events:auto;font-family:Helvetica,-apple-system,BlinkMacSystemFont,Arial,sans-serif;text-align:left;box-shadow:inset 0 0 0 1px #ffffff80}
.phone-ui[hidden],.phone-ui [hidden]{display:none!important}.phone-ui *{box-sizing:border-box}.phone-ui button,.phone-ui a{font:inherit;-webkit-tap-highlight-color:transparent}.phone-ui button{cursor:pointer}.phone-ui button:focus-visible,.phone-ui a:focus-visible{outline:3px solid #077472;outline-offset:3px}.phone-status{height:62px;display:flex;align-items:center;position:relative;padding:4px 30px 0;font-size:17px;font-weight:600}.phone-island{position:absolute;width:108px;height:29px;left:141px;top:18px;border-radius:24px;background:#0e1113;box-shadow:inset -10px 0 8px #020405}.phone-island:after{content:'';position:absolute;right:11px;top:10px;width:9px;height:9px;border-radius:50%;background:#122132;border:2px solid #0b111d}.journal-brand{font-size:26px;font-weight:600;letter-spacing:-1px;padding:2px 25px 18px;border-bottom:1px solid #20222120}.journal-content{height:680px;overflow:auto;overscroll-behavior:auto;scrollbar-width:none}.journal-content::-webkit-scrollbar,.journal-sheet::-webkit-scrollbar{display:none}.journal-tabs{display:flex;gap:30px;padding:0 25px;border-bottom:1px solid #20222116}.journal-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#5f635f;padding:14px 0 11px;font-size:18px}.journal-tabs button[aria-current=page]{color:#202221;border-color:#202221}.journal-article{display:block;width:100%;padding:19px 25px 20px;background:none;border:0;text-align:left;color:inherit}.journal-article h2{font-size:25px;line-height:1.12;letter-spacing:-.7px;font-weight:500;margin:0 0 10px}.journal-article p{font-size:16px;line-height:1.35;color:#6a6f69;margin:0;max-width:32ch}.journal-placement{margin:0 16px 18px}.beacon-placement{border-radius:9px;overflow:hidden;background:#eeece4;border:1px solid #20222112}.placement-label{display:flex;justify-content:space-between;padding:12px 16px 0;font-size:13px;color:#616660}.placement-label span:first-child{font-weight:600;letter-spacing:1px;color:#282b27}.placement-art{overflow:hidden;width:100%;height:210px;display:block;position:relative;border:0;background:transparent;padding:0}.placement-art img{transform:scale(1.25);width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}.asset-missing{display:flex;height:100%;align-items:center;justify-content:center;font-size:22px}.placement-body{padding:6px 18px 13px}.placement-eyebrow{margin:0 0 9px;color:#6f736a;font-size:13px;line-height:1.3}.placement-body h3{font-size:29px;letter-spacing:-.85px;line-height:1.06;font-weight:500;margin:0 0 9px;max-width:15ch}.placement-name{font-size:16px;color:#65695e;margin:0 0 14px}.placement-open{border:0;background:#222b23;color:#fff;border-radius:5px;padding:14px 14px;font-size:17px!important;text-align:left;width:100%}.placement-why{background:none;border:0;padding:12px 0 0;font-size:13px!important;color:#5e665c;display:block}.beacon-placement[data-atmosphere=evening]{background:#e8e7ed}.beacon-placement[data-atmosphere=rain]{background:#e4ecec}.phone-home{height:5px;width:124px;background:#202221;position:absolute;bottom:12px;left:133px;border-radius:5px}.journal-sheet{position:absolute;top:62px;bottom:31px;left:0;right:0;background:#faf9f6;padding:0 25px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.sheet-back{border:0;background:none;padding:14px 0 22px;font-size:18px!important;color:#596355}.sheet-title{font-size:29px;line-height:1.12;letter-spacing:-.8px;font-weight:500;margin:0 0 22px}.sheet-copy{font-size:20px;line-height:1.5;margin:0 0 21px;color:#4c544a}.product-detail-image{display:block;width:100%;height:260px;object-fit:contain;mix-blend-mode:multiply}.product-variant{font-size:15px;color:#697263}.merchant-link{display:block;color:white;background:#202b22;text-decoration:none;padding:17px 18px;border-radius:5px;font-size:18px!important}.product-note{font-size:15px;line-height:1.5;color:#697263;margin:19px 0}.product-source{font-size:16px!important;color:#23635d}.product-url{font-size:12px;color:#6b746b;overflow-wrap:anywhere;line-height:1.5}.decision-evidence{font-size:18px;line-height:1.5}.decision-evidence dt{color:#727970;font-size:14px;margin-top:18px}.decision-evidence dd{margin:0}.nogl .phone-ui{position:relative;left:auto;top:auto;transform:none!important;margin:130px auto 60px;max-width:100%;border:8px solid #282d30}.nogl .story,.nogl .hint{display:none}.nogl .nav{opacity:1}.nogl{overflow:auto}.phone-ui.standalone{position:relative;transform:none!important;margin:40px auto;box-shadow:0 0 0 9px #313538,0 28px 70px #10182020}.standalone-page{overflow:auto;background:#e9eeeb}.standalone-heading{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:32px auto;padding:0 24px;font-size:15px}.standalone-heading a{color:inherit}

/* Apps with an agent inside: scripted agent lines, the visitor's words, and a separate placement */
.agent-ui{display:flex;flex-direction:column}
/* home screen: one icon per app; an open app fills the screen with its own header */
.agent-home{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,1fr);align-content:start;gap:22px 8px;padding:34px 20px}
.app-icon{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:0;padding:0;color:#202221;font-size:13px}
.app-glyph{display:grid;place-items:center;width:62px;height:62px;border-radius:17px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff2a,0 6px 14px #10141a22}
.app-glyph svg{width:30px;height:30px}
.app-glyph.small{width:34px;height:34px;border-radius:10px;box-shadow:none}.app-glyph.small svg{width:18px;height:18px}
.app-glyph.airline{background:linear-gradient(160deg,#1f5f8b,#0d3a5c)}.app-glyph.checkup{background:linear-gradient(160deg,#d9485f,#a92a42)}.app-glyph.tutor{background:linear-gradient(160deg,#f2b33d,#d98a12)}
.app-icon:focus-visible .app-glyph{outline:3px solid #077472;outline-offset:3px}
.agent-app{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.app-head{display:flex;align-items:center;gap:10px;padding:8px 16px 10px;border-bottom:1px solid #20222114;flex:none}
.app-back{display:grid;place-items:center;width:30px;height:34px;margin-left:-6px;background:none;border:0;color:#077472;padding:0}.app-back svg{width:22px;height:22px}
.app-titles{min-width:0}.app-title{margin:0;font-size:16px;font-weight:650;line-height:1.15;color:#202221}.app-role{margin:1px 0 0;font-size:12px;color:#6a6f69}
/* what Jev read while you type: the words behind each interest */
.agent-reading{display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px;padding:6px 14px 2px;flex:none}
.read-head{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#077472;margin-right:2px}
.read-chip{display:inline-flex;align-items:baseline;gap:4px;padding:3px 8px;border-radius:12px;background:#0774720f;border:1px solid #07747224;font-size:12.5px;color:#2a2d2b;animation:read-in .32s ease-out both}
.read-chip.strong{background:#07747219;border-color:#07747255}
.read-words{font-style:normal;color:#202221;font-weight:600;quotes:"“" "”"}.read-arrow{color:#077472}.read-label{color:#202221}.read-pct{color:#6a6f69;font-variant-numeric:tabular-nums;font-size:11.5px}
.read-deep{color:#6a6f69;font-size:11.5px}.read-deep::before{content:"· "}
@keyframes read-in{from{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.read-chip{animation:none}}
.msg mark.said{background:none;color:inherit;text-decoration:underline;text-decoration-color:#4fd1c5;text-decoration-thickness:2px;text-underline-offset:3px}
.agent-chat{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 18px 8px;display:flex;flex-direction:column;gap:10px;scrollbar-width:none}
.agent-chat::-webkit-scrollbar{display:none}
.msg{margin:0;max-width:84%;padding:11px 14px;border-radius:18px;font-size:17px;line-height:1.32}
.msg.agent{align-self:flex-start;background:#eeece4;color:#202221;border-bottom-left-radius:6px}
.msg.you{align-self:flex-end;background:#15181b;color:#fff;border-bottom-right-radius:6px}
.agent-form{display:flex;gap:8px;padding:8px 14px 4px;flex:none}
.agent-form input{flex:1;min-width:0;font:inherit;font-size:17px;padding:12px 15px;border-radius:22px;border:1px solid #2022212a;background:#fff;color:#202221;outline:none}
.agent-form input:focus{border-color:#077472;box-shadow:0 0 0 3px #07747226}
.agent-send{font:inherit;font-size:16px;font-weight:600;border:0;border-radius:22px;padding:0 16px;background:#077472;color:#fff}
.agent-note{margin:2px 22px 8px;font-size:12px;line-height:1.35;color:#6a6f69;flex:none}
.agent-slot-label{margin:0 18px 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6a6f69;font-weight:600;flex:none}
.agent-placement{margin:0 14px 10px;flex:none}
.agent-placement .placement-art{height:112px}
.agent-placement .placement-art img{transform:scale(1.05)}
.agent-placement .placement-body{padding:2px 14px 10px}
.agent-placement .placement-body h3{font-size:20px;letter-spacing:-.4px;margin:0 0 4px;max-width:none}
.agent-placement .placement-eyebrow{margin:0 0 4px;font-size:12px}
.agent-placement .placement-name{font-size:13px;margin:0 0 6px}
.agent-placement .placement-open{font-size:13px;padding:8px 12px}
.agent-placement .placement-why{font-size:12px}
.agent-why{margin:0 18px 8px;font-size:12px;line-height:1.35;color:#41463f;flex:none}

/* Narrow screens: the app is a real panel at the bottom of the page, not a miniature inside the 3D phone */
@media (max-width:760px){
 .agent-ui{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));top:auto;width:auto;height:min(54vh,470px);transform:none!important;border-radius:26px;box-shadow:0 18px 50px -18px rgba(21,24,27,.45),inset 0 0 0 1px #20222114;z-index:3}
 .agent-ui .phone-status,.agent-ui .phone-home{display:none}
 .agent-ui .app-head{padding-top:4px;padding-bottom:6px}
 .agent-ui .agent-home{padding:20px 14px;gap:16px 6px}
 .agent-ui .agent-reading{padding-top:4px}
 .agent-ui .agent-chat{padding-top:12px}
 .agent-ui .msg{font-size:15px}
 .agent-ui .agent-form input{font-size:16px;padding:10px 13px}
 .agent-ui .agent-note{margin-bottom:6px;font-size:11px}
 .agent-ui .agent-slot-label{display:none}
 .agent-ui .agent-placement{margin-bottom:8px}
 .agent-ui .beacon-placement{display:grid;grid-template-columns:76px 1fr;align-items:center}
 .agent-ui .placement-label{display:none}
 .agent-ui .placement-art{height:76px;grid-row:1}
 .agent-ui .placement-body{padding:8px 10px 8px 4px}
 .agent-ui .placement-body h3{font-size:16px}
 .agent-ui .placement-open{display:none}
}

/* An open slot: the latest interest has no product in this catalog yet */
.open-slot{margin:0 14px 10px;padding:16px 16px 14px;border-radius:9px;background:#eeece4;border:1px dashed #2022213d;flex:none}
.open-slot h3{font-size:21px;letter-spacing:-.4px;line-height:1.12;font-weight:500;margin:0 0 6px}
.open-slot .open-body{margin:0 0 12px;font-size:13px;line-height:1.35;color:#5e665c}
.open-slot .placement-open{display:inline-flex;text-decoration:none;font-size:13px;padding:8px 12px;background:#222b23;color:#fff;border-radius:5px}
@media (max-width:760px){.agent-ui .open-slot{margin-bottom:8px;padding:12px}.agent-ui .open-slot h3{font-size:16px}.agent-ui .open-slot .open-body{display:none}}