/* Field Notes only: a scripted journey shown inside a recognizable smartphone. */
.field .phone-visual{padding:0;justify-self:center;width:100%;max-width:410px}.field .phone-visual:before{inset:100px -30px 95px;transform:rotate(3deg)}.journey-intro{text-align:center;margin-bottom:18px}.journey-intro .eyebrow{font-size:9px;margin-bottom:7px}.journey-intro h2{font-size:20px;letter-spacing:-.5px;margin-bottom:15px}.journey-roles{display:flex;width:280px;max-width:100%;margin:auto;padding:4px;background:#e5eadd;border:1px solid #c9d0bf;border-radius:30px;gap:4px}.journey-roles button{flex:1;background:transparent;border:1px solid transparent;border-radius:25px;padding:9px 13px;font-size:12px;font-weight:700;color:#344e40;min-height:40px}.journey-roles button[aria-pressed=true]{background:#19392e;color:#fffef8;border-color:#19392e}.smartphone{width:350px;max-width:100%;margin:auto;border:7px solid #203129;border-radius:46px;background:#fffef8;box-shadow:0 0 0 2px #697269,12px 20px 45px #19392e24;overflow:hidden;position:relative;color:#203c31}.phone-status{height:40px;display:flex;align-items:center;justify-content:space-between;padding:5px 22px 0;font-size:11px;font-weight:700;position:relative}.phone-island{height:20px;width:92px;position:absolute;top:7px;left:50%;transform:translateX(-50%);background:#203129;border-radius:20px}.phone-signal{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:-1px}.phone-battery{display:inline-block;width:18px;height:9px;border:1px solid #203129;border-radius:2px;position:relative}.phone-battery:after{content:'';position:absolute;inset:1px 3px 1px 1px;background:#203129}.phone-app-header{height:65px;display:flex;align-items:center;gap:10px;padding:10px 17px;background:#eff2e8;border-bottom:1px solid #d4dccb}.phone-app-icon{display:grid;place-items:center;width:32px;height:32px;background:#214737;color:#fffef8;border-radius:9px;font-size:20px;letter-spacing:-1px;font-weight:bold}.phone-app-header>div{flex:1;min-width:0}.phone-app-header strong{display:block;font-size:14px;line-height:1.5}.phone-app-header small{display:block;font-size:10px;color:#52665d}.phone-avatar{display:grid;place-items:center;width:30px;height:30px;background:#dbe5ce;color:#344e40;border-radius:50%;font-size:10px;font-weight:700}.phone-scene{padding:17px 16px 12px;height:442px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bac7b3 transparent}.phone-scene p{margin:0}.phone-date{text-align:center;font-size:8px;font-weight:700;letter-spacing:1px;color:#52665d;margin:0 0 2px!important}.text-message{font-size:13px;line-height:1.55;padding:13px 15px;max-width:94%;position:relative}.text-message.received{background:#e9edde;border-radius:15px 15px 15px 3px;margin-right:16px;align-self:flex-start}.text-message.sent{background:#214737;color:#fffef8;border-radius:15px 15px 3px 15px;margin-left:20px;align-self:flex-end}.phone-scene .phone-note{font-size:10px;line-height:1.65;color:#52665d;margin:0}.phone-bottom-action{margin-top:auto;display:grid;gap:12px}.phone-action{border:1px solid #214737;border-radius:10px;background:#214737;color:#fffef8;display:block;width:100%;padding:13px 12px;font-size:12px;font-weight:700;line-height:1.45;min-height:46px;text-align:center}.phone-action:hover{background:#315e49}.phone-home{height:25px;position:relative;flex-shrink:0}.phone-home:before{content:'';height:4px;width:105px;border-radius:5px;position:absolute;bottom:9px;left:50%;transform:translateX(-50%);background:#203129}.assistant-message{background:#f0f3e9;border:1px solid #d7dece;border-radius:12px;padding:14px}.assistant-label{display:block;font-size:8px;font-weight:700;letter-spacing:1.2px;margin-bottom:7px;color:#52665d}.assistant-message p{font-size:13px;line-height:1.6}.phone-composer{display:grid;gap:12px;margin-top:3px}.phone-composer label,.phone-form label{font-size:9px;font-weight:700;letter-spacing:.6px}.scope-text{border:1px solid #b3c0a9;background:#fffef8;border-radius:10px;padding:13px;font-size:13px;line-height:1.6}.phone-form{display:grid;gap:10px;margin:0}.phone-form input{font:inherit;font-size:16px;color:#203c31;min-width:0;width:100%;border:1px solid #a8b69e;border-radius:8px;padding:10px;background:#fffef8}.phone-money{display:flex;border:1px solid #a8b69e;border-radius:8px;align-items:center;padding-left:14px}.phone-money input{border:0;background:transparent}.phone-money span{font-size:17px}.confirmation-card{border:1px solid #c9d4bc;border-radius:10px;padding:15px;display:grid;gap:12px}.confirmation-card>span{font-size:8px;font-weight:700;letter-spacing:1px}.confirmation-card p{font-size:12px;line-height:1.6}.phone-receipt{border:1px solid #d2dac7;border-radius:10px;padding:14px;background:#fffef8}.phone-receipt .receipt-heading{font-size:8px;letter-spacing:1px;font-weight:700;line-height:1.7;margin-bottom:9px}.receipt-heading>span{display:block;font-size:13px;letter-spacing:0;margin-top:2px}.phone-receipt>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e0e5d6;padding:9px 0;font-size:10px;line-height:1.5}.phone-receipt>div b{white-space:nowrap}.phone-receipt .receipt-total{padding:12px 0 0;font-size:12px;font-weight:700}.receipt-total strong{font-size:27px;letter-spacing:-1px;white-space:nowrap}.phone-scene .phone-success{font-size:11px;color:#315e36;font-weight:700}.reply-draft{border:1px solid #bdc9b1;border-radius:12px;padding:13px;font-size:13px;line-height:1.6;background:#fffef8}.reply-draft>span{font-size:8px;font-weight:700;letter-spacing:1px;display:block;color:#52665d;margin-bottom:8px}.phone-delivered{font-size:9px;text-align:right;color:#52665d;margin-top:-10px!important}.journey-payoff{margin-top:4px;border-top:1px solid #d2dac7;padding-top:14px}.journey-payoff>span{font-size:8px;letter-spacing:1.1px;font-weight:700}.journey-payoff h3{font-family:Georgia,serif;font-style:italic;font-size:25px;line-height:1.1;letter-spacing:-.6px;margin:9px 0}.journey-payoff p{font-size:11px;line-height:1.6}.journey-controls{display:flex;align-items:center;gap:14px;margin-top:21px}.journey-caption{flex:1;min-width:0;margin:0;line-height:1.4}.journey-caption>span{display:block;font-size:8px;letter-spacing:1.2px;font-weight:700;color:#52665d;margin-bottom:5px}.journey-caption>strong{font-size:12px;display:block}.journey-back,.journey-restart{width:34px;height:34px;flex-shrink:0;border:1px solid #bac7b3;background:transparent;border-radius:50%;color:#203c31;font-size:16px}.journey-back:disabled{opacity:.4;cursor:default}.journey-disclaimer{font-size:9px;color:#52665d;text-align:center;line-height:1.7;max-width:350px;margin:15px auto 0}.sharing-sub{display:flex;align-items:center;gap:11px;border:1px solid #c9d4bc;border-radius:10px;padding:13px}.trade-avatar{display:grid;place-items:center;width:32px;height:32px;background:#e0e9d1;border-radius:8px;font-size:16px;font-weight:700}.sharing-sub>div{flex:1}.sharing-sub strong{display:block;font-size:13px}.sharing-sub small{display:block;font-size:9px;color:#42653c}.phone-section-label{font-size:8px;font-weight:700;letter-spacing:1px;color:#52665d}.privacy-mini{font-size:11px;line-height:1.6;padding:3px 0}.privacy-mini p{margin-top:5px}.selected-source{padding:12px;border-left:3px solid #5a7a45;background:#edf2e3}.selected-source>span{display:block;font-size:8px;letter-spacing:1px;color:#52665d}.selected-source>strong{font-size:11px}.markup-form{grid-template-columns:1fr 70px;align-items:center;gap:8px}.markup-form label{font-size:9px;letter-spacing:0}.markup-form input{padding:7px;font-size:13px}.markup-form .phone-action{grid-column:1/-1}
@media(min-width:1051px){.field .hero{padding-block:55px 65px}.field .hero-copy{padding-bottom:30px}}
@media(max-width:780px){.field .phone-visual{max-width:390px}.field .phone-visual:before{inset:100px 0 90px}.journey-intro{margin-bottom:22px}.field .hero{gap:45px}.journey-controls{margin-inline:5px}}
@media(max-width:380px){.smartphone{width:100%;border-width:6px;border-radius:38px}.phone-scene{padding:16px 13px;height:448px}.phone-status{padding-inline:19px}.phone-app-header{padding-inline:13px}.text-message{font-size:12px}.phone-action{font-size:11px}.journey-controls{gap:9px}.journey-caption>strong{font-size:11px}.journey-intro h2{font-size:19px}}
/* Substantive instructions stay readable; the handset scrolls like a real phone. */
.journey-intro .eyebrow{font-size:11px}.journey-disclaimer{font-size:12px;line-height:1.7}.journey-caption>span,.phone-date,.phone-section-label,.assistant-label,.confirmation-card>span,.reply-draft>span,.journey-payoff>span,.selected-source>span{font-size:11px;letter-spacing:.7px}.journey-caption>strong{font-size:14px}.phone-app-header small{font-size:12px}.phone-scene .phone-note,.phone-delivered{font-size:12px}.phone-scene{height:470px;gap:16px}.phone-receipt>div{font-size:12px}.phone-receipt .receipt-heading{font-size:11px}.receipt-heading>span{font-size:14px}.phone-composer label,.phone-form label{font-size:12px}.phone-action{font-size:14px;min-height:48px}.confirmation-card p,.privacy-mini,.journey-payoff p{font-size:13px}.sharing-sub small{font-size:12px}.selected-source>strong{font-size:13px}.journey-roles button{font-size:14px}.journey-back,.journey-restart{width:44px;height:44px}.phone-receipt .receipt-total{flex-wrap:wrap}.receipt-total strong{font-size:26px}.markup-form{grid-template-columns:1fr 80px}.markup-form label{font-size:12px}.markup-form input{font-size:16px}.phone-composer .scope-text{font-size:14px}.sharing-sub{align-items:start}.sharing-sub>div{min-width:0}.sharing-sub strong{font-size:14px}.text-message{font-size:14px}.phone-form input{font-size:16px}.phone-form{min-width:0}.phone-action:hover{text-decoration:none}
@media(max-width:380px){.phone-scene{height:470px}.phone-action{font-size:13px}.text-message{font-size:14px}.journey-caption>strong{font-size:13px}.phone-scene .phone-note{font-size:12px}.journey-controls{gap:9px}.receipt-total strong{font-size:25px}}
@media(max-width:780px){.field .phone-visual:before{transform:none!important;inset:100px 0 95px!important}}