@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--purple:#5423a7;--accent:#5423a7;--tint:#f3edfc;--ink:#261a37;--muted:#665d72;--line:#e1dce8;--paper:#f7f6fa;--green:#165940;--amber:#744800}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9871d9;outline-offset:4px}[hidden]{display:none!important}.shell{max-width:1260px;margin:auto;padding:28px 36px}.topline{display:flex;justify-content:space-between;font-size:14px;font-weight:800;letter-spacing:.04em}.topline b,.edition{font-size:12px;color:var(--muted);font-weight:500}.topline b{margin-left:12px}header{display:flex;justify-content:space-between;align-items:center;margin:26px 0}.eyebrow,.kicker{font-size:12px;color:var(--purple);font-weight:700;letter-spacing:.1em}h1,h2{font-family:Manrope,Arial,sans-serif;line-height:1.2;letter-spacing:-.7px}h1{font-size:32px;margin:0}h1 em{font-style:normal;color:var(--purple)}.intro{line-height:1.6;color:var(--muted);margin:0 24px}h2{font-size:27px;margin:12px 0}p.help{font-size:16px;color:var(--muted);line-height:1.6;margin:0 0 24px}nav{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);margin:24px 0}nav button{background:none;border:0;border-bottom:3px solid transparent;padding:14px 3px;color:var(--muted);text-align:left;font-size:14px}nav button.active{border-color:var(--purple);color:var(--purple);font-weight:700}.num{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;border-radius:50%;background:#ebe7f1;font-size:12px}.active .num,.done .num{background:var(--purple);color:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);gap:24px;align-items:start}.editor{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;min-width:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{text-align:left;background:#fff;border:2px solid #e5e0eb;border-radius:12px;padding:18px;color:var(--ink);min-height:150px;display:flex;flex-direction:column;transition:background .18s,border-color .18s,box-shadow .18s}.card:hover{border-color:#b7a0d6;box-shadow:0 3px 10px #3217520c}.card.selected{background:var(--tint);border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.card b{font-size:17px;line-height:1.4;display:block;margin:0 0 8px}.card small{font-size:14px;color:var(--muted);line-height:1.5;display:block}.code{font-size:12px;font-weight:700;color:#725397;letter-spacing:.05em;margin-bottom:12px}.selection-state{font-size:12px;color:var(--muted);margin-top:auto;padding-top:16px}.selected .selection-state{color:var(--purple);font-weight:700}.navigation{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:24px;margin-top:30px}#counter{font-size:12px;color:var(--muted);text-align:center}.primary{border:0;border-radius:8px;background:var(--purple);color:#fff;padding:14px 18px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;font-size:15px;line-height:1.4}.primary:hover{background:#401c80}.quiet{background:none;border:0;color:var(--muted);padding:12px 0}.summary{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;position:sticky;top:20px;min-width:0;scroll-margin-top:18px}.summary-top{display:flex;justify-content:space-between;color:var(--purple);font-size:12px;font-weight:700;letter-spacing:.05em}.progress{height:5px;background:#eee8f7;border-radius:5px;margin:14px 0 22px}.progress>div{height:100%;background:var(--purple);border-radius:5px;transition:width .3s}.summary h2{font-size:23px;margin:0 0 18px}.summary-choice{display:flex;justify-content:space-between;gap:14px;padding:9px 0;font-size:14px}.summary-choice span{color:var(--muted)}.summary-choice b{text-align:right;max-width:66%;overflow-wrap:anywhere;font-weight:600}.summary-edit{background:none;border:0;text-decoration:underline;color:var(--purple);padding:8px 0;font-size:13px}.price{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.price-context{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 14px}.quote-lines{background:#edf8f2;border:1px solid #c6e4d1;border-radius:10px;padding:16px;margin:18px 0}.defined-title{font-size:14px;color:var(--green);font-weight:700;margin:0 0 14px}.receipt-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid #cde5d6;align-items:flex-start;font-size:14px;line-height:1.45}.receipt-row>span{min-width:0}.receipt-row b{white-space:nowrap;color:var(--green)}.receipt-row small{display:block;font-size:12px;color:#4e6e5c;margin-top:4px}.receipt-row.total{background:var(--purple);color:white;border:0;border-radius:7px;margin:14px -7px -7px;padding:14px 10px}.receipt-row.total b{color:#fff;font-size:19px}.receipt-row.total small{color:#e6ddf3}.savings span,.savings b{color:var(--green);font-weight:700}.pending-box{background:#fff5df;color:var(--amber);border:1px solid #eed9ac;border-radius:10px;padding:15px;margin:16px 0;font-size:14px;line-height:1.55}.pending-box summary{cursor:pointer;font-weight:700}.pending-box ul{padding-left:20px;margin-bottom:8px}.pending-box li{margin:10px 0}.pending-box p{margin:12px 0 0}.price-incomplete{background:#f3f1f7;border-radius:10px;padding:18px;color:var(--muted);line-height:1.5}.price-incomplete b{color:var(--ink)}.price-incomplete p{font-size:14px;margin-bottom:0}.expert{display:flex;justify-content:space-between;color:var(--purple);text-decoration:none;font-size:14px;font-weight:700;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.demo-note{font-size:12px;color:var(--muted);line-height:1.5}.field{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600;margin:18px 0}.field input,.field select,.field textarea{border:1px solid #d4ccdf;border-radius:7px;background:white;padding:12px;color:var(--ink);width:100%;min-width:0;min-height:46px;font-weight:400}.field textarea{min-height:95px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.notice,.included-note,.duration-note{background:#f4f1f9;border-left:3px solid #a386c9;padding:17px 18px;margin:24px 0;font-size:15px;line-height:1.6}.included-note{background:#eef7f2;border-color:#358460;color:#23513c}.duration-note{background:#fff7e6;border-color:#e2b24f;color:#604516}.notice p,.included-note p{margin-bottom:0}.operation-help,.after-options{margin-top:24px!important}.subheading{font-size:17px;font-weight:700;margin:26px 0 15px}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;margin:20px 0}.check input,.monitor-toggle input{width:20px;height:20px;accent-color:var(--purple);flex-shrink:0}.check+.help{margin-top:16px}.error{color:#a12537;font-size:14px}.result-value{font-size:32px;color:var(--purple);font-weight:800;margin:18px 0}.badge{display:inline-block;background:var(--tint);color:var(--purple);font-size:13px;padding:8px 10px;border-radius:5px}.result-list{list-style:none;padding:0;font-size:15px;line-height:1.6}.result-list li{padding:10px 0;border-bottom:1px solid var(--line)}#download{width:100%;margin:24px 0 16px}.booking{border:1px solid var(--line);border-radius:12px;padding:22px;margin:26px 0;background:#faf8fd}.booking p{font-size:15px;line-height:1.6;color:var(--muted)}.edit-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.edit-links button,.choice-receipt button{background:white;border:1px solid var(--line);color:var(--purple);padding:9px 11px;border-radius:7px;font-size:14px}.compare{padding:16px;border:1px solid var(--line);border-radius:10px;margin:24px 0}.compare summary{color:var(--purple);font-weight:700;cursor:pointer}.compare table{border-collapse:collapse;width:100%;font-size:14px;margin:16px 0}.compare th,.compare td{padding:10px 5px;text-align:left;border-bottom:1px solid var(--line)}.compare td:last-child{white-space:nowrap}.compare p{font-size:13px;line-height:1.5;color:var(--muted)}.choice-receipt{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;background:#f6f3fb;border-radius:9px;margin-bottom:24px;font-size:15px}.choice-receipt span{color:var(--purple);font-weight:600}.monitor-toggle{display:flex;gap:14px;padding:22px;border:2px solid var(--line);border-radius:12px;cursor:pointer}.monitor-toggle:has(input:checked){border-color:var(--purple);background:var(--tint)}.monitor-toggle small{display:block;color:var(--muted);font-size:14px;line-height:1.6;margin-top:8px}.continuity-detail{margin-top:24px;border-top:1px solid var(--line);padding-top:8px}.continuity-detail .help{margin-top:22px}.recommendation{width:100%;text-align:left;border-top:0;border-right:0;border-bottom:0}.mobile-quote{display:none}footer{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-top:26px}footer span{letter-spacing:.04em}#panel{animation:question-in .2s ease}@keyframes question-in{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:950px){.shell{padding:24px}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:18px}.editor{padding:24px}.summary{padding:20px}.intro{display:none}.num{display:none}}@media(max-width:700px){.shell{padding:20px 16px 105px}.topline b,.edition{display:none}header{margin:23px 0}h1{font-size:28px}h2{font-size:25px}nav{gap:2px;margin:20px 0}nav button{font-size:12px;text-align:center;padding:12px 0}.workspace{grid-template-columns:1fr}.editor{padding:22px 18px}.summary{position:static}.fields{grid-template-columns:1fr}.cards{gap:12px}.card{padding:15px;min-height:155px}.card b{font-size:16px}.primary{font-size:14px;max-width:68%}#download,.booking .primary{max-width:100%}#counter{display:none}.mobile-quote{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px calc(13px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line);box-shadow:0 -4px 18px #32175209}.mobile-quote b,.mobile-quote small{display:block}.mobile-quote small{font-size:12px;color:var(--muted);margin-bottom:4px}.mobile-quote b{font-size:14px;color:var(--purple)}.mobile-quote button{border:1px solid var(--purple);background:var(--tint);color:var(--purple);border-radius:7px;padding:11px;font-size:13px;white-space:nowrap}footer span{display:none}}@media(max-width:370px){.cards{grid-template-columns:1fr}.card{min-height:130px}.shell{padding-left:10px;padding-right:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.selection-feedback{font-size:14px;line-height:1.5;color:#5423a7;min-height:22px;margin:20px 0 0}.primary:disabled{background:#e5dfed;color:#595164;opacity:1;cursor:not-allowed}.goal-icon{font-size:26px;margin-bottom:10px;color:#5423a7}.context-help{margin-top:25px;font-size:14px;line-height:1.6;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}.context-help summary{cursor:pointer;color:var(--purple);font-weight:700}.context-help p{margin-bottom:0}dialog{border:1px solid var(--line);border-radius:16px;max-width:560px;width:calc(100% - 32px);padding:26px;color:var(--ink)}dialog::backdrop{background:#20112a80}dialog p{line-height:1.7}.dialog-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.embed-mode .topline,.embed-mode header,.embed-mode footer,.embed-mode .mobile-quote{display:none}.embed-mode body{background:transparent}.embed-mode .shell{max-width:none;padding:8px 0 24px}.embed-mode .summary{position:static}.embed-mode nav{margin-top:0}.embed-mode .workspace{gap:20px}.embed-mode .editor{scroll-margin-top:15px}@media(max-width:700px){body:has(input:focus,textarea:focus,select:focus) .mobile-quote{display:none}.embed-mode .shell{padding-bottom:24px}}

/* Campaign builder refinement */
#steps{grid-template-columns:repeat(5,minmax(0,1fr))}.card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px!important;text-align:left;min-height:180px;background:#fff!important}.card .goal-icon{display:flex!important;align-items:center;justify-content:center;width:56px;height:56px;min-height:56px;font-size:34px!important;line-height:1.2!important;color:#5427a7;background:#f2eaff;border-radius:12px;overflow:visible}.card .code{font-size:12px;line-height:1.4}.card b{font-size:18px;line-height:1.35}.card small{font-size:15px;line-height:1.5}.card .selection-state{margin-top:auto;display:inline-flex;padding:8px 16px;border-radius:7px;background:#ffd65c;color:#372300;font-size:14px;font-weight:700}.card.selected{border:2px solid #6029bf!important;background:#f8f4ff!important}.card.selected .selection-state{background:#6029bf;color:white}.card:focus-visible{outline:3px solid #a26000;outline-offset:4px}.card::after{display:none!important}.card:nth-child(2) .goal-icon{background:#e3efff}.card:nth-child(3) .goal-icon{background:#fff0ce}.card:nth-child(4) .goal-icon{background:#fce6f0}.selection-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.after-options{margin-top:28px!important}.secondary{display:inline-flex;border:2px solid #5427a7;border-radius:8px;padding:12px 20px;color:#5427a7;background:white;text-decoration:none;font-weight:700}.receipt-row.total{background:#d4f1e1!important;color:#0b513d!important;border-radius:0;border-top:2px solid #67a68c}.continuity,.contact-extras{margin:24px 0;padding:18px 0;border-top:1px solid #ded8e8;border-bottom:1px solid #ded8e8}.continuity summary,.contact-extras summary{cursor:pointer;color:#5427a7;font-weight:600}.continuity .cards{margin-top:20px}.booking{margin:30px 0}.context-help{margin:24px 0}.navigation{margin-top:28px}.help:empty{display:none}#expert[hidden]{display:none}.result-list{padding-left:0}.result-list li{list-style:none}.choice-receipt{margin-bottom:24px}
@media(max-width:680px){.cards{grid-template-columns:1fr!important}.card{min-height:155px}.card .goal-icon{width:50px;height:50px;min-height:50px;font-size:30px!important}#steps{display:flex;overflow:auto}.summary{margin-top:20px}}

.receipt-row.total b,.summary .receipt-row.total b,.price .receipt-row.total b{color:#0b513d!important;font-weight:800}.receipt-row.total span,.receipt-row.total small{color:#0b513d!important}a.expert{display:flex;align-items:center;justify-content:space-between;background:#5423a7;color:#fff!important;border:0;border-radius:12px;padding:18px 20px;margin:24px 0;font-size:17px;text-decoration:none;box-shadow:0 4px 12px #5423a720}a.expert small{display:block;color:#eee5ff;font-size:13px;font-weight:400;margin-bottom:5px}a.expert:hover{background:#421888}.check{align-items:flex-start}.check a{color:#5423a7;text-underline-offset:3px}.local-note,.terms-link{font-size:14px;color:#665d72;line-height:1.6;margin:24px 0}

.lead-time-note{margin:20px 0;padding:16px;border-left:3px solid #906000;background:#fff6df;color:#624300;font-size:15px;line-height:1.5}.check span{flex:1}.check a{display:inline}

.quote-finished .workspace{grid-template-columns:1fr;max-width:900px;margin:auto}.quote-finished .summary,.quote-finished .navigation,.quote-finished #steps,.quote-finished .mobile-quote{display:none!important}.quote-finished .quote-lines{background:white;border:0;padding:0}.final-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dedce5;padding-bottom:18px}.final-heading h3{margin:0;font-size:19px;color:#261a37}.campaign-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;padding:22px 0;margin:0}.campaign-grid dt{font-size:13px;color:#665d72;margin-bottom:5px}.campaign-grid dd{margin:0;font-size:16px;font-weight:600}.review-list{border-left:3px solid #ae7300;padding:12px 18px;background:#fff9eb;margin:20px 0;line-height:1.5}.review-list ul{margin:8px 0 0;padding-left:18px}.review-list li+li{margin-top:8px}.scope-notes{border-top:1px solid #dedce5;margin-top:24px;padding-top:10px;color:#665d72;font-size:14px;line-height:1.6}.final-actions{display:flex;gap:16px;align-items:center;margin:24px 0}.final-actions .primary{width:auto;margin:0}.quote-finished .terms-link{font-size:14px}.duration-note{display:none}.lead-time-note:empty{display:none}@media(max-width:600px){.final-actions{flex-direction:column;align-items:stretch}.final-actions a,.final-actions button{justify-content:center;text-align:center}.campaign-grid{grid-template-columns:1fr}.final-heading{align-items:flex-start}}

.market-fields{margin:0 0 28px}.quote-reference{padding:16px 20px;background:#edf3fa;color:#142a48;border-left:4px solid #5425b4;font-size:1rem;overflow-wrap:anywhere}.quote-reference strong{display:block;font-size:1.15rem;margin-top:4px}.final-actions{display:block}.final-actions .primary{width:100%}

.card{display:flex;flex-direction:column;gap:12px;padding:22px;min-height:190px}.card b{line-height:1.3}.card small{line-height:1.5}.card .selection-state{margin-top:auto;align-self:flex-start}.card .code{margin:0}.expert{background:#fff!important;color:#5425b4!important;box-shadow:none!important;border:1px solid #ddd5ed;padding:12px 16px!important}.expert small{display:none}.receipt-row.total{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.receipt-row.total b{font-size:1.6rem;line-height:1.3}.scope-notes p,.review-list li{line-height:1.5}

/* WP 0.22: no booking CTA during configuration; responsive card space. */
#expert {display:none!important}
@media(min-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:24px}}
@media(min-width:701px) and (max-width:999px){.workspace{grid-template-columns:1fr}.summary{position:static}}

/* WP 0.23: use available desktop width without stretching mobile cards. */
.embed-mode .shell{width:100%;max-width:none;margin:0 auto}
@media(min-width:1100px){.embed-mode .workspace{grid-template-columns:minmax(0,1fr) 350px}.embed-mode .editor{padding:32px}.embed-mode .card{min-height:175px}}
.quote-finished .workspace{max-width:1100px!important;grid-template-columns:1fr!important}
.completion-message{padding:22px 24px!important;background:#edf8f2;border:1px solid #badcc8;border-radius:12px;color:#174c39!important;font-size:16px!important;line-height:1.65!important;margin-top:22px;outline-offset:4px}

@media(max-width:700px){
 .embed-mode .editor{padding:24px 18px}.embed-mode .workspace{gap:24px}
 #panel h2{font-size:25px;line-height:1.3;margin:14px 0 18px}
 #panel p.help{line-height:1.65;margin-bottom:28px}
 .card{padding:22px!important;gap:14px;min-height:175px}
 .card b{margin:0;line-height:1.4}.card small{line-height:1.65}
 .card .selection-state{margin-top:8px}.cards{gap:18px}
 .fields{gap:24px}.field{line-height:1.55}.field input,.field select,.field textarea{margin-top:9px;min-height:48px}
 .check{gap:12px;line-height:1.65;margin-top:24px;margin-bottom:24px}
 .summary-choice{padding:12px 0;line-height:1.55}.scope-notes p{line-height:1.75;margin:18px 0}
 .navigation{padding-top:24px;margin-top:32px;gap:18px}
 .completion-message{padding:20px!important;line-height:1.75!important}
 .campaign-grid{gap:22px}.campaign-grid dt{margin-bottom:8px}
}

/* 0.24: commercial closing and included support. */
.next-step{background:#fff5da;border-left:4px solid #d29b28;padding:22px 24px;border-radius:10px;margin:24px 0 32px;color:#4b3514;line-height:1.65}.next-step b{font-size:19px}.next-step p{margin:10px 0 0}.closing-links{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 0 0}.closing-links a{color:var(--purple);font-size:14px}.card[data-key="support"][data-value="included"] small{color:#165940;font-weight:600}.quote-finished .final-actions{margin:20px 0}.quote-finished #download{min-height:54px}.quote-finished #pdf-status:empty{display:none}
@media(max-width:700px){.next-step{padding:20px}.next-step b{font-size:18px}.closing-links{flex-direction:column;gap:24px}}

.contact-note{font-size:13px;line-height:1.6;color:var(--muted);margin:24px 0}

/* 0.25: compact selection, preserving readable mobile spacing. */
#wp-notice:empty,.price:empty{display:none}
.cards-goal{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cards-goal .card{min-height:145px;padding:16px!important;gap:8px;position:relative}
.cards-goal .card .goal-icon{width:32px;height:32px;min-height:32px;font-size:22px!important;border-radius:8px;margin:0}
.cards-goal .card b{font-size:17px;margin:0}
.cards-goal .card small{font-size:14px;line-height:1.45;margin:0;padding-right:54px}
.cards-goal .selection-state{position:absolute;right:12px;bottom:14px;padding:5px 8px;font-size:12px}
body[data-stage="0"] .market-fields{margin:18px 0;max-width:560px}
body[data-stage="0"] .editor{padding:24px}
body[data-stage="0"] .help{margin-bottom:16px}
body[data-stage="0"] .navigation{margin-top:18px;padding-top:16px}
@media(min-width:1200px){.cards-goal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
 body[data-stage="0"] .editor{padding:20px 16px}
 .cards-goal{grid-template-columns:1fr!important;gap:10px}
 .cards-goal .card{min-height:104px;padding:14px 14px 14px 58px!important;justify-content:center}
 .cards-goal .card .goal-icon{position:absolute;left:14px;top:18px}
 .cards-goal .card small{padding-right:58px;line-height:1.5}
 .cards-goal .card b{padding-right:55px}
 .navigation .primary{min-height:44px}
}

/* 0.26: compact steps and current-stage mobile navigation */
.cards{gap:12px}.card{min-height:136px;padding:16px!important;gap:8px}.card b{font-size:17px;margin:0}.card small{font-size:14px;line-height:1.5;margin:0}.card .code{font-size:11px}.card .selection-state{padding:6px 12px;font-size:13px}
@media(min-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.activation-notes{background:#f2edf9;border-left:4px solid #7954bd;padding:20px;margin-top:24px;border-radius:8px}.activation-notes label{color:#422073;font-weight:600}.activation-notes textarea{background:#fff;margin-top:10px;min-height:100px}
@media(max-width:680px){#steps{display:block;padding:0;margin-bottom:16px}#steps button:not(.active){display:none}#steps button.active{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%;font-size:15px;padding:12px 0}#steps .active .num{display:inline-flex!important}.card{min-height:122px}.activation-notes{padding:16px}}

.mobile-step-count{display:none}@media(max-width:680px){#steps .active .num{display:none!important}.mobile-step-count{display:inline}}