/* KNOQ homepage conversion shell. Namespaced so retained long-form sections
   keep their approved layout and behaviour. */
.conversion-shell{background:linear-gradient(135deg,#eef5ef 0%,#f8f7f2 54%,#eef6f0 100%);border-bottom:1px solid #cedacf;color:#14211a;padding:clamp(54px,8vw,108px) max(28px,4.5vw)}
.conversion-shell-inner,.conversion-explore-inner{margin:auto;max-width:1180px}
.conversion-shell-heading{max-width:720px}
.conversion-shell .h-kicker{color:#17663d;margin:0 0 16px}
.conversion-shell h2{color:#17231b;font-family:Manrope,Arial,sans-serif;font-size:clamp(36px,5vw,66px);font-weight:800;letter-spacing:-2.2px;line-height:1.05;margin:0}
.conversion-shell h2 .h-signal{color:#0d7540}
#conversion-shell .conversion-steps{counter-reset:conversion-step;display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:clamp(48px,4.5vw,60px) 0 0;padding:0}
.conversion-step{border-left:1px solid #b7c9ba;min-height:245px;padding:0 clamp(20px,2.5vw,34px) 14px}
.conversion-step:first-child{border-left:0;padding-left:0}
#conversion-shell .conversion-step-label{color:#17663d;font:700 11px/1.4 'DM Mono',monospace;letter-spacing:1px;margin:0 0 20px}
.conversion-step h3{color:#17231b;font-family:Manrope,Arial,sans-serif;font-size:clamp(21px,2.1vw,27px);letter-spacing:-.65px;line-height:1.2;margin:0 0 14px}
.conversion-step p:not(.conversion-step-label){color:#405149;font-size:16px;line-height:1.66;margin:0;max-width:330px}
.conversion-actions{align-items:center;border-top:1px solid #b7c9ba;display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:24px;padding-top:28px}
.conversion-primary-action{align-items:center;background:#14884b;border:1px solid #0f6e3d;border-radius:9px;color:#fff;display:inline-flex;font-size:16px;font-weight:800;gap:18px;justify-content:space-between;min-height:54px;padding:15px 20px;text-decoration:none}
.conversion-primary-action:hover{background:#116f3e;color:#fff}
.conversion-secondary-action{color:#173f29;font-size:15px;font-weight:700;min-height:44px;padding:11px 0;text-decoration-thickness:1.5px;text-underline-offset:4px}
#conversion-shell .conversion-boundary{border-left:3px solid #ffc928;color:#415247;font-size:14px;line-height:1.65;margin:28px 0 0;max-width:940px;padding:4px 0 4px 16px}
.conversion-boundary b{color:#1b2c22}
.conversion-explore{background:#101216;color:#eef4ef;padding:clamp(54px,8vw,104px) max(28px,4.5vw)}
.conversion-explore .h-kicker{color:#ffc928;margin:0 0 14px}
.conversion-explore-heading{max-width:690px}
.conversion-explore h2{color:#fff;font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,4.5vw,60px);font-weight:800;letter-spacing:-1.9px;line-height:1.06;margin:0 0 18px}
.conversion-explore-heading>p:last-child{color:#c7d2ca;font-size:17px;line-height:1.65;margin:0}
#explore-knoq .conversion-explore-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:44px 0 0;padding:0}
.conversion-explore-grid>li{border:1px solid #415147;border-radius:14px;min-width:0}
.conversion-explore-grid>li>a,.conversion-card-story{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;min-height:310px;padding:24px;text-decoration:none}
.conversion-explore-grid>li>a{transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.conversion-explore-grid>li>a:hover{background:#17221b;color:#fff;transform:translateY(-2px)}
.conversion-card-story{background:#152019}
.conversion-card-number{color:#ffc928;display:block;font:700 11px/1.4 'DM Mono',monospace;letter-spacing:1px;margin-bottom:30px}
.conversion-card-title{color:#fff;display:block;font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.45px;line-height:1.22}
.conversion-card-copy{color:#c5d2c9;display:block;font-size:14px;line-height:1.6;margin:16px 0 24px}
.conversion-card-link,.conversion-card-links{color:#aee0b9;display:block;font-size:14px;font-weight:800;line-height:1.45;margin-top:auto;text-decoration:underline;text-underline-offset:4px}
.conversion-card-link i,.conversion-card-links i{font-style:normal}
.conversion-card-links{display:flex;flex-direction:column;gap:13px;text-decoration:none}
.conversion-card-links a{color:#aee0b9;min-height:30px;text-decoration:underline;text-underline-offset:4px}
.conversion-shell a:focus-visible{outline:3px solid #0a5632;outline-offset:5px}
.conversion-explore a:focus-visible{outline:3px solid #ffc928;outline-offset:5px}
@media(max-width:1000px){.conversion-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.conversion-explore-grid>li>a,.conversion-card-story{min-height:265px}.conversion-step{min-height:0}}
@media(max-width:760px){.conversion-shell,.conversion-explore{padding-left:22px;padding-right:22px}.conversion-shell h2{letter-spacing:-1.4px}#conversion-shell .conversion-steps{gap:0;grid-template-columns:1fr;margin-top:38px}.conversion-step{border-left:0;border-top:1px solid #b7c9ba;padding:24px 0}.conversion-step:first-child{border-top:1px solid #b7c9ba;padding:24px 0}#conversion-shell .conversion-step-label{margin-bottom:14px}.conversion-actions{align-items:stretch;flex-direction:column;margin-top:4px;padding-top:22px}.conversion-primary-action{width:100%}.conversion-secondary-action{align-self:flex-start}#conversion-shell .conversion-boundary{margin-top:24px}#explore-knoq .conversion-explore-grid{gap:12px;grid-template-columns:1fr;margin-top:34px}.conversion-explore-grid>li>a,.conversion-card-story{min-height:0;padding:22px}.conversion-card-number{margin-bottom:20px}.conversion-card-copy{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.conversion-explore-grid>li>a{transition:none}.conversion-explore-grid>li>a:hover{transform:none}}


/* Local concept preview: plain-language two-sided KNOQ story. */
#conversion-shell .conversion-story{border-top:1px solid #b7c9ba;margin-top:clamp(34px,4vw,52px);padding-top:clamp(32px,4vw,48px)}
#conversion-shell .conversion-story-heading{max-width:none}
#conversion-shell .conversion-story-kicker{color:#17663d;font:700 11px/1.45 'DM Mono',monospace;letter-spacing:1px;margin:0 0 12px}
#conversion-shell .conversion-story-heading h3{color:#17231b;font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,3vw,38px);font-weight:800;letter-spacing:-1.05px;line-height:1.12;margin:0}
#conversion-shell .conversion-story-heading>p:last-child{color:#405149;font-size:17px;line-height:1.55;margin:11px 0 0}
#conversion-shell .conversion-mode-intro{margin:clamp(28px,3vw,38px) 0 0;max-width:none}
#conversion-shell .conversion-mode-kicker{color:#17663d;font:700 10px/1.45 'DM Mono',monospace;letter-spacing:1px;margin:0 0 8px}
#conversion-shell .conversion-mode-intro h4{color:#17231b;font-family:Manrope,Arial,sans-serif;font-size:clamp(21px,2.3vw,28px);font-weight:800;letter-spacing:-.7px;line-height:1.2;margin:0}
#conversion-shell .conversion-mode-intro>p:last-child{color:#405149;font-size:15px;line-height:1.55;margin:8px 0 0}
#conversion-shell .conversion-mode-rail{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:18px 0 0;padding:0}
#conversion-shell .conversion-mode-rail li{align-items:flex-start;background:#fff;border:1px solid #d2dfd4;border-radius:12px;display:grid;gap:13px;grid-template-columns:auto minmax(0,1fr);min-width:0;padding:20px}
#conversion-shell .conversion-mode-marker{align-items:center;background:#eef5ef;border:1px solid #b7c9ba;border-radius:999px;color:#17663d;display:flex;font:700 8px/1 'DM Mono',monospace;height:28px;justify-content:center;letter-spacing:.35px;min-width:42px;padding:0 7px}
#conversion-shell .conversion-mode-request-label{color:#17663d;font:700 8px/1.35 'DM Mono',monospace;letter-spacing:.65px;margin:0 0 7px}
#conversion-shell .conversion-mode-rail h5{color:#173f29;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:800;line-height:1.3;margin:0}
#conversion-shell .conversion-mode-example{color:#405149;font-size:12px;line-height:1.48;margin:9px 0 0}
#conversion-shell .conversion-mode-example span{color:#60756a;display:block;font:700 8px/1.35 'DM Mono',monospace;letter-spacing:.6px;margin:0 0 3px}
#conversion-shell .conversion-mode-choice{border-top:1px solid #dce6de;margin-top:14px;padding-top:11px}
#conversion-shell .conversion-mode-choice span{color:#17663d;display:block;font:700 8px/1.35 'DM Mono',monospace;letter-spacing:.65px}
#conversion-shell .conversion-mode-choice p{color:#4a5d51;font-size:13px;line-height:1.52;margin:5px 0 0}
#conversion-shell .conversion-mode-agreement{color:#405149;font-size:14px;line-height:1.55;margin:15px 0 0}
#conversion-shell .conversion-mode-agreement b{color:#173f29}
#conversion-shell .conversion-story-flow{align-items:center;display:grid;gap:clamp(18px,3vw,42px);grid-template-columns:minmax(0,1fr) minmax(130px,.62fr) minmax(0,1fr);margin-top:clamp(30px,4vw,50px)}
#conversion-shell .conversion-phone-card{margin:0;min-width:0}
#conversion-shell .conversion-phone-preview{background:#0c0f11;border:7px solid #17231b;border-radius:31px;box-shadow:0 18px 30px rgba(20,33,26,.2);height:clamp(340px,36vw,474px);margin:0 auto;max-width:238px;overflow:hidden;position:relative}
#conversion-shell .conversion-phone-preview img{display:block;height:100%;object-fit:cover;width:100%}
#conversion-shell .conversion-phone-card-customer img{object-position:50% 66%}
#conversion-shell .conversion-phone-card-professional img{object-position:50% 38%}
#conversion-shell .conversion-phone-card figcaption{margin:17px auto 0;max-width:290px;text-align:center}
#conversion-shell .conversion-phone-card figcaption span{color:#17663d;display:block;font:700 10px/1.45 'DM Mono',monospace;letter-spacing:.9px}
#conversion-shell .conversion-phone-card figcaption b{color:#17231b;display:block;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.32;margin-top:7px}
#conversion-shell .conversion-phone-card figcaption p{color:#4a5d51;font-size:14px;line-height:1.5;margin:6px 0 0}
#conversion-shell .conversion-story-connector{align-items:center;display:flex;flex-direction:column;gap:10px;min-width:0;padding:6px 0;text-align:center}
#conversion-shell .conversion-story-connector:target{outline:0}
#conversion-shell .conversion-norb-stage{display:grid;min-height:clamp(122px,11vw,150px);place-items:center;position:relative;width:min(100%,150px)}
#conversion-shell .conversion-norb-stage:before{background:radial-gradient(circle,rgba(255,201,40,.24),rgba(255,201,40,0) 68%);border-radius:50%;content:'';height:118px;position:absolute;width:118px}
#conversion-shell .conversion-norb-stage:after{background:rgba(15,31,22,.3);border-radius:50%;bottom:5px;content:'';filter:blur(5px);height:8px;position:absolute;width:62px}
#conversion-shell .conversion-norb-float{pointer-events:none;position:relative;width:clamp(102px,9vw,132px);z-index:1}
#conversion-shell .conversion-norb-float img{display:block;height:auto;width:100%}
#conversion-shell .conversion-story-example{max-width:250px;width:100%}
#conversion-shell .conversion-story-connector-label{align-items:center;background:transparent;border:0;border-radius:0;color:#17663d;display:flex;font:700 10px/1.35 'DM Mono',monospace;gap:8px;justify-content:center;letter-spacing:.9px;margin:0;padding:0}
#conversion-shell .conversion-story-connector-label:before{background:#ffc928;content:'';display:block;height:2px;width:20px}
#conversion-shell .conversion-story-example h4{color:#17231b;font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.45px;line-height:1.15;margin:8px 0 0}
#conversion-shell .conversion-story-example-steps{display:grid;gap:0;list-style:none;margin:15px 0 0;padding:0;text-align:left}
#conversion-shell .conversion-story-example-step{background:transparent;border:0;border-radius:0;padding:12px 0}
#conversion-shell .conversion-story-example-step+.conversion-story-example-step{border-top:1px solid #d2dfd4}
#conversion-shell .conversion-story-example-step>span{color:#17663d;display:block;font:700 9px/1.4 'DM Mono',monospace;letter-spacing:.75px}
#conversion-shell .conversion-story-example-step p{color:#405149;font-size:13px;line-height:1.45;margin:6px 0 0;max-width:none}
#conversion-shell .conversion-story-boundary{border-left:3px solid #ffc928;color:#405149;font-size:14px;line-height:1.65;margin:clamp(28px,4vw,42px) auto 0;max-width:920px;padding:4px 0 4px 16px}
#conversion-shell .conversion-story-boundary b{color:#1b2c22}
@media(max-width:850px){#conversion-shell .conversion-story-flow{grid-template-columns:1fr;max-width:430px;margin-left:auto;margin-right:auto}#conversion-shell .conversion-story-connector{margin:2px 0 6px}}
@media(max-width:760px){#conversion-shell .conversion-story{margin-top:30px;padding-top:30px}#conversion-shell .conversion-story-heading h3{letter-spacing:-.75px}#conversion-shell .conversion-mode-intro{margin-top:26px}#conversion-shell .conversion-mode-rail{grid-template-columns:1fr;margin-top:18px}#conversion-shell .conversion-mode-rail li{padding:17px}#conversion-shell .conversion-phone-preview{height:392px;max-width:206px}#conversion-shell .conversion-story-flow{gap:22px;margin-top:30px}#conversion-shell .conversion-story-boundary{font-size:13px;margin-top:30px}}