/* Inbox-only art direction. Shared type, navigation, CTA and footer stay untouched. */
.feature-page .ui-hero-surface { background:radial-gradient(ellipse at 85% 40%,#e7e5ff 0,transparent 55%),linear-gradient(120deg,#fff,#eef7ff); }
.feature-page .ui-hero { display:grid; grid-template-columns:.85fr 1.15fr; gap:48px; align-items:center; padding-block:68px 52px; }
.feature-page .ui-hero h1 { font-size:clamp(40px,4.3vw,62px); line-height:1.08; }
.feature-page .ui-hero h1 span,.feature-page .ui-scene-intro h2 span,.feature-page .ui-proof h2 span { color:#3863bd; }
.feature-page .ui-hero .fp-lead { font-size:18px; margin-bottom:26px; }
.feature-page .ui-actions { display:flex; flex-wrap:wrap; gap:20px; align-items:center; }
.feature-page .ui-text-link { font-size:15px; color:#234caa; font-weight:600; text-decoration:none; padding-block:12px; }
.feature-page .ui-text-link span { margin-left:6px; }
.feature-page .ui-hero-context { font-size:13px; color:#495779; margin:24px 0 0; }
.feature-page .ui-hero-context>span { display:inline-grid; place-items:center; width:23px; height:23px; background:#e0eee9; color:#266450; border-radius:50%; margin-right:5px; }
.feature-page .ui-hero-product { min-width:0; position:relative; }
.feature-page .ui-hero-screen { margin:0; transform:rotate(1deg); }
.feature-page .ui-hero-screen>a { padding:5px; box-shadow:0 22px 70px #444d9a1a; border-color:#d1d9f2; }
.feature-page .ui-message-ribbon { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin:-28px 18px 10px; pointer-events:none; }
.feature-page .ui-bubble { display:flex; align-items:center; gap:12px; padding:15px 18px; max-width:88%; margin:0; background:#fff; border:1px solid #dae4f8; border-radius:18px 18px 18px 3px; box-shadow:0 8px 28px #24376b12; font-size:14px; }
.feature-page .ui-bubble>span { color:#3863bd; font-size:20px; }
.feature-page .ui-bubble-reply { background:#e8eafd; align-self:flex-end; border-radius:18px 18px 3px 18px; }
.feature-page .ui-hero-product>.ui-evidence-note { text-align:right; }
.feature-page .ui-friction { background:#faf7f2; }
.feature-page .ui-problem-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.feature-page .ui-problem-grid .fp-lead { max-width:490px; font-size:18px; }
.feature-page .ui-source-messages { list-style:none; padding:10px 5px 18px; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:19px; }
.feature-page .ui-source-messages li { position:relative; background:#fff; border:1px solid #e6dfd8; border-radius:17px 17px 17px 3px; padding:22px; box-shadow:0 9px 24px #47422d09; }
.feature-page .ui-source-messages li:nth-child(odd) { transform:rotate(-2deg); }
.feature-page .ui-source-messages li:nth-child(even) { transform:translateY(12px) rotate(2deg); }
.feature-page .ui-source-messages img { display:block; width:112px; height:30px; object-fit:contain; object-position:left center; }
.feature-page .ui-source-messages p { font-size:15px; color:#59647b; margin:18px 0 0; line-height:1.55; }
.feature-page .ui-email { display:flex; gap:9px; align-items:center; height:30px; font-size:16px; font-weight:600; }
.feature-page .ui-email>span { font-size:27px; color:#3863bd; }
.feature-page .ui-message-dot { position:absolute; right:15px; top:17px; width:7px; height:7px; border-radius:50%; background:#c98560; }
.feature-page .ui-evidence-note { font-size:12px; color:#59657a; line-height:1.65; margin:0; }
.feature-page .ui-scene-intro { max-width:820px; text-align:center; margin:0 auto 34px; }
.feature-page .ui-scene-intro .fp-lead { margin-inline:auto; font-size:18px; }
.feature-page .ui-scene { max-width:980px; margin:auto; padding:32px; border:1px solid #e0e3f2; background:linear-gradient(130deg,#f8faff,#f4f1fc); border-radius:28px; }
.feature-page .ui-context-pieces { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; list-style:none; padding:0; margin:0; }
.feature-page .ui-context-pieces li { position:relative; background:#fff; border:1px solid #e2e7ef; border-radius:16px 16px 16px 3px; padding:22px; box-shadow:0 8px 24px #1e266d07; transition:transform .35s ease,border-color .35s ease,background .35s ease; }
.feature-page .ui-context-pieces li:nth-child(1) { transform:rotate(-3deg) translateY(8px); }
.feature-page .ui-context-pieces li:nth-child(3) { transform:rotate(3deg) translateY(8px); }
.feature-page .ui-piece-number { font-size:12px; font-weight:600; color:#657087; }
.feature-page .ui-context-pieces h3 { font-size:21px; margin:16px 0 8px; }
.feature-page .ui-context-pieces p { font-size:15px; color:#596680; margin:0; }
.feature-page .ui-connectors { display:grid; grid-template-columns:repeat(3,1fr); height:40px; margin-inline:12%; }
.feature-page .ui-connectors i { display:block; border-right:1px dashed #b6c8e0; width:50%; }
.feature-page .ui-connectors i:first-child { transform:skewX(33deg); }
.feature-page .ui-connectors i:last-child { transform:skewX(-33deg); }
.feature-page .ui-destination { display:flex; flex-direction:column; justify-content:center; gap:12px; align-items:center; margin:auto; max-width:330px; padding:20px; border:1px solid #c9d7eb; border-radius:18px; background:#fff; font-size:23px; transition:background .35s,box-shadow .35s; }
.feature-page .ui-destination img { width:100px; height:auto; }
.feature-page .ui-destination strong { font-weight:600; }
.feature-page .ui-scene-status { min-height:48px; text-align:center; font-size:15px; color:#55627c; max-width:650px; margin:22px auto 0; }
.feature-page .ui-scene[data-connected="true"] .ui-context-pieces li { transform:none; border-color:#9bbff1; background:#f5f9ff; }
.feature-page .ui-scene[data-connected="true"] .ui-connectors i { border-right:2px solid #4781f7; }
.feature-page .ui-scene[data-connected="true"] .ui-destination { background:#eaf3ff; box-shadow:0 0 0 5px #fff; }
.feature-page .ui-scene-controls { display:grid; justify-items:center; gap:15px; margin-top:24px; text-align:center; }
.feature-page .ui-scene-controls button { cursor:pointer; }
.feature-page .ui-proof { background:linear-gradient(180deg,#edf5ff,#f5f5fc 70%,#fff); }
.feature-page .ui-proof-heading { display:grid; grid-template-columns:1.35fr .65fr; gap:55px; align-items:end; margin-bottom:34px; }
.feature-page .ui-proof-heading h2 { margin-bottom:0; }
.feature-page .ui-proof-heading .fp-lead { font-size:17px; margin:0 0 3px; }
.feature-page .ui-proof-key { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; list-style:none; padding:0; margin:0 0 28px; }
.feature-page .ui-proof-key li { display:flex; gap:14px; align-items:flex-start; }
.feature-page .ui-proof-key li>span { font-size:13px; color:#3863bd; padding:8px; border-radius:50%; background:#fff; }
.feature-page .ui-proof-key h3 { font-size:18px; margin:2px 0 4px; }
.feature-page .ui-proof-key p { font-size:14px; margin:0; color:#55627c; }
.feature-page .ui-product-proof { margin:0; }
.feature-page .ui-product-proof>a { box-shadow:0 18px 60px #203b7020; }
.feature-page .ui-proof-action { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:22px; margin-top:28px; }
.feature-page .ui-proof-action p { color:#55627c; font-size:14px; }
.feature-page .ui-routine>ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; list-style:none; padding:0; margin:36px 0 0; }
.feature-page .ui-routine li { border-top:1px solid #bfd2ec; padding-top:22px; }
.feature-page .ui-routine li>span { font-size:38px; color:#3863bd; letter-spacing:-.04em; }
.feature-page .ui-routine h3 { margin:18px 0 12px; }
.feature-page .ui-routine li p { color:#55627c; font-size:16px; margin:0; }
.feature-page .ui-outcome { background:linear-gradient(115deg,#f4eee5,#f0edfc); }
.feature-page .ui-outcome-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:65px; align-items:center; }
.feature-page .ui-outcome h2 { font-size:clamp(36px,4.6vw,64px); line-height:1.1; letter-spacing:-.045em; }
.feature-page .ui-outcome h2 span { color:#5c5698; }
.feature-page .ui-outcome .fp-lead { font-size:18px; }
.feature-page .ui-outcome aside { border-left:1px solid #d2cbdc; padding-left:30px; }
.feature-page .ui-outcome aside h3 { margin:0 0 15px; }
.feature-page .ui-outcome aside p { color:#55627c; font-size:16px; margin-bottom:24px; }
.feature-page .ui-mobile { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:65px; }
.feature-page .ui-mobile h2 { font-size:clamp(29px,3.1vw,42px); }
.feature-page .ui-mobile .fp-lead { font-size:17px; margin-bottom:0; }
.feature-page .ui-devices { list-style:none; padding:0; margin:0; display:flex; gap:28px; justify-content:center; }
.feature-page .ui-devices li { flex:1; text-align:center; color:#435580; font-size:14px; }
.feature-page .ui-devices svg { width:100%; max-width:95px; height:76px; display:block; margin:0 auto 14px; color:#5674b4; }
@media(max-width:1050px) {
 .feature-page .ui-hero { grid-template-columns:1fr 1fr; gap:28px; }
 .feature-page .ui-hero h1 { font-size:44px; }
 .feature-page .ui-problem-grid,.feature-page .ui-proof-heading,.feature-page .ui-outcome-grid,.feature-page .ui-mobile { gap:32px; }
 .feature-page .ui-source-messages li { padding:19px 16px; }
 .feature-page .ui-proof-heading { grid-template-columns:1.2fr .8fr; }
 .feature-page .ui-context-pieces { gap:15px; }
 .feature-page .ui-context-pieces li { padding:19px 16px; }
}
@media(max-width:760px) {
 .feature-page .ui-hero { grid-template-columns:1fr; gap:32px; padding-block:42px 34px; }
 .feature-page .ui-hero h1 { font-size:clamp(38px,7vw,52px); }
 .feature-page .ui-hero-context { margin-top:18px; }
 .feature-page .ui-hero-screen { transform:none; }
 .feature-page .ui-message-ribbon { margin:-5px 6px 10px; }
 .feature-page .ui-bubble { font-size:13px; padding:11px 14px; }
 .feature-page .ui-problem-grid,.feature-page .ui-proof-heading,.feature-page .ui-outcome-grid,.feature-page .ui-mobile { grid-template-columns:1fr; gap:22px; }
 .feature-page .ui-source-messages { gap:14px; }
 .feature-page .ui-source-messages li { padding:18px 12px; }
 .feature-page .ui-source-messages img { width:96px; height:26px; }
 .feature-page .ui-source-messages p { font-size:14px; }
 .feature-page .ui-message-dot { top:10px; right:10px; width:5px; height:5px; }
 .feature-page .ui-scene { padding:22px; }
 .feature-page .ui-context-pieces { grid-template-columns:1fr; gap:12px; }
 .feature-page .ui-context-pieces li,.feature-page .ui-context-pieces li:nth-child(1),.feature-page .ui-context-pieces li:nth-child(3) { transform:none; padding:16px; display:grid; grid-template-columns:1fr; gap:6px; }
 .feature-page .ui-piece-number { padding-top:0; }
 .feature-page .ui-context-pieces h3 { margin:0 0 5px; font-size:19px; }
 .feature-page .ui-context-pieces p { grid-column:1; }
 .feature-page .ui-connectors { display:block; height:26px; margin:0; }
 .feature-page .ui-connectors i { display:none; }
 .feature-page .ui-connectors i:nth-child(2) { display:block; height:100%; }
 .feature-page .ui-scene-status { min-height:78px; font-size:14px; }
 .feature-page .ui-proof-key { grid-template-columns:1fr; gap:18px; }
 .feature-page .ui-proof-action { justify-content:flex-start; gap:6px; }
 .feature-page .ui-routine>ol { grid-template-columns:1fr; gap:24px; }
 .feature-page .ui-routine li { display:grid; grid-template-columns:40px 1fr; gap:15px; }
 .feature-page .ui-routine h3 { margin:2px 0 10px; }
 .feature-page .ui-outcome aside { border-left:0; padding:23px 0 0; border-top:1px solid #d2cbdc; }
 .feature-page .ui-devices { gap:16px; margin-top:8px; }
}
@media(prefers-reduced-motion:reduce) { .feature-page .ui-scene * { transition:none; } }