/* ========================================================================== 
   SQUINAL — MANUFACTURING / MARKETING PLUS STYLE RECREATION
   Page scoped. Original CSS. Compact 13–14 inch laptop + tablet/mobile tuning.
   ========================================================================== */

.sqmp-page {
    --sqmp-red:#cf3348;
    --sqmp-red-deep:#b8293d;
    --sqmp-ink:#191b20;
    --sqmp-copy:#5d626b;
    --sqmp-blue:#2f6fe4;
    --sqmp-green:#198c64;
    --sqmp-gold:#b98214;
    --sqmp-purple:#7456d5;
    --sqmp-line:#e8eaee;
    --sqmp-soft-blue:#eef5ff;
    --sqmp-soft-peach:#fff6f1;
    --sqmp-soft-mint:#eff9f4;
    --sqmp-soft-gold:#fff8d9;
    --sqmp-soft-violet:#f4f0ff;
    color:var(--sqmp-ink);
    background:#fff;
    overflow-x:clip;
}
.sqmp-page *, .sqmp-page *::before, .sqmp-page *::after { box-sizing:border-box; }
.sqmp-page a { text-decoration:none; }
.sqmp-page img, .sqmp-page video { max-width:100%; }
.sqmp-page .sqmp-container-wide { max-width:1480px; margin:0 auto; padding-left:42px; padding-right:42px; }

/* --------------------------------------------------------------------------
   PRODUCT BAR
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-productbar {
    background:#fff;
    border-bottom:1px solid #eceef1;
    position:relative;
    z-index:20;
}
.sqmp-page .sqmp-productbar-inner {
    min-height:58px;
    display:flex;
    align-items:center;
    gap:28px;
}
.sqmp-page .sqmp-product-title {
    color:#1d2025;
    font-size:18px;
    font-weight:750;
    letter-spacing:-.35px;
}
.sqmp-page .sqmp-product-nav { display:flex; gap:26px; margin-left:auto; }
.sqmp-page .sqmp-product-nav a { color:#626872; font-size:12.5px; font-weight:600; transition:color .2s ease; }
.sqmp-page .sqmp-product-nav a:hover { color:var(--sqmp-red); }
.sqmp-page .sqmp-mini-cta {
    color:#fff;
    background:var(--sqmp-red);
    border-radius:7px;
    padding:9px 15px;
    font-size:12px;
    line-height:1.2;
    font-weight:750;
}

/* --------------------------------------------------------------------------
   SHARED TYPE / BUTTONS
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-overline {
    display:inline-block;
    margin-bottom:13px;
    font-size:11px;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:1.35px;
    font-weight:800;
}
.sqmp-page .sqmp-overline-light { color:rgba(255,255,255,.82); }
.sqmp-page .sqmp-red{color:var(--sqmp-red)}
.sqmp-page .sqmp-blue{color:var(--sqmp-blue)}
.sqmp-page .sqmp-green{color:var(--sqmp-green)}
.sqmp-page .sqmp-gold{color:var(--sqmp-gold)}
.sqmp-page .sqmp-purple{color:var(--sqmp-purple)}

.sqmp-page .sqmp-section { padding:92px 0; }
.sqmp-page .sqmp-center-copy {
    max-width:810px;
    margin:0 auto 38px;
    text-align:center;
}
.sqmp-page .sqmp-copy-narrow { max-width:745px; }
.sqmp-page .sqmp-center-copy h2,
.sqmp-page .sqmp-dark-head h2,
.sqmp-page .sqmp-automation-copy h2,
.sqmp-page .sqmp-final-copy h2 {
    margin:0 0 15px;
    color:var(--sqmp-ink);
    font-size:clamp(34px,3.2vw,47px);
    line-height:1.065;
    letter-spacing:-1.65px;
    font-weight:760;
}
.sqmp-page .sqmp-center-copy p,
.sqmp-page .sqmp-dark-head p,
.sqmp-page .sqmp-automation-copy p,
.sqmp-page .sqmp-final-copy p {
    margin:0 auto;
    max-width:690px;
    color:var(--sqmp-copy);
    font-size:15.5px;
    line-height:1.68;
}
.sqmp-page .sqmp-center-copy-light h2 { color:#fff; }
.sqmp-page .sqmp-center-copy-light p { color:rgba(255,255,255,.76); }
.sqmp-page .sqmp-btn {
    min-height:46px;
    padding:0 20px;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:760;
    transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.sqmp-page .sqmp-btn:hover { transform:translateY(-2px); }
.sqmp-page .sqmp-btn-white { background:#fff; color:#22252b; box-shadow:0 14px 34px rgba(74,15,25,.18); }
.sqmp-page .sqmp-btn-red { background:var(--sqmp-red); color:#fff; box-shadow:0 13px 30px rgba(207,51,72,.17); }
.sqmp-page .sqmp-text-link { font-size:13px; font-weight:700; }
.sqmp-page .sqmp-text-link-light { color:#fff; }

/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-hero {
    min-height:620px;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#d43b4f 0%,#c32d43 100%);
}
.sqmp-page .sqmp-hero-grid {
    position:absolute;
    inset:0;
    opacity:.14;
    background-image:
        linear-gradient(rgba(255,255,255,.22) 1px, transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.22) 1px, transparent 1px);
    background-size:38px 38px;
    mask-image:linear-gradient(to right,black,transparent 88%);
}
.sqmp-page .sqmp-hero::before,
.sqmp-page .sqmp-hero::after {
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.sqmp-page .sqmp-hero::before { width:520px; height:520px; right:-130px; top:-240px; background:rgba(255,255,255,.06); }
.sqmp-page .sqmp-hero::after { width:310px; height:310px; right:35%; bottom:-220px; border:1px solid rgba(255,255,255,.16); }
.sqmp-page .sqmp-hero-row { min-height:620px; padding:52px 0; }
.sqmp-page .sqmp-hero-copy { max-width:560px; position:relative; z-index:3; }
.sqmp-page .sqmp-hero-copy h1 {
    margin:0 0 21px;
    color:#fff;
    font-size:clamp(44px,4.35vw,62px);
    line-height:1.015;
    letter-spacing:-2.55px;
    font-weight:770;
}
.sqmp-page .sqmp-hero-copy p {
    color:rgba(255,255,255,.86);
    max-width:520px;
    margin:0;
    font-size:16.5px;
    line-height:1.64;
}
.sqmp-page .sqmp-hero-actions { margin-top:30px; display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.sqmp-page .sqmp-hero-media {
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    transform:translate3d(0,var(--sqmp-hero-shift,0px),0);
    transition:transform .08s linear;
}
.sqmp-page .sqmp-hero-media::before {
    content:"";
    position:absolute;
    width:82%;
    aspect-ratio:1;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    left:50%; top:50%; transform:translate(-50%,-50%);
}
.sqmp-page .sqmp-hero-media img {
    width:94%;
    max-width:760px;
    position:relative;
    z-index:2;
    filter:drop-shadow(0 35px 56px rgba(67,12,21,.22));
}
.sqmp-page .sqmp-hero-bubble {
    position:absolute;
    z-index:5;
    background:#fff;
    color:#333840;
    border-radius:10px;
    padding:10px 14px;
    box-shadow:0 18px 40px rgba(67,12,21,.18);
    font-size:11.5px;
    font-weight:760;
    animation:sqmpFloat 5s ease-in-out infinite;
}
.sqmp-page .sqmp-hero-bubble-a{left:1%;top:25%;}
.sqmp-page .sqmp-hero-bubble-b{right:0;top:34%;animation-delay:.7s;}
.sqmp-page .sqmp-hero-bubble-c{right:11%;bottom:16%;animation-delay:1.25s;}
@keyframes sqmpFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }

/* --------------------------------------------------------------------------
   SHARED MEDIA STAGES
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-big-media {
    min-height:470px;
    border-radius:24px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:36px 44px;
    box-shadow:0 22px 60px rgba(24,32,45,.065);
    transform:translate3d(0,var(--sqmp-scrub-y,0px),0) scale(var(--sqmp-scrub-scale,1));
    transition:transform .1s linear;
}
.sqmp-page .sqmp-big-media img { width:100%; max-height:398px; object-fit:contain; display:block; }
.sqmp-page .sqmp-media-blue{background:#edf4ff;}
.sqmp-page .sqmp-media-gold{background:#fff4c6;}
.sqmp-page .sqmp-media-sky{background:#eaf4ff;}
.sqmp-page .sqmp-team { background:#fff; }
.sqmp-page .sqmp-production { background:#fff; }
.sqmp-page .sqmp-costs { background:#f7fbff; }

/* --------------------------------------------------------------------------
   STICKY SCROLL STORIES
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-scroll-story { position:relative; height:330vh; }
.sqmp-page .sqmp-flow-story { background:var(--sqmp-soft-peach); }
.sqmp-page .sqmp-sticky-frame {
    position:sticky;
    top:0;
    height:100vh;
    min-height:650px;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.sqmp-page .sqmp-sticky-layout {
    height:100%;
    min-height:650px;
    display:grid;
    grid-template-columns:minmax(300px,36%) minmax(0,64%);
    align-items:center;
    gap:52px;
}
.sqmp-page .sqmp-sticky-copy { max-width:445px; }
.sqmp-page .sqmp-sticky-copy h2 {
    color:var(--sqmp-ink);
    margin:0 0 15px;
    font-size:clamp(34px,3.1vw,47px);
    line-height:1.06;
    letter-spacing:-1.6px;
    font-weight:760;
}
.sqmp-page .sqmp-sticky-copy p { margin:0; color:var(--sqmp-copy); font-size:15px; line-height:1.67; }
.sqmp-page .sqmp-progress-dots { display:flex; gap:8px; margin-top:28px; }
.sqmp-page .sqmp-progress-dots span { width:8px; height:8px; border-radius:20px; background:#d9dde4; transition:width .3s ease, background .3s ease; }
.sqmp-page .sqmp-progress-dots span.active { width:32px; background:var(--sqmp-red); }
.sqmp-page .sqmp-sticky-media {
    height:min(65vh,540px);
    min-height:430px;
    border-radius:26px;
    position:relative;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(63,46,40,.09);
}
.sqmp-page .sqmp-media-peach { background:#fff; }
.sqmp-page .sqmp-story-panel {
    position:absolute;
    inset:0;
    opacity:0;
    visibility:hidden;
    transform:translateY(42px) scale(.975);
    transition:opacity .48s ease, transform .58s cubic-bezier(.2,.75,.2,1), visibility .48s;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:34px 42px 32px;
}
.sqmp-page .sqmp-story-panel.is-active { opacity:1; visibility:visible; transform:translateY(0) scale(1); z-index:2; }
.sqmp-page .sqmp-story-panel img,
.sqmp-page .sqmp-story-panel video { width:100%; height:78%; object-fit:contain; display:block; }
.sqmp-page .sqmp-story-panel video { object-fit:cover; border-radius:18px; }
.sqmp-page .sqmp-story-panel p { max-width:650px; text-align:center; color:#646b75; font-size:13.5px; line-height:1.55; margin:14px auto 0; }
.sqmp-page .sqmp-panel-label { position:absolute; left:24px; top:22px; z-index:5; display:flex; align-items:center; gap:9px; }
.sqmp-page .sqmp-panel-label b { color:var(--sqmp-red); font-size:10px; letter-spacing:.7px; }
.sqmp-page .sqmp-panel-label span { color:#31353c; font-size:12px; font-weight:760; }

/* --------------------------------------------------------------------------
   ASSETS
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-assets { background:var(--sqmp-soft-mint); }
.sqmp-page .sqmp-asset-stage {
    max-width:1080px;
    min-height:500px;
    margin:0 auto;
    border-radius:28px;
    overflow:hidden;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    padding:34px 48px;
    box-shadow:0 24px 65px rgba(24,94,68,.08);
    transform:translate3d(0,var(--sqmp-scrub-y,0px),0) scale(var(--sqmp-scrub-scale,1));
}
.sqmp-page .sqmp-asset-stage img { width:100%; max-height:410px; object-fit:contain; }
.sqmp-page .sqmp-asset-tags span {
    position:absolute;
    z-index:2;
    background:#fff;
    border:1px solid #dfe8e3;
    color:#486156;
    border-radius:9px;
    padding:8px 11px;
    font-size:10.5px;
    font-weight:760;
    box-shadow:0 12px 28px rgba(22,77,57,.07);
}
.sqmp-page .sqmp-asset-tags span:nth-child(1){left:4%;top:18%;}
.sqmp-page .sqmp-asset-tags span:nth-child(2){right:4%;top:28%;}
.sqmp-page .sqmp-asset-tags span:nth-child(3){left:8%;bottom:17%;}
.sqmp-page .sqmp-asset-tags span:nth-child(4){right:8%;bottom:16%;}

/* --------------------------------------------------------------------------
   INSIGHTS DARK STORY
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-insight-story { height:280vh; background:#151a23; }
.sqmp-page .sqmp-sticky-dark { background:#151a23; }
.sqmp-page .sqmp-sticky-dark .container { display:flex; flex-direction:column; justify-content:center; }
.sqmp-page .sqmp-dark-head { max-width:790px; margin:0 auto 28px; text-align:center; }
.sqmp-page .sqmp-dark-head h2 { color:#fff; }
.sqmp-page .sqmp-dark-head p { color:#aeb6c2; }
.sqmp-page .sqmp-insight-screen {
    max-width:1030px;
    width:100%;
    height:min(59vh,495px);
    min-height:390px;
    margin:0 auto;
    background:#1d2430;
    border:1px solid rgba(255,255,255,.06);
    border-radius:24px;
    position:relative;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(0,0,0,.20);
}
.sqmp-page .sqmp-insight-screen .sqmp-story-panel { padding:32px 50px; }
.sqmp-page .sqmp-insight-screen .sqmp-story-panel img { height:92%; object-fit:contain; }
.sqmp-page .sqmp-screen-title { position:absolute; top:20px; left:24px; z-index:5; color:#fff; font-size:11.5px; font-weight:760; letter-spacing:.2px; }
.sqmp-page .sqmp-insight-arrows {
    position:absolute; right:18px; top:50%; transform:translateY(-50%); z-index:6;
    display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.1); border-radius:10px; overflow:hidden;
}
.sqmp-page .sqmp-insight-arrows span { width:34px; height:34px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:12px; background:#252d3a; }
.sqmp-page .sqmp-insight-arrows span + span { border-top:1px solid rgba(255,255,255,.1); }

/* --------------------------------------------------------------------------
   AUTOMATION PROGRESS SECTION
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-automation { background:#fff; min-height:170vh; position:relative; }
.sqmp-page .sqmp-automation-shell {
    min-height:100vh;
    position:sticky;
    top:0;
    display:grid;
    grid-template-columns:36% 64%;
    align-items:center;
    gap:52px;
    padding:76px 0;
}
.sqmp-page .sqmp-automation-copy { max-width:450px; }
.sqmp-page .sqmp-automation-copy h2 { font-size:clamp(34px,3.1vw,47px); }
.sqmp-page .sqmp-automation-copy p { margin:0; }
.sqmp-page .sqmp-automation-visual {
    position:relative;
    min-height:500px;
    background:var(--sqmp-soft-violet);
    border-radius:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:34px 44px;
    overflow:hidden;
}
.sqmp-page .sqmp-automation-visual img { width:100%; max-height:410px; object-fit:contain; position:relative; z-index:2; }
.sqmp-page .sqmp-automation-line {
    position:absolute; left:7%; right:7%; bottom:22px; height:5px; border-radius:10px; background:#ded8f7; overflow:hidden; z-index:4;
}
.sqmp-page .sqmp-automation-line i { display:block; width:var(--sqmp-progress-width,0%); height:100%; border-radius:inherit; background:var(--sqmp-purple); transition:width .05s linear; }

/* --------------------------------------------------------------------------
   SLIDING CARDS / TESTIMONIAL RHYTHM
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-voice-section { background:var(--sqmp-red); padding:92px 0 102px; overflow:hidden; }
.sqmp-page .sqmp-voice-section .sqmp-center-copy { margin-bottom:34px; }
.sqmp-page .sqmp-voice-track {
    display:flex;
    gap:20px;
    overflow-x:auto;
    padding:8px max(0px,calc((100vw - 1140px)/2)) 25px;
    scrollbar-width:none;
    cursor:grab;
    scroll-snap-type:x mandatory;
    user-select:none;
}
.sqmp-page .sqmp-voice-track::-webkit-scrollbar{display:none}
.sqmp-page .sqmp-voice-track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.sqmp-page .sqmp-voice-card {
    min-width:min(540px,78vw);
    min-height:335px;
    background:#fff;
    border-radius:18px;
    padding:34px 36px;
    display:flex;
    flex-direction:column;
    scroll-snap-align:center;
    box-shadow:0 19px 45px rgba(75,13,23,.14);
}
.sqmp-page .sqmp-voice-card > span { color:var(--sqmp-red); font-size:11px; text-transform:uppercase; letter-spacing:1.1px; font-weight:800; }
.sqmp-page .sqmp-voice-card h3 { margin:62px 0 18px; color:#202328; font-size:26px; line-height:1.22; letter-spacing:-.8px; font-weight:700; }
.sqmp-page .sqmp-voice-card p { margin-top:auto; color:#686e77; font-size:13px; font-weight:650; }

/* --------------------------------------------------------------------------
   PRINCIPLES
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-principles { background:#fff; }
.sqmp-page .sqmp-principle-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid var(--sqmp-line);
    border-bottom:1px solid var(--sqmp-line);
}
.sqmp-page .sqmp-principle-grid article { min-height:310px; padding:36px 40px; border-right:1px solid var(--sqmp-line); }
.sqmp-page .sqmp-principle-grid article:last-child { border-right:0; }
.sqmp-page .sqmp-principle-grid article > span { color:var(--sqmp-red); font-size:10px; font-weight:800; }
.sqmp-page .sqmp-principle-grid h3 { margin:96px 0 11px; color:#22252b; font-size:23px; line-height:1.18; letter-spacing:-.65px; }
.sqmp-page .sqmp-principle-grid p { color:#636a74; font-size:13.5px; line-height:1.6; margin:0; }

/* --------------------------------------------------------------------------
   TYING IT ALL TOGETHER
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-together { height:220vh; background:var(--sqmp-red); position:relative; }
.sqmp-page .sqmp-together-sticky {
    height:100vh;
    min-height:660px;
    position:sticky;
    top:0;
    display:flex;
    align-items:center;
    overflow:hidden;
}
.sqmp-page .sqmp-together-copy { margin-bottom:28px; }
.sqmp-page .sqmp-together-stage {
    max-width:1030px;
    height:min(54vh,455px);
    min-height:360px;
    margin:0 auto;
    background:#fff;
    border-radius:24px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px 40px;
    box-shadow:0 28px 70px rgba(75,13,23,.18);
    transform:scale(var(--sqmp-together-scale,.93));
}
.sqmp-page .sqmp-together-stage img { width:100%; max-height:340px; object-fit:contain; }
.sqmp-page .sqmp-fly-chip {
    position:absolute;
    padding:8px 11px;
    border-radius:8px;
    background:#fff;
    color:#383d45;
    border:1px solid #e4e6ea;
    box-shadow:0 12px 26px rgba(44,26,29,.09);
    font-size:10.5px;
    font-weight:760;
    opacity:var(--sqmp-together-opacity,.25);
    transition:opacity .08s linear;
}
.sqmp-page .chip-a{left:2%;top:18%;transform:translateX(var(--sqmp-together-shift,0px));}
.sqmp-page .chip-b{left:7%;bottom:17%;transform:translateX(var(--sqmp-together-shift,0px));}
.sqmp-page .chip-c{right:2%;top:16%;transform:translateX(var(--sqmp-together-shift-neg,0px));}
.sqmp-page .chip-d{right:6%;bottom:17%;transform:translateX(var(--sqmp-together-shift-neg,0px));}
.sqmp-page .chip-e{left:38%;top:5%;}
.sqmp-page .chip-f{right:38%;bottom:5%;}
.sqmp-page .chip-g{left:22%;bottom:6%;}
.sqmp-page .chip-h{right:21%;top:6%;}

/* --------------------------------------------------------------------------
   FINAL
   -------------------------------------------------------------------------- */
.sqmp-page .sqmp-final { padding:104px 0 114px; background:#fff; }
.sqmp-page .sqmp-final-copy { max-width:820px; margin:0 auto; }
.sqmp-page .sqmp-final-copy h2 { font-size:clamp(38px,3.7vw,54px); }
.sqmp-page .sqmp-final-copy p { max-width:650px; margin-bottom:26px; }

/* --------------------------------------------------------------------------
   REVEALS
   -------------------------------------------------------------------------- */
.sqmp-page [data-sqmp-reveal] { opacity:0; transform:translateY(24px); transition:opacity .65s ease, transform .72s cubic-bezier(.2,.75,.2,1); }
.sqmp-page [data-sqmp-reveal].is-visible { opacity:1; transform:translateY(0); }

/* --------------------------------------------------------------------------
   COMPACT LAPTOP — 13/14 inch
   -------------------------------------------------------------------------- */
@media (max-width:1399px) {
    .sqmp-page .sqmp-container-wide { padding-left:34px; padding-right:34px; }
    .sqmp-page .sqmp-section { padding:78px 0; }
    .sqmp-page .sqmp-hero, .sqmp-page .sqmp-hero-row { min-height:550px; }
    .sqmp-page .sqmp-hero-row { padding:44px 0; }
    .sqmp-page .sqmp-hero-copy h1 { font-size:clamp(40px,4vw,54px); }
    .sqmp-page .sqmp-hero-copy p { font-size:15.5px; }
    .sqmp-page .sqmp-hero-media { min-height:430px; }
    .sqmp-page .sqmp-big-media { min-height:420px; padding:30px 38px; }
    .sqmp-page .sqmp-big-media img { max-height:350px; }
    .sqmp-page .sqmp-sticky-layout { min-height:600px; gap:40px; }
    .sqmp-page .sqmp-sticky-media { min-height:395px; height:min(61vh,470px); }
    .sqmp-page .sqmp-asset-stage { min-height:440px; }
    .sqmp-page .sqmp-insight-screen { min-height:355px; height:min(55vh,435px); }
    .sqmp-page .sqmp-automation-visual { min-height:440px; }
    .sqmp-page .sqmp-voice-section { padding:80px 0 88px; }
    .sqmp-page .sqmp-principle-grid article { min-height:285px; padding:32px 34px; }
    .sqmp-page .sqmp-principle-grid h3 { margin-top:78px; }
    .sqmp-page .sqmp-together-sticky { min-height:610px; }
}

@media (max-width:1199px) {
    .sqmp-page .sqmp-center-copy h2,
    .sqmp-page .sqmp-dark-head h2,
    .sqmp-page .sqmp-automation-copy h2,
    .sqmp-page .sqmp-sticky-copy h2 { font-size:38px; }
    .sqmp-page .sqmp-product-nav { gap:18px; }
    .sqmp-page .sqmp-sticky-layout { grid-template-columns:34% 66%; gap:28px; }
    .sqmp-page .sqmp-sticky-copy p { font-size:14px; }
}

/* --------------------------------------------------------------------------
   TABLET / MOBILE — sticky stories become normal stacked content
   -------------------------------------------------------------------------- */
@media (max-width:991px) {
    .sqmp-page .sqmp-container-wide { padding-left:24px; padding-right:24px; }
    .sqmp-page .sqmp-productbar-inner { min-height:54px; }
    .sqmp-page .sqmp-product-nav { display:none; }
    .sqmp-page .sqmp-section { padding:64px 0; }
    .sqmp-page .sqmp-hero { min-height:auto; }
    .sqmp-page .sqmp-hero-row { min-height:auto; padding:52px 0 62px; }
    .sqmp-page .sqmp-hero-media { min-height:360px; margin-bottom:28px; }
    .sqmp-page .sqmp-hero-copy { margin:0 auto; text-align:center; }
    .sqmp-page .sqmp-hero-copy h1 { font-size:44px; }
    .sqmp-page .sqmp-hero-copy p { margin-left:auto; margin-right:auto; }
    .sqmp-page .sqmp-hero-actions { justify-content:center; }
    .sqmp-page .sqmp-big-media { min-height:340px; border-radius:19px; padding:24px; }

    .sqmp-page .sqmp-scroll-story,
    .sqmp-page .sqmp-insight-story,
    .sqmp-page .sqmp-together,
    .sqmp-page .sqmp-automation { height:auto; min-height:0; }
    .sqmp-page .sqmp-sticky-frame,
    .sqmp-page .sqmp-together-sticky,
    .sqmp-page .sqmp-automation-shell { position:relative; top:auto; height:auto; min-height:0; }
    .sqmp-page .sqmp-sticky-frame { padding:64px 0; }
    .sqmp-page .sqmp-sticky-layout { min-height:0; display:block; }
    .sqmp-page .sqmp-sticky-copy { max-width:700px; margin:0 auto 30px; text-align:center; }
    .sqmp-page .sqmp-progress-dots { justify-content:center; }
    .sqmp-page .sqmp-sticky-media { height:auto; min-height:0; background:transparent; box-shadow:none; overflow:visible; display:grid; gap:18px; }
    .sqmp-page .sqmp-story-panel,
    .sqmp-page .sqmp-story-panel.is-active { position:relative; inset:auto; opacity:1; visibility:visible; transform:none; min-height:320px; border-radius:18px; background:#fff; box-shadow:0 16px 40px rgba(28,33,42,.06); margin:0; padding:45px 22px 22px; }
    .sqmp-page .sqmp-story-panel img,
    .sqmp-page .sqmp-story-panel video { height:240px; }
    .sqmp-page .sqmp-panel-label { left:18px; top:16px; }

    .sqmp-page .sqmp-insight-story .sqmp-sticky-frame { padding:68px 0; }
    .sqmp-page .sqmp-insight-screen { height:auto; min-height:0; overflow:visible; background:transparent; border:0; box-shadow:none; display:grid; gap:18px; }
    .sqmp-page .sqmp-insight-screen .sqmp-story-panel { background:#1d2430; min-height:320px; }
    .sqmp-page .sqmp-screen-title { position:relative; top:auto; left:auto; align-self:flex-start; margin-bottom:10px; }
    .sqmp-page .sqmp-insight-arrows { display:none; }

    .sqmp-page .sqmp-automation-shell { display:block; padding:68px 0; }
    .sqmp-page .sqmp-automation-copy { max-width:720px; margin:0 auto 32px; text-align:center; }
    .sqmp-page .sqmp-automation-copy p { margin-left:auto; margin-right:auto; }
    .sqmp-page .sqmp-automation-visual { min-height:360px; border-radius:19px; padding:26px; }

    .sqmp-page .sqmp-principle-grid { grid-template-columns:1fr; }
    .sqmp-page .sqmp-principle-grid article { min-height:0; border-right:0; border-bottom:1px solid var(--sqmp-line); padding:30px 0; }
    .sqmp-page .sqmp-principle-grid article:last-child { border-bottom:0; }
    .sqmp-page .sqmp-principle-grid h3 { margin:30px 0 10px; }

    .sqmp-page .sqmp-together-sticky { padding:70px 0; }
    .sqmp-page .sqmp-together-stage { height:auto; min-height:340px; }
    .sqmp-page .sqmp-fly-chip { display:none; }
    .sqmp-page .sqmp-final { padding:78px 0 86px; }
}

@media (max-width:767px) {
    .sqmp-page .sqmp-container-wide { padding-left:18px; padding-right:18px; }
    .sqmp-page .sqmp-product-title { font-size:16px; }
    .sqmp-page .sqmp-mini-cta { font-size:10.5px; padding:8px 11px; }
    .sqmp-page .sqmp-section { padding:54px 0; }
    .sqmp-page .sqmp-center-copy { margin-bottom:27px; }
    .sqmp-page .sqmp-center-copy h2,
    .sqmp-page .sqmp-dark-head h2,
    .sqmp-page .sqmp-automation-copy h2,
    .sqmp-page .sqmp-sticky-copy h2,
    .sqmp-page .sqmp-final-copy h2 { font-size:32px; letter-spacing:-1.1px; }
    .sqmp-page .sqmp-center-copy p,
    .sqmp-page .sqmp-dark-head p,
    .sqmp-page .sqmp-automation-copy p,
    .sqmp-page .sqmp-sticky-copy p,
    .sqmp-page .sqmp-final-copy p { font-size:14.5px; }
    .sqmp-page .sqmp-hero-row { padding:38px 0 54px; }
    .sqmp-page .sqmp-hero-copy h1 { font-size:37px; letter-spacing:-1.55px; }
    .sqmp-page .sqmp-hero-copy p { font-size:14.5px; }
    .sqmp-page .sqmp-hero-media { min-height:300px; }
    .sqmp-page .sqmp-hero-bubble { font-size:9.5px; padding:7px 9px; }
    .sqmp-page .sqmp-big-media { min-height:280px; padding:18px; }
    .sqmp-page .sqmp-asset-stage { min-height:290px; padding:18px; border-radius:18px; }
    .sqmp-page .sqmp-asset-tags { display:none; }
    .sqmp-page .sqmp-story-panel,
    .sqmp-page .sqmp-story-panel.is-active { min-height:280px; }
    .sqmp-page .sqmp-story-panel img,
    .sqmp-page .sqmp-story-panel video { height:195px; }
    .sqmp-page .sqmp-automation-visual { min-height:290px; padding:18px; }
    .sqmp-page .sqmp-voice-section { padding:58px 0 66px; }
    .sqmp-page .sqmp-voice-track { padding-left:18px; padding-right:18px; }
    .sqmp-page .sqmp-voice-card { min-width:88vw; min-height:300px; padding:28px 24px; }
    .sqmp-page .sqmp-voice-card h3 { font-size:22px; margin-top:48px; }
    .sqmp-page .sqmp-together-stage { min-height:280px; padding:18px; border-radius:18px; }
    .sqmp-page .sqmp-final { padding:65px 0 72px; }
}

@media (max-width:480px) {
    .sqmp-page .sqmp-hero-copy h1 { font-size:34px; }
    .sqmp-page .sqmp-hero-media { min-height:260px; }
    .sqmp-page .sqmp-center-copy h2,
    .sqmp-page .sqmp-dark-head h2,
    .sqmp-page .sqmp-automation-copy h2,
    .sqmp-page .sqmp-sticky-copy h2,
    .sqmp-page .sqmp-final-copy h2 { font-size:29px; }
}

/* --------------------------------------------------------------------------
   REDUCED MOTION
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .sqmp-page *, .sqmp-page *::before, .sqmp-page *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
    .sqmp-page [data-sqmp-reveal] { opacity:1; transform:none; }
    .sqmp-page .sqmp-hero-media { transform:none!important; }
}