.examples{--edge:max(24px,calc((100vw - 1472px)/2));background:#fff;color:var(--ink);padding-top:64px}.examples-heading{padding:0 var(--edge) 55px;display:flex;align-items:end;justify-content:space-between;gap:30px;scroll-margin-top:120px}.examples-eyebrow{display:block;font-size:13px;letter-spacing:.14em;color:#527298;font-weight:600;margin-bottom:20px}.examples-heading h2{font-size:clamp(34px,4.3vw,68px);font-weight:750;line-height:1.1;letter-spacing:-.05em}.examples-heading .motion-toggle{font-size:12px;color:#66849d;margin:0;min-height:40px;flex-shrink:0}.example{padding:65px var(--edge);border-top:1px solid #e0eaf2}.example-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,80px);align-items:end;margin-bottom:40px}.example-product{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.1em;font-weight:550;color:#507393;margin-bottom:22px}.example-product>b{font-size:15px;letter-spacing:0;font-weight:500;color:#008cff;display:grid;place-items:center;border:1px solid #b4daf2;width:34px;height:34px;border-radius:50%;flex-shrink:0}.example h3{font-size:clamp(34px,3.7vw,59px);font-weight:750;line-height:1.05;letter-spacing:-.045em;margin:0}.example h3 em{font-style:normal;color:#008cff}.example-heading>p{font-size:clamp(17px,1.5vw,23px);line-height:1.5;color:#687e96;max-width:530px;padding-bottom:4px}.example-heading strong{font-weight:500;color:#27455f;display:inline-block;margin-top:9px}.visual-stage{position:relative;isolation:isolate}.stage-label{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;line-height:1.5;color:#6c8aa2;margin-bottom:22px}.content-stage{display:grid;grid-template-columns:minmax(0,.65fr) 105px minmax(0,1.65fr);align-items:center;gap:0;background:radial-gradient(ellipse at 75% 55%,#e0f1ff,transparent 65%),#f4f9fd;border:1px solid #d6e6f3;border-radius:18px;padding:38px 32px 25px}.content-before{padding-right:10px}.loose-note{display:flex;align-items:center;gap:15px;padding:19px 17px;margin-bottom:15px;background:#fff;border:1px solid #d6e4ee;box-shadow:0 8px 20px #1744610c;border-radius:8px;animation:sourceNotes 8s ease-in-out infinite;animation-play-state:paused}.note-ideas{transform:rotate(-3deg)}.note-results{transform:rotate(2deg);animation-delay:.35s}.note-comments{transform:rotate(-2deg);animation-delay:.7s}.loose-note>span{color:#008cff;font-size:31px;line-height:1}.loose-note b{display:block;font-size:17px;font-weight:600;letter-spacing:-.02em;color:#23435f;line-height:1.2}.loose-note small{display:block;font-size:13px;color:#8a9fb1;line-height:1.5;margin-top:5px}.tiny-bars{display:flex;align-items:end;gap:3px;height:23px;min-width:24px}.tiny-bars>i{width:5px;background:#008cff;border-radius:2px;height:50%}.tiny-bars>i:nth-child(2){height:100%}.tiny-bars>i:nth-child(3){height:75%}.visual-engine{display:flex;align-items:center;width:100%;position:relative}.visual-engine>div{width:73px;height:73px;border-radius:50%;border:1px solid #4dbbff;background:#01243f;display:grid;place-items:center;flex-shrink:0;z-index:1;box-shadow:0 0 0 7px #008cff09;animation:engineGlow 8s ease-in-out infinite;animation-play-state:paused}.visual-engine img{width:73%;height:auto}.engine-wire{height:1px;flex:1;min-width:0;background:#8fbfdd;position:relative;overflow:hidden}.engine-wire:after{content:'';position:absolute;inset:0;width:45%;background:#008cff;animation:wireSignal 4s linear infinite;animation-play-state:paused}.content-after{border:1px solid #b4d5ee;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 14px 40px #114b7512}.plan-bar{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#001e36;color:#fff}.plan-bar>div{display:flex;align-items:center;gap:9px}.plan-bar b{font-size:18px;font-weight:550;line-height:1.2;letter-spacing:-.025em}.plan-bar>span{font-size:10px;letter-spacing:.1em;color:#88c8ef;white-space:nowrap}.blue-dot{width:6px;height:6px;background:#00b5ff;border-radius:50%;flex-shrink:0}.plan-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px}.day-card{min-width:0;animation:planLift 8s ease-in-out infinite;animation-play-state:paused}.day-two{animation-delay:.45s}.day-three{animation-delay:.9s}.day-card>span{display:block;font-size:11px;letter-spacing:.08em;font-weight:600;color:#6b8ba4;margin-bottom:10px}.post-thumbnail{height:155px;padding:16px 12px;border-radius:5px;position:relative;overflow:hidden;display:flex;align-items:center;isolation:isolate}.post-thumbnail b{font-size:clamp(15px,1.5vw,23px);font-weight:650;line-height:1.08;letter-spacing:-.04em;position:relative;z-index:1}.thumbnail-one{color:white;background:linear-gradient(130deg,#004a8b,#001c37)}.thumbnail-one>i{position:absolute;width:90px;height:90px;border:20px solid #139bfa;transform:rotate(-35deg);right:-30px;bottom:-35px}.thumbnail-two{background:#dff0ff;color:#06385e}.thumbnail-two>i{font-size:130px;line-height:1;font-style:normal;color:#a7d9ff;position:absolute;right:-10px;bottom:-20px;font-weight:700}.thumbnail-three{color:white;background:linear-gradient(130deg,#009dff,#0068d9);flex-direction:column;align-items:start;justify-content:space-between}.thumbnail-three>span{font-size:8px;letter-spacing:.08em;color:#bfebff}.day-card>b{font-size:15px;font-weight:600;line-height:1.35;display:block;letter-spacing:-.02em;color:#28465f;margin:12px 0 5px}.day-card>small{display:block;font-size:12px;line-height:1.4;color:#879caf}.interest-comment{display:flex;align-items:center;gap:12px;margin:0 20px 20px;border:1px solid #badaf1;border-radius:7px;background:#f0f8ff;padding:15px;animation:interestFlash 8s ease-in-out infinite;animation-play-state:paused}.comment-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d6ecfc;color:#3384bb;font-size:13px;flex-shrink:0}.interest-comment small{font-size:9px;letter-spacing:.07em;color:#6b98bb;display:block;margin-bottom:5px}.interest-comment b{font-size:16px;color:#245a80;font-weight:500;line-height:1.4}.interest-comment>span:last-child{margin-left:auto;color:#008cff;font-size:25px}.stage-caption{grid-column:1/-1;text-align:center;color:#7c96ab;font-size:12px;line-height:1.5;margin-top:25px}
.example-lead{background:#fff}.lead-stage{display:grid;grid-template-columns:minmax(0,1fr) 130px minmax(0,1.2fr);gap:0;align-items:center;padding:40px 42px 26px;background:radial-gradient(ellipse at 65% 40%,#00407155,transparent 65%),#00182c;border-radius:18px;border:1px solid #174868}.lead-stage .stage-label{color:#82a7c5;font-size:11px}.lead-inbox{padding-right:10px}.lead-message{border:1px solid #dfebf4;background:white;border-radius:14px 14px 14px 2px;padding:23px;box-shadow:0 10px 30px #0002;animation:leadArrives 8s ease-in-out infinite;animation-play-state:paused}.message-person{display:flex;align-items:center;gap:12px}.message-person>span{height:38px;width:38px;display:grid;place-items:center;border-radius:50%;background:#e6f3fc;color:#4785ad;font-size:16px}.message-person b{font-size:16px;font-weight:600;color:#23425c;display:block}.message-person small{font-size:12px;color:#8ea5b7;display:block;margin-top:4px}.message-person>i{font-size:11px;font-style:normal;color:#96adbf;margin-left:auto}.lead-message>p{font-size:clamp(18px,1.6vw,24px);line-height:1.45;letter-spacing:-.025em;color:#32536e;margin:23px 0}.unread-badge{font-size:12px;display:flex;align-items:center;gap:7px;color:#5f86a6;border-top:1px solid #e6eef5;padding-top:14px}.unread-badge>i{width:6px;height:6px;border-radius:50%;background:#008cff}.waiting-note{margin-top:20px;color:#7b9bb5;font-size:15px;line-height:1.5;display:flex;gap:10px;align-items:center}.waiting-note>span{font-size:27px;color:#548aaf;align-self:start}.lead-stage .visual-engine>div{width:88px;height:88px;border-color:#35b4ff;background:#032943;box-shadow:0 0 0 9px #008cff0d}.lead-stage .engine-wire{background:#2373a2}.lead-stage .engine-wire:after{background:white}.lead-outcome{padding-left:5px}.reply-bubble{background:linear-gradient(115deg,#009aff,#0074ee);border:1px solid #21a9ff;border-radius:14px 14px 2px 14px;color:white;padding:23px;position:relative;box-shadow:0 10px 30px #0002;animation:replyAppears 8s ease-in-out infinite;animation-play-state:paused}.reply-bubble>span{font-size:10px;letter-spacing:.1em;color:#b8e9ff}.reply-bubble p{font-size:clamp(18px,1.6vw,24px);line-height:1.45;letter-spacing:-.025em;margin:15px 12px 12px 0}.reply-bubble>i{font-size:25px;font-style:normal;display:block;text-align:right;color:#c8edff}.appointment-card{display:flex;align-items:center;gap:15px;padding:20px;border-radius:9px;background:#f4faff;border:1px solid #bee5ff;margin:20px 0 0 25px;animation:appointmentArrives 8s ease-in-out infinite;animation-play-state:paused}.calendar-icon{color:#008cff;font-size:38px;line-height:1}.calendar-icon>b{font-weight:400}.appointment-card small{display:block;color:#7aa0bc;font-size:9px;letter-spacing:.07em;margin-bottom:7px}.appointment-card b{font-size:18px;letter-spacing:-.025em;line-height:1.2;color:#234b69;font-weight:600;display:block}.appointment-card p{font-size:13px;color:#7b9bb2;line-height:1.5;margin-top:5px}.appointment-card>span{font-size:23px;color:#008cff;margin-left:auto}.lead-stage .stage-caption{color:#648ca9}
.your-process{background:linear-gradient(180deg,#f1f9ff,#fff);padding-top:70px;padding-bottom:60px}.process-intro{text-align:center;margin-bottom:40px}.process-intro h3{font-size:clamp(36px,4.2vw,65px);line-height:1.06}.process-intro>p{font-size:clamp(18px,1.6vw,24px);line-height:1.5;color:#7390a6;margin-top:23px}.process-intro strong{font-weight:500;color:#335c79}.process-comparison{display:grid;grid-template-columns:1fr;gap:24px}.manual-lane{border:1px solid #d9e6ef;background:#fff;border-radius:14px;padding:28px 30px}.lane-heading{display:flex;align-items:center;gap:17px;margin-bottom:27px}.lane-heading>span{font-size:11px;font-weight:600;color:#8c9eaf;letter-spacing:.08em;border:1px solid #dce7ef;padding:7px 10px;border-radius:4px}.lane-heading>b{font-size:22px;line-height:1.25;letter-spacing:-.025em;color:#506c83;font-weight:550}.manual-steps{display:flex;align-items:center;justify-content:space-between;gap:12px}.manual-steps>div{display:flex;align-items:center;gap:11px;padding:18px 15px;background:#f2f6fa;border:1px solid #e6edf3;border-radius:7px;flex:1;animation:manualRepeat 8s ease-in-out infinite;animation-play-state:paused;min-width:0}.manual-steps>div:nth-of-type(2){animation-delay:.8s}.manual-steps>div:nth-of-type(3){animation-delay:1.6s}.manual-steps>div:nth-of-type(4){animation-delay:2.4s}.manual-steps i{font-style:normal;font-size:12px;color:#9baebd;flex-shrink:0}.manual-steps b{font-size:16px;font-weight:500;line-height:1.3;color:#6f879a}.manual-steps>span{font-size:21px;color:#a2bacb}.repeated-label{display:block;font-size:13px;color:#93a7b7;text-align:right;margin-top:15px}.automated-lane{padding:28px 30px;border:1px solid #8cccf4;background:#eaf6ff;border-radius:14px}.automated-lane .lane-heading>span{color:#087cca;border-color:#aad9f7;background:#f5fbff}.automated-lane .lane-heading>b{color:#134769}.automated-flow{display:flex;align-items:center;gap:0;position:relative}.automation-hub{width:80px;height:80px;border:1px solid #239fff;border-radius:22px;background:#002740;display:grid;place-items:center;flex-shrink:0;margin-right:25px;animation:engineGlow 8s ease-in-out infinite;animation-play-state:paused}.automation-hub img{width:72%;height:auto}.automatic-step{flex:1;min-width:0;position:relative;padding:18px 18px;border-top:1px solid #76bde9;text-align:center}.automatic-step>span{font-size:18px;line-height:1.4;letter-spacing:-.02em;color:#205e86}.automatic-step>i{position:absolute;top:-5px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#008cff;animation:automaticPulse 8s ease-in-out infinite;animation-play-state:paused}.automatic-step:nth-of-type(3)>i{animation-delay:.8s}.automatic-step:nth-of-type(4)>i{animation-delay:1.6s}.control-label{display:block;font-size:13px;line-height:1.5;color:#72a1bf;margin:12px 0 0 105px}.process-invitation{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:35px}.process-invitation>p{font-size:clamp(17px,1.5vw,23px);line-height:1.5;color:#7592a8}.process-invitation strong{display:block;font-weight:600;color:#244e6c}.process-invitation .button{font-size:16px;min-height:52px;padding:17px 23px;border-radius:6px;gap:25px}
.example.motion-visible .loose-note,.example.motion-visible .visual-engine>div,.example.motion-visible .engine-wire:after,.example.motion-visible .day-card,.example.motion-visible .interest-comment,.example.motion-visible .lead-message,.example.motion-visible .reply-bubble,.example.motion-visible .appointment-card,.example.motion-visible .manual-steps>div,.example.motion-visible .automation-hub,.example.motion-visible .automatic-step>i{animation-play-state:running}
@keyframes sourceNotes{0%,100%{box-shadow:0 8px 20px #1744610c;border-color:#d6e4ee}10%,25%{box-shadow:0 8px 24px #008cff1f;border-color:#70bdf3}}
@keyframes engineGlow{0%,100%{box-shadow:0 0 0 7px #008cff09}30%,50%{box-shadow:0 0 0 12px #008cff10,0 0 30px #008cff3a}}
@keyframes wireSignal{0%{transform:translateX(-110%);opacity:0}10%{opacity:1}85%{transform:translateX(330%);opacity:1}100%{transform:translateX(330%);opacity:0}}
@keyframes planLift{0%,100%{transform:translateY(0)}45%,70%{transform:translateY(-5px)}}
@keyframes interestFlash{0%,50%,100%{box-shadow:0 0 0 0 #008cff00}65%,85%{box-shadow:0 0 0 3px #008cff18;border-color:#55b5f1}}
@keyframes leadArrives{0%,100%{transform:translateY(0)}10%,30%{transform:translateY(-4px)}}
@keyframes replyAppears{0%,15%,100%{transform:translateX(5px);opacity:.8}35%,90%{transform:translateX(0);opacity:1}}
@keyframes appointmentArrives{0%,40%,100%{transform:translateY(4px)}60%,85%{transform:translateY(-3px);box-shadow:0 0 0 3px #30a7ff22}}
@keyframes manualRepeat{0%,100%{background:#f2f6fa;border-color:#e6edf3}10%,25%{background:#e5eff6;border-color:#bad1e2}}
@keyframes automaticPulse{0%,100%{box-shadow:0 0 0 0 #008cff00}45%,70%{box-shadow:0 0 0 7px #008cff15,0 0 14px #008cff55}}
@media(max-width:1100px) and (min-width:701px){.example{padding-block:48px}.content-stage{grid-template-columns:minmax(0,.6fr) 75px minmax(0,1.5fr);padding:28px 20px 20px}.visual-engine>div{width:58px;height:58px}.loose-note{padding:15px 10px;gap:9px}.loose-note b{font-size:15px}.loose-note small{font-size:11px}.loose-note>span{font-size:24px}.tiny-bars{min-width:20px}.stage-label{font-size:9px}.plan-bar{padding:16px}.plan-bar b{font-size:15px}.plan-bar>span{font-size:8px}.plan-days{padding:15px;gap:9px}.post-thumbnail{height:130px;padding:12px 9px}.day-card>b{font-size:13px}.day-card>small{font-size:11px}.day-card>span{font-size:9px}.interest-comment{margin:0 15px 15px;padding:12px;gap:8px}.interest-comment b{font-size:14px}.interest-comment small{font-size:8px}.lead-stage{padding:30px 25px 23px;grid-template-columns:minmax(0,1fr) 90px minmax(0,1.2fr)}.lead-stage .visual-engine>div{width:67px;height:67px}.lead-stage .stage-label{font-size:9px}.lead-message,.reply-bubble{padding:18px}.lead-message>p,.reply-bubble p{font-size:18px}.appointment-card{padding:16px 13px;gap:10px;margin-left:10px}.appointment-card b{font-size:16px}.appointment-card small{font-size:8px}.appointment-card p{font-size:12px}.manual-steps{gap:8px}.manual-steps>div{padding:15px 10px;gap:7px}.manual-steps b{font-size:14px}.automatic-step>span{font-size:16px}}
@media(max-width:700px){.examples{--edge:20px;padding-top:38px}.examples-heading{display:block;padding-bottom:28px}.examples-eyebrow{font-size:10px;margin-bottom:15px;line-height:1.5}.examples-heading h2{font-size:32px;line-height:1.1}.examples-heading h2 br{display:none}.examples-heading .motion-toggle{font-size:11px;margin-top:12px;min-height:34px}.example{padding:35px var(--edge)}.example-heading{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.example-product{font-size:10px;letter-spacing:.06em;gap:9px;margin-bottom:18px}.example-product>b{width:28px;height:28px;font-size:12px}.example h3{font-size:33px;line-height:1.08}.example-heading>p{font-size:17px;line-height:1.5}.example-heading>p br{display:none}.content-stage{grid-template-columns:1fr;padding:22px 13px 17px;border-radius:12px}.content-before{padding:0}.stage-label{font-size:9px;line-height:1.5;margin-bottom:16px}.loose-note{padding:12px 14px;gap:13px;margin:0 auto 10px;width:88%;border-radius:7px}.loose-note b{font-size:16px}.loose-note small{font-size:12px;margin-top:3px}.loose-note>span{font-size:25px}.visual-engine{flex-direction:column;margin:9px 0 16px}.visual-engine>div{width:65px;height:65px}.engine-wire{width:1px;height:16px;min-height:16px;flex:none}.engine-wire:after{width:1px;height:45%;animation-name:wireVertical}.content-after{border-radius:8px}.plan-bar{padding:15px 12px;gap:8px}.plan-bar b{font-size:15px}.plan-bar>span{font-size:8px;max-width:50px;white-space:normal;line-height:1.4}.plan-days{grid-template-columns:1fr;padding:13px;gap:14px}.day-card{display:grid;grid-template-columns:78px 1fr;column-gap:12px;align-items:center;position:relative;border-bottom:1px solid #edf3f8;padding-bottom:13px}.day-card:last-child{border-bottom:none;padding-bottom:0}.day-card>span{grid-column:1/-1;font-size:10px;margin-bottom:8px}.post-thumbnail{height:83px;grid-column:1;grid-row:2/4;padding:8px}.post-thumbnail b{font-size:13px}.thumbnail-one>i{width:60px;height:60px;border-width:13px;right:-23px;bottom:-23px}.thumbnail-two>i{font-size:80px;right:-5px;bottom:-10px}.thumbnail-three>span{font-size:5px;letter-spacing:0}.day-card>b{grid-column:2;grid-row:2;margin:0;align-self:end;font-size:15px;line-height:1.4}.day-card>small{grid-column:2;grid-row:3;margin-top:5px;align-self:start;font-size:12px}.interest-comment{margin:0 13px 13px;padding:12px;gap:8px}.comment-avatar{width:27px;height:27px;font-size:11px}.interest-comment small{font-size:7px;line-height:1.5}.interest-comment b{font-size:13px}.interest-comment>span:last-child{font-size:19px}.stage-caption{font-size:10px;margin-top:19px;line-height:1.5}.lead-stage{grid-template-columns:1fr;padding:22px 17px 18px;border-radius:12px}.lead-stage .stage-label{font-size:9px;margin-bottom:13px}.lead-inbox{padding-right:8px}.lead-message{padding:18px;border-radius:12px 12px 12px 2px}.message-person>span{height:32px;width:32px;font-size:14px}.message-person b{font-size:15px}.message-person small{font-size:11px}.lead-message>p{font-size:20px;margin:18px 0}.unread-badge{font-size:11px;padding-top:12px}.waiting-note{font-size:13px;margin-top:15px;gap:8px}.waiting-note>span{font-size:24px}.lead-stage .visual-engine{margin:15px 0 20px}.lead-stage .visual-engine>div{width:73px;height:73px}.lead-outcome{padding-left:0}.reply-bubble{padding:18px;border-radius:12px 12px 2px 12px}.reply-bubble>span{font-size:9px}.reply-bubble p{font-size:19px;line-height:1.45;margin:14px 0 10px}.reply-bubble p br{display:none}.reply-bubble>i{font-size:24px}.appointment-card{margin:17px 0 0 8px;padding:17px 13px;gap:10px}.calendar-icon{font-size:31px}.appointment-card small{font-size:8px;margin-bottom:6px}.appointment-card b{font-size:16px}.appointment-card p{font-size:12px}.appointment-card>span{display:none}.process-intro{margin-bottom:25px;text-align:left}.process-intro h3{font-size:34px}.process-intro h3 br{display:none}.process-intro>p{font-size:17px;margin-top:20px;line-height:1.5}.process-comparison{gap:18px}.manual-lane,.automated-lane{padding:20px 15px;border-radius:12px}.lane-heading{display:block;margin-bottom:20px}.lane-heading>span{display:inline-block;font-size:9px;padding:6px 8px;margin-bottom:11px}.lane-heading>b{display:block;font-size:20px}.manual-steps{display:grid;grid-template-columns:1fr;gap:6px}.manual-steps>div{padding:13px;gap:13px;min-height:47px}.manual-steps b{font-size:15px}.manual-steps i{font-size:11px}.manual-steps>span{font-size:16px;line-height:1;transform:rotate(90deg);justify-self:center}.repeated-label{font-size:12px;text-align:center;margin-top:17px}.automated-flow{flex-direction:column}.automation-hub{margin:0 0 24px;width:70px;height:70px;border-radius:19px}.automatic-step{width:100%;padding:17px 12px;border-top:0;border-left:1px solid #76bde9}.automatic-step>span{font-size:16px;line-height:1.5}.automatic-step>span br{display:none}.automatic-step>i{top:calc(50% - 4px);left:-5px}.control-label{font-size:11px;line-height:1.5;margin:15px 0 0}.process-invitation{display:block;margin-top:25px}.process-invitation>p{font-size:17px;line-height:1.5}.process-invitation .button{font-size:14px;min-height:49px;padding:15px 18px;margin-top:20px;gap:20px}}
@keyframes wireVertical{0%{transform:translateY(-110%);opacity:0}10%{opacity:1}85%{transform:translateY(330%);opacity:1}100%{transform:translateY(330%);opacity:0}}
@media(prefers-reduced-motion:reduce){.example *,.example *:after{animation:none!important;opacity:1!important;transform:none!important}.engine-wire:after{display:none}}
.task-icon{width:28px;height:28px;flex-shrink:0;fill:none;stroke:#8eacc2;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:701px){.manual-steps>div{flex-direction:column;justify-content:center;text-align:center;min-height:111px;gap:12px;padding:17px 10px}.manual-steps b{font-size:15px}}
@media(max-width:700px){.task-icon{width:23px;height:23px}.manual-steps>div{padding:14px 12px;min-height:52px}}

/* Product names have their own clear, branded hierarchy. */
.example-product{display:flex;flex-direction:column;align-items:flex-start;gap:12px;letter-spacing:0;margin-bottom:24px}
.product-index{display:inline-block;background:#00233d;color:#a8dfff;border:1px solid #164b70;border-radius:5px;padding:7px 10px;font-size:10px;letter-spacing:.12em;font-weight:600}
.example-product>strong{font-size:clamp(24px,2.1vw,33px);line-height:1.15;font-weight:650;color:#06223c;letter-spacing:-.035em;padding-left:13px;border-left:3px solid #008cff}
.example-product>strong>span{color:#0086e8}
@media(max-width:700px){.example-product{gap:11px;margin-bottom:22px}.product-index{font-size:9px;padding:7px 9px}.example-product>strong{font-size:26px;padding-left:11px}}

.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#contact-form label{font-size:14px;margin:20px 0 9px}
#contact-form input,#contact-form textarea{font-size:15px}
#contact-form .button{font-size:15px;min-height:51px}
#contact-status:empty{display:none}
#contact-status.request-unavailable{font-size:13px;color:#8e4c2d;background:#fff6ee;border:1px solid #ead8c9;padding:12px;border-radius:5px;line-height:1.5;margin-bottom:0}
@media(max-width:500px){.contact-fields{grid-template-columns:1fr;gap:0}#contact-dialog{padding:30px 23px}#contact-dialog h2{font-size:34px}#contact-form input,#contact-form textarea{font-size:16px}}