/* V4 selected A, desktop B-style journey. This layer changes only requested UI surfaces. */
:root{--nav-h:82px}
.nav-wrap{display:flex;justify-content:flex-start;gap:42px}
.site-header nav{margin-right:auto;gap:30px}
.brand small.brand-slogan{font-size:10px;line-height:1.2;letter-spacing:.065em;color:#577395;font-weight:450;margin:0}
.brand{font-size:21px;gap:10px;line-height:1.1;flex:none}
.brand-copy{display:flex;flex-direction:column;justify-content:center;gap:2px;white-space:nowrap}.brand-title{display:block;line-height:1.1}
.brand-mark{width:38px;height:38px}
.nav-benefit{margin-left:auto;white-space:nowrap;flex:none}
.eval-only{display:none}body.in-eval .eval-only{display:block}
.utility-wrap{position:relative;margin-left:-20px;flex:none;z-index:45}
.utility-toggle{height:38px;width:38px;border:1px solid #b8cdec;border-radius:11px;display:grid;place-items:center;background:#f9fbffd9;color:#3765a0}
.utility-toggle:hover{background:#fff;border-color:#7199e3}
.utility-toggle .icon{width:21px}
.utility-menu{position:absolute;top:calc(100% + 9px);right:0;width:210px;padding:7px;background:linear-gradient(140deg,#fff,#e5effe);border:1px solid #c0d2ef;border-radius:14px;box-shadow:0 16px 44px #244e9126}
.utility-menu>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border-radius:8px;padding:11px 12px;font-size:12px;min-height:41px}
.utility-menu>button:hover{background:#dce9fd}
.utility-menu .icon{width:16px;height:16px;color:#3d70c3}
.utility-divider{height:1px;background:#cbdcf3;margin:4px 6px}
.preview-top h2{font-size:20px!important}
.site-header nav a.active:after{bottom:15px}
/* Evaluation: navigation, five-step side rail, conversation, and the A capsule. */
body.in-eval{background:radial-gradient(ellipse at 95% 75%,#9abbef88,transparent 65%),linear-gradient(125deg,#fbfdff,#e7f0ff 58%,#b8d1f5)}
.eval-view.variant-final{max-width:1510px;width:100%;padding:24px 32px 20px;height:calc(var(--app-h) - var(--nav-h))}
.grid-final{grid-template-columns:164px minmax(0,1fr) 84px;gap:26px;width:100%;max-width:none;transition:grid-template-columns .3s ease}
.journey-sidebar{border-right:1px solid #b9cfee;padding:5px 20px 0 0;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;font-size:10px;font-weight:550;color:#4c6e99;min-height:32px;margin:0 0 23px;padding:0;white-space:nowrap}
.journey-heading .icon{width:13px;transform:rotate(180deg);transition:transform .3s}
.journey-collapsed-label{display:none}
.journey-steps li{display:flex;align-items:center;padding:0 0 27px;gap:11px;min-height:62px;font-size:12px;white-space:nowrap}
.journey-steps .step-no{width:31px;height:31px;flex:none;margin:0;font-size:11px}
.journey-steps li:not(:last-child):after{left:15px;top:31px;width:1px;height:30px;right:auto}
.journey-steps li.active .step-no{box-shadow:0 0 0 5px #2855db12}
.journey-steps .step-text{white-space:nowrap}
.grid-final.steps-collapsed{grid-template-columns:54px minmax(0,1fr) 84px}
.steps-collapsed .journey-sidebar{padding-right:16px}
.steps-collapsed .journey-title,.steps-collapsed .journey-steps .step-text{display:none}
.steps-collapsed .journey-heading{justify-content:center}
.steps-collapsed .journey-heading .icon{transform:rotate(0)}
.convo-final{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
.convo-final .thread{padding:24px 16px 22px;scroll-behavior:auto;overflow-anchor:none}
.convo-final .welcome-block{max-width:745px;width:100%;padding-top:33px}
.convo-final .welcome-block h2{font-size:32px;line-height:1.45;margin-bottom:16px}
.convo-final .welcome-block>p{font-size:14px;max-width:615px}
.convo-final .welcome-tension{font-size:12px;margin-top:13px;max-width:620px}
.eval-type-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:28px 0 0;max-width:730px}
.eval-type{display:flex;align-items:center;text-align:left;gap:10px;border:1px solid #bdcfed;border-radius:12px;padding:16px;min-height:64px;background:linear-gradient(125deg,#ffffffed,#edf4ffe6);font-size:13px;transition:transform .2s,border-color .2s,box-shadow .2s}
.eval-type:hover,.eval-type[aria-pressed=true]{border-color:#4f7ddd;background:#fafdff;box-shadow:0 7px 20px #356bca14;transform:translateY(-2px)}
.eval-type .icon{width:19px;height:19px;color:#3166bd}
.eval-type .icon:last-child{width:15px;margin-left:auto}
.convo-final .composer-zone{padding:12px 0 0;border:0;background:none}
.budget-inline{flex-wrap:nowrap;gap:13px;margin-bottom:12px;min-height:36px}
.budget-inline label{font-size:12px;white-space:nowrap;font-weight:550}
.budget-inline select{max-width:225px;width:225px;min-height:36px;background:#ffffffd9;font-size:12px;border-radius:9px;padding:7px 10px}
.convo-final .composer{background:linear-gradient(125deg,#fff,#f8fbffe8);padding:14px 14px 14px 19px;border-radius:17px;box-shadow:0 8px 35px #2b5b9f0d}
.convo-final .composer textarea{height:50px;max-height:128px;font-size:15px}
.convo-final .composer-bottom{padding:7px 3px 0;font-size:9px}
.msg .msg-text{background:#ffffffd9;border:1px solid #c8dafa;box-shadow:0 3px 12px #17498904}
.msg.user .msg-text{background:linear-gradient(130deg,#265ed1,#2c57ac);color:white;border:1px solid #275cbd}
.busy-mark{min-height:43px;background:linear-gradient(120deg,#e9f3ff,#f8fbff85);font-size:12px;gap:10px}
.busy-copy{min-width:88px;display:inline-block;transition:opacity .22s ease,transform .22s ease}
.busy-copy.fade-out{opacity:0;transform:translateY(-3px)}
.busy-copy.fade-in{opacity:0;transform:translateY(3px)}
/* Animated capsule: the numbers are prominent; labels read as two lines. */
.rail-final{align-self:center;width:84px;background:linear-gradient(155deg,#edf5ff 0%,#c2d9fb 28%,#84abe2 55%,#d1e4fc 77%,#b2d0f8 100%);background-size:180% 240%;animation:capsuleFlow 8s ease-in-out infinite;border:1px solid #96b8e9;border-radius:19px;box-shadow:0 12px 34px #3066b52a,inset 0 1px 0 #ffffffcf;overflow:hidden;max-height:calc(100% - 12px)}
@keyframes capsuleFlow{0%,100%{background-position:0% 0%}50%{background-position:90% 100%}}
.rail-final .metric-cell{padding:18px 5px 15px;border-bottom:1px solid #6f99cf50;background:none;border-radius:0;align-items:center;text-align:center}
.rail-final .metric-cell:hover{background:#ffffff44}
.rail-final .metric-number{font-size:30px;line-height:1.25;letter-spacing:-.035em;color:#144677}
.rail-final .metric-number small{font-size:9px;color:#345b88;margin-left:2px}
.rail-final .metric-number.is-unknown{font-size:21px;line-height:1.5}
.rail-final .metric-label{font-size:12px;font-weight:600;color:#244b78;line-height:1.45;letter-spacing:.1em;margin-top:6px}
.rail-final .metric-label>span{display:block}
.rail-final .rail-hint{padding:10px 0}
.rail-final .rail-hint .icon{width:13px;height:13px}
/* Costs: bounded, layered cards. Only the component list scrolls. */
.cost-composition{width:640px;max-width:calc(100vw - 32px);max-height:min(760px,calc(var(--app-h) - 64px));height:auto;margin:auto;border-radius:24px;background:linear-gradient(145deg,#fff,#edf5ff 63%,#dceaff);padding:0;overflow:hidden;border:1px solid #d5e5fc;box-shadow:0 32px 110px #17396259}
.cost-composition[open]{display:flex;flex-direction:column}
.cost-composition::backdrop{background:#122a4d72;backdrop-filter:blur(5px)}
.cost-card-head{display:flex;align-items:center;justify-content:space-between;padding:23px 26px 13px;gap:18px;flex:none}
.cost-card-head h2{font-size:25px;letter-spacing:-.04em}
.cost-card-head .close-dialog{width:33px;height:33px;background:#fff}
.cost-context{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 26px 19px;font-size:11px;color:#597699;flex:none}
.sample-tag{font-size:9px;color:#3569a6;background:#e1edfd;border:1px solid #bed5f4;border-radius:6px;padding:3px 7px;white-space:nowrap}
.cost-tab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:0 26px 19px;flex:none}
.cost-tab-cards button{position:relative;min-width:0;display:flex;flex-direction:column;align-items:start;text-align:left;padding:15px 14px;border:1px solid #c9daf0;border-radius:13px;background:linear-gradient(135deg,#fff,#e7f0fe);box-shadow:inset 0 1px 0 #fff;color:#4d6d96;transition:transform .2s,border-color .2s}
.cost-tab-cards button>span{font-size:11px}
.cost-tab-cards button>strong{font-size:26px;font-weight:750;line-height:1.25;color:#214f8d;letter-spacing:-.04em;margin-top:10px;font-variant-numeric:tabular-nums}
.cost-tab-cards button>strong small{font-size:10px;font-weight:400;margin-left:3px;letter-spacing:0}
.cost-tab-cards button[aria-selected=true]{background:linear-gradient(145deg,#2252bc,#2a69d7 61%,#84b0ee);border-color:#6b9bdf;box-shadow:0 7px 20px #245bb22b,inset 0 1px 0 #b3d4ff4f;color:#eff6ff;transform:translateY(-2px)}
.cost-tab-cards button[aria-selected=true]>strong{color:#fff}
#cost-detail{padding:0 26px;min-height:0;overflow:hidden;display:flex;flex-direction:column;outline:none}
.composition-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border:1px solid #c4d7f2;border-radius:12px;background:#ffffffb5;flex:none}
.composition-summary span{font-size:12px;font-weight:600;color:#416591}
.composition-summary strong{font-size:26px;font-variant-numeric:tabular-nums;color:#194884;letter-spacing:-.03em;white-space:nowrap}
.composition-summary strong small{font-size:11px;margin-left:3px;font-weight:400}
.component-list{overflow-y:auto;overscroll-behavior:contain;max-height:292px;min-height:0;scrollbar-width:thin;scrollbar-color:#a0bae0 transparent;margin:12px 0 0;padding-right:4px;flex:1}
.component-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:63px;padding:12px 13px;border:1px solid #d6e3f4;border-radius:11px;background:#ffffffd9;margin-bottom:8px}
.component-row .row-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d7e6fa;border-radius:9px;background:linear-gradient(145deg,#fafdff,#e4effe);color:#5b86c2}
.component-row .row-icon .icon{width:17px;height:17px}
.component-row .row-text strong{display:block;font-size:12px;font-weight:600;color:#284c7c}
.component-row .row-text small{font-size:10px;line-height:1.55;display:block;margin-top:3px;color:#6c84a4}
.component-row .row-price{font-size:16px;font-weight:700;color:#214c86;font-variant-numeric:tabular-nums;white-space:nowrap}
.component-row .row-price.included{font-size:11px;font-weight:500;color:#6485a9}
.cost-card-foot{padding:14px 26px 19px;font-size:10px;color:#627b9b;flex:none;line-height:1.7;border-top:1px solid #ccddf2;margin-top:10px;background:#eef5ff80}
/* A paywall becomes a card, not a full-screen page. */
.pay-gate.pay-card-final{inset:0;margin:auto;width:940px;max-width:calc(100vw - 40px);height:auto;max-height:calc(var(--app-h) - 64px);border:1px solid #d0e2ff;border-radius:25px;background:radial-gradient(ellipse at 0 0,#fff 0%,transparent 65%),linear-gradient(133deg,#f1f7ff,#c9defb);padding:0;overflow:auto;box-shadow:0 34px 130px #17345a6b}
.pay-card-final::backdrop{background:linear-gradient(115deg,#132b568e,#345b9390);backdrop-filter:blur(9px)}
.pay-card-final .gate-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%;padding:34px;margin:0;min-height:0;align-items:center}
.pay-card-final .gate-story{padding:4px 0}
.pay-card-final .gate-story .eyebrow{font-size:10px;margin-bottom:19px;letter-spacing:.09em}
.pay-card-final .gate-story h2{font-size:38px;line-height:1.4;letter-spacing:-.05em;outline:none}
.pay-card-final .gate-intro{font-size:12px;line-height:1.9;max-width:330px;margin-top:20px}
.pay-card-final .pay-feature-list{gap:19px;margin-top:30px}
.pay-card-final .pay-feature b{font-size:14px}
.pay-card-final .pay-feature p{font-size:11px}
.pay-card-final .pay-feature>span{width:31px;height:31px;font-size:10px}
.pay-card-final .payment-card{padding:25px;border-radius:18px;border:1px solid #bcd1ef;background:linear-gradient(145deg,#ffffffed,#edf5ffed);box-shadow:0 12px 40px #2c60a922,inset 0 1px 0 #fff;min-width:0}
.pay-card-final .payment-card-head h3{font-size:20px}
.pay-card-final .service-label{font-size:10px}
.pay-card-final #pay-project{font-size:11px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.pay-card-final .service-price{padding:14px 0 4px;gap:5px;margin:0}
.pay-card-final .service-price strong{font-size:56px;line-height:1.1}
.pay-card-final .service-price small{font-size:10px}
.service-duration{font-size:11px!important;font-weight:600;color:#355d94!important;padding:7px 0 16px;margin:0}
.pay-card-final .pay-methods{margin-bottom:12px;gap:8px}
.pay-card-final .pay-methods>button{font-size:11px;min-height:43px;padding:9px 10px;gap:7px}
.pay-card-final .method-icon{width:22px;height:22px}
.pay-card-final .method-icon .icon{width:16px;height:16px}
.pay-card-final .service-rules summary{font-size:11px;padding:9px 0}
.pay-card-final .service-rules p{font-size:10px;line-height:1.8}
.pay-card-final .pay-consent{font-size:10px;margin:11px 0 13px}
.pay-card-final .payment-card #pay-submit{min-height:48px;font-size:13px}
.pay-card-final .pay-foot{font-size:9px;margin-top:13px}
.demo-actions{margin-top:12px;padding-top:9px;border-top:1px dashed #c8d9ef;color:#6c84a4;font-size:9px}
.demo-actions summary{cursor:pointer;width:max-content}
.demo-actions>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.demo-actions button{padding:7px 9px;border:1px solid #c7d8ef;background:#fff9;border-radius:6px;font-size:10px;min-height:32px}
.demo-status{font-size:11px;background:#eaf3ff;border-radius:10px;padding:12px;line-height:1.8;color:#456b9b}
.demo-grid{display:grid;grid-template-columns:1fr 1fr}
.demo-grid .btn{font-size:11px;min-height:40px;padding:9px}
#budget-edit-value{border:1px solid #c6d9f0;min-height:45px;padding:9px 12px;border-radius:9px;background:#fff;width:100%;font-size:14px}
.readonly-panel p{font-size:12px;margin-bottom:13px}
#pay-gate [data-action=exit-pay],.eval-lead,.chat-heading{display:none}
@media(min-width:1600px){.eval-view.variant-final{max-width:1560px;padding-top:26px}.convo-final .welcome-block{padding-top:56px}.convo-final .welcome-block h2{font-size:36px}}
@media(max-width:1150px){.grid-final{grid-template-columns:143px minmax(0,1fr) 74px;gap:19px}.grid-final.steps-collapsed{grid-template-columns:46px minmax(0,1fr) 74px}.rail-final{width:74px}.nav-wrap{gap:30px}.convo-final .welcome-block h2{font-size:28px}.eval-type-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-heading{font-size:9px}.journey-steps li{font-size:11px;gap:8px}.rail-final .metric-number{font-size:27px}.rail-final .metric-label{font-size:11px}.pay-card-final .gate-content{gap:26px;padding:30px}.pay-card-final .gate-story h2{font-size:35px}}
@media(max-width:850px){.nav-wrap{gap:25px}.site-header nav{gap:23px}.brand{font-size:19px}.nav-benefit{font-size:11px}.eval-view.variant-final{padding:19px 20px 15px}.grid-final{grid-template-columns:125px minmax(0,1fr) 65px;gap:16px}.grid-final.steps-collapsed{grid-template-columns:45px minmax(0,1fr) 65px}.rail-final{width:65px}.convo-final .thread{padding:18px 8px}.convo-final .welcome-block h2{font-size:25px}.convo-final .welcome-block>p{font-size:13px}.eval-type{padding:12px;min-height:55px;font-size:12px}.eval-type .icon:last-child{display:none}.journey-steps li{font-size:10px}.journey-sidebar{padding-right:12px}.journey-title{font-size:8px}.pay-card-final .gate-content{gap:23px;padding:25px}.pay-card-final .gate-story h2{font-size:31px}.pay-card-final .payment-card{padding:23px}.pay-card-final .service-price strong{font-size:48px}}
@media(max-width:700px){
 :root{--nav-h:68px}
 .nav-wrap{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:clamp(12px,3vw,20px);width:calc(100% - 32px)}
 .brand{font-size:18px;gap:8px}.brand-mark{width:34px;height:34px;flex:none}
 .brand small.brand-slogan{font-size:9px;line-height:1.2;margin:0;letter-spacing:.055em}
 .nav-benefit{display:none!important}
 .site-header nav{flex:none;justify-content:flex-start;gap:18px;margin:0 auto 0 0;font-size:12px;height:100%;padding-left:0}
 .site-header nav a.active:after{bottom:15px}
 .utility-wrap{margin:0 0 0 auto;align-self:center}.utility-toggle{width:32px;height:32px;border-radius:9px;margin-top:0}.utility-menu{top:calc(100% + 5px);right:-1px}
 .eval-view.variant-final{height:calc(var(--app-h) - var(--nav-h));padding:0}
 .grid-final,.grid-final.steps-collapsed{display:flex;flex-direction:column;gap:0;height:100%;position:relative}
 .journey-sidebar,.steps-collapsed .journey-sidebar{border:0;padding:0;flex:none;overflow:hidden;display:block;background:linear-gradient(110deg,#ffffff80,#dceaff77);border-bottom:1px solid #c1d6f1}
 .journey-heading{min-height:28px;margin:0;padding:4px 17px;justify-content:flex-end;width:100%;font-size:9px;color:#567dab}
 .journey-title{display:none!important}.journey-heading .icon{transform:rotate(-90deg)}
 .journey-steps{display:flex;padding:0 16px 12px;gap:0}
 .journey-steps li{display:block;flex:1;padding:0;min-height:42px;font-size:9px;white-space:normal}
 .journey-steps .step-no{width:23px;height:23px;margin:0 0 5px;font-size:9px}
 .journey-steps li:not(:last-child):after{left:23px;right:0;top:11px;height:1px;width:auto}
 .steps-collapsed .journey-steps{display:none}
 .steps-collapsed .journey-heading{padding:6px 17px;justify-content:space-between;min-height:31px}
 .steps-collapsed .journey-collapsed-label{display:block;font-size:10px}.steps-collapsed .journey-heading .icon{transform:rotate(90deg)}
 .convo-final{flex:1;min-height:0;height:auto;background:linear-gradient(150deg,#fafdff,#eef5ff 54%,#d8e8ff);border:0}
 .convo-final .thread{padding:26px 80px 17px 18px}
 .convo-final .welcome-block{padding:5px 0 10px}
 .convo-final .welcome-block h2{font-size:24px;line-height:1.45;letter-spacing:-.055em;margin-bottom:14px}
 .convo-final .welcome-block>p{font-size:12px;line-height:1.9}
 .convo-final .welcome-tension{font-size:10px;line-height:1.9;margin-top:11px}
 .eval-type-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}
 .eval-type{padding:12px 9px;font-size:10px;gap:6px;min-height:50px;border-radius:10px}.eval-type .icon{width:15px;height:15px}.eval-type .icon:last-child{display:none}.eval-type:last-child{grid-column:span 2;width:calc(50% - 4px)}
 .convo-final .composer-zone{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(115deg,#dfeaffd4,#c7ddffd1);border-top:1px solid #b6d0f2}
 .convo-final .composer{padding:10px 9px 10px 13px;border-radius:15px;gap:8px}.convo-final .composer textarea{font-size:16px;max-height:110px;line-height:1.55}
 .convo-final .composer-bottom{font-size:8px;padding-top:6px}
 .budget-inline{gap:11px;margin-bottom:9px;min-height:34px}.budget-inline label{font-size:11px;max-width:none}.budget-inline select{max-width:none;flex:1;font-size:12px;min-height:34px;width:auto}
 .rail-final{position:absolute;right:6px;top:154px;width:58px;align-self:auto;border-radius:14px;max-height:calc(100% - 245px);overflow:auto;background-size:180% 240%}
 .steps-collapsed .rail-final{top:75px}
 .rail-final .metric-cell{padding:12px 3px 11px}.rail-final .metric-number{font-size:23px;line-height:1.3}.rail-final .metric-number small{font-size:8px}.rail-final .metric-number.is-unknown{font-size:17px;line-height:1.5}.rail-final .metric-label{font-size:10px;line-height:1.5;letter-spacing:.12em;margin-top:5px}.rail-final .rail-hint{padding:8px 0}
 .cost-composition{width:calc(100vw - 28px);max-width:calc(100vw - 28px);max-height:calc(var(--app-h) - 86px);border-radius:22px}
 .cost-card-head{padding:19px 19px 11px}.cost-card-head h2{font-size:23px}.cost-card-head .close-dialog{width:30px;height:30px}
 .cost-context{padding:0 19px 15px;font-size:10px;gap:8px}.sample-tag{font-size:8px}
 .cost-tab-cards{gap:8px;padding:0 18px 16px}.cost-tab-cards button{border-radius:11px;padding:13px 10px}.cost-tab-cards button>span{font-size:9px}.cost-tab-cards button>strong{font-size:23px;margin-top:8px}.cost-tab-cards button>strong small{font-size:8px;margin-left:2px}
 #cost-detail{padding:0 18px}.composition-summary{padding:12px 13px;border-radius:11px}.composition-summary span{font-size:10px}.composition-summary strong{font-size:23px}
 .component-list{max-height:min(272px,calc(var(--app-h) - 389px));margin-top:10px;min-height:75px}
 .component-row{grid-template-columns:29px minmax(0,1fr) auto;gap:9px;padding:11px 10px;min-height:61px}.component-row .row-icon{width:28px;height:28px;border-radius:8px}.component-row .row-icon .icon{width:15px;height:15px}.component-row .row-text strong{font-size:11px}.component-row .row-text small{font-size:9px}.component-row .row-price{font-size:14px}.component-row .row-price.included{font-size:10px}
 .cost-card-foot{padding:12px 18px 15px;font-size:9px;margin-top:8px;line-height:1.65}
 .pay-gate.pay-card-final{width:calc(100vw - 28px);max-width:calc(100vw - 28px);max-height:calc(var(--app-h) - 62px);border-radius:23px;height:auto;margin:auto;overflow:auto}
 .pay-card-final .gate-content{display:block;width:100%;padding:23px 20px;margin:0;min-height:0}
 .pay-card-final .gate-story{padding:0}.pay-card-final .gate-story .eyebrow{font-size:9px;margin:0 0 11px}
 .pay-card-final .gate-story h2{font-size:28px;line-height:1.4}.pay-card-final .gate-story h2 br{display:none}
 .pay-card-final .gate-intro{font-size:11px;line-height:1.8;margin-top:10px;max-width:none}
 .pay-card-final .pay-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:18px 0 22px;padding:0}
 .pay-card-final .pay-feature{display:block;min-width:0}.pay-card-final .pay-feature>span{display:none}
 .pay-card-final .pay-feature b{font-size:11px;line-height:1.6;display:block}.pay-card-final .pay-feature p{font-size:9px;margin-top:4px;line-height:1.7}
 .pay-card-final .payment-card{padding:21px 18px;border-radius:17px}.pay-card-final .payment-card-head h3{font-size:18px}.pay-card-final .service-label{font-size:9px}.pay-card-final #pay-project{font-size:10px}
 .pay-card-final .service-price strong{font-size:49px}.pay-card-final .service-price>span{font-size:20px}.pay-card-final .service-price small{font-size:9px}.pay-card-final .service-price{padding:13px 0 2px}
 .service-duration{font-size:10px!important;padding-bottom:13px}.pay-card-final .pay-methods>button{font-size:11px;padding:10px 8px;gap:6px;min-height:43px}.pay-card-final .method-icon{width:22px;height:22px}.pay-card-final .service-rules summary{font-size:10px}.pay-card-final .service-rules p{font-size:10px}
 .pay-card-final .pay-consent{font-size:10px;line-height:1.7}.pay-card-final .payment-card #pay-submit{font-size:12px;min-height:47px}.pay-card-final .pay-foot{font-size:8px;gap:5px}.demo-actions{font-size:8px}
 .minor-dialog{max-width:calc(100vw - 28px);max-height:calc(var(--app-h) - 70px);border-radius:20px}.minor-dialog .dialog-head{padding:20px}.minor-dialog .dialog-head h2{font-size:22px}.minor-dialog .dialog-body{padding:20px}.minor-dialog p{font-size:12px}.demo-grid{gap:8px}.demo-grid .btn{font-size:10px;padding:8px}
}
@media(max-width:360px){.nav-wrap{width:calc(100% - 26px);gap:10px}.brand{font-size:17px}.site-header nav{gap:14px}.utility-toggle{width:30px;height:30px}.brand small.brand-slogan{font-size:8px}.convo-final .thread{padding-left:14px;padding-right:72px}.convo-final .welcome-block h2{font-size:22px}.convo-final .welcome-block>p{font-size:11px}.eval-type{font-size:9px;padding:11px 7px;gap:5px}.eval-type .icon{width:13px}.rail-final{width:54px;right:4px}.rail-final .metric-number{font-size:21px}.cost-tab-cards{gap:6px}.cost-tab-cards button{padding:12px 8px}.cost-tab-cards button>strong{font-size:20px}.pay-card-final .gate-content{padding:22px 16px}.pay-card-final .payment-card{padding:19px 15px}.pay-card-final .pay-feature-list{gap:8px}.pay-card-final .pay-feature b{font-size:10px}.pay-card-final .pay-feature p{font-size:8px}}
@media(max-height:630px) and (max-width:700px){.rail-final{top:125px;max-height:calc(100% - 182px)}.steps-collapsed .rail-final{top:51px;max-height:calc(100% - 151px)}.rail-final .metric-cell{padding:7px 2px}.rail-final .metric-number{font-size:19px}.rail-final .metric-label{font-size:9px;margin-top:2px}.rail-final .rail-hint{padding:4px}.convo-final .welcome-block{padding-top:0}.cost-composition{max-height:calc(var(--app-h) - 32px)}.cost-card-head{padding-top:14px}.component-list{max-height:130px}.pay-gate.pay-card-final{max-height:calc(var(--app-h) - 30px)}}
@media(prefers-reduced-motion:reduce){.rail-final,.flow-button,.flow-button:after,.spinner{animation:none!important}.busy-copy{transition:none}.grid-final{transition:none}}
/* Fit the card to its content: leave visible page context on every side. */
.cost-composition,.pay-gate.pay-card-final{height:fit-content!important}
.composition-summary .component-count{font-size:11px;font-weight:500;letter-spacing:0;color:#6683a6}
.mobile-break{display:none}
@media(max-width:700px){.mobile-break{display:block}.composition-summary .component-count{font-size:9px}}
/* Informational toast must not cover actionable composer / read-only controls. */
.toast{pointer-events:none}