/* Reset the starter only while this site-owned template is mounted. */
body:has(.site-extension){margin:0;background:#f9f9fb;color:#141616;font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
.site-extension *, .site-extension *::before,.site-extension *::after{box-sizing:border-box;border:0 solid}
.site-extension :is(h1,h2,h3,p,ul,ol){margin:0}
.site-extension :is(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit;background:transparent;padding:0}
.site-extension :is(button,a){cursor:pointer}
.site-extension .extension-main{display:block;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none}
.site-extension section p{white-space:normal}
.site-extension img{max-width:100%;height:auto;vertical-align:middle}
.site-extension a{color:inherit;text-decoration:inherit}
/* Supplied artwork is not recolored: pale plaques preserve contrast on ink surfaces. */
.site-brand-art { display: inline-flex; align-items: center; flex-shrink: 0; line-height: 0; }
.site-brand-art .site-brand-image { display: block; height: 48px; width: auto; max-width: 100%; object-fit: contain; }
.site-brand-art-footer { background: #f5f4ef; padding: 10px 14px; border: 1px solid #111; }
.site-brand-art-footer .site-brand-image { height: 64px; }
.site-brand-art-sidebar { background: #f5f4ef; padding: 5px 10px; border: 1px solid #111; }
.site-brand-art-sidebar .site-brand-image { height: 34px; }
.site-brand-art-login .site-brand-image { height: 76px; }
.site-brand-art-mobile .site-brand-image { height: 32px; }
.proposal-nav .proposal-brand { min-width: 0; }
@media (max-width: 639px) {
    .site-brand-art .site-brand-image { height: 40px; }
    .site-brand-art-footer .site-brand-image { height: 56px; }
    .site-brand-art-sidebar .site-brand-image { height: 34px; }
    .site-brand-art-mobile .site-brand-image { height: 30px; }
    .site-brand-art-login .site-brand-image { height: 66px; }
}
/* Stitch comparison pages: isolated visual systems, never affect the current home. */
.proposal-body { background:#f8f9fa!important; }
.proposal-body-3 { background:#101715!important; }
.proposal-body-4 { background:#fbfaf7!important; }
.proposal-shell { --p-bg:#f8f9fa;--p-ink:#193a2e;--p-muted:#52615b;--p-accent:#164e39;--p-soft:#eaf0ed;--p-card:#fff;--p-border:#dce5df;--p-radius:20px;--p-font:'Plus Jakarta Sans',sans-serif;--p-title:'Plus Jakarta Sans',sans-serif;background:var(--p-bg);color:var(--p-ink);font-family:var(--p-font);font-size:15px;line-height:1.75; }
.proposal-shell * { box-sizing:border-box; }
.proposal-shell h1,.proposal-shell h2,.proposal-shell h3 { font-family:var(--p-title);line-height:1.15;letter-spacing:-.035em; }
.proposal-shell h1 { font-size:clamp(36px,4.3vw,66px);font-weight:700;margin:18px 0 24px; }
.proposal-shell h2 { font-size:clamp(28px,3vw,40px);font-weight:650;margin:0 0 18px; }
.proposal-shell h3 { font-size:21px;font-weight:600;margin:18px 0 12px; }
.proposal-shell p { color:var(--p-muted);margin:0 0 20px; }
.proposal-shell a { text-decoration:none; }
.proposal-shell a:focus-visible,.proposal-shell button:focus-visible,.proposal-shell [tabindex]:focus-visible { outline:3px solid var(--p-accent);outline-offset:5px; }
.proposal-nav { width:min(1240px,calc(100% - 64px));margin:auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--p-border); }
.proposal-brand { display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-.05em; }
.proposal-mark { color:var(--p-accent);font-size:27px; }
.proposal-nav nav { display:flex;gap:26px;font-size:12px; }
.proposal-nav nav a:hover { color:var(--p-accent);text-decoration:underline; }
.proposal-button { display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 21px;border-radius:999px;background:var(--p-accent);color:#fff;font-size:12px;font-weight:650;line-height:1.5;transition:transform .2s,box-shadow .2s; }
.proposal-button:hover { transform:translateY(-2px);box-shadow:0 8px 20px #0001; }
.proposal-secondary { background:transparent;color:var(--p-ink);border:1px solid var(--p-border); }
.proposal-hero,.proposal-section { width:min(1200px,calc(100% - 80px));margin:auto;padding:74px 0;scroll-margin-top:30px; }
.proposal-hero { display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;min-height:690px; }
.proposal-hero-copy>p { font-size:16px;max-width:700px; }
.proposal-hero-copy>.proposal-hero-note { font-size:14px; }
.proposal-kicker { display:inline-block;font-size:10px;letter-spacing:.13em;font-weight:650;text-transform:uppercase;color:var(--p-accent); }
.proposal-actions { display:flex;gap:14px;flex-wrap:wrap;margin-top:30px; }
.proposal-preview { background:var(--p-card);border:1px solid var(--p-border);border-radius:var(--p-radius);padding:12px;box-shadow:0 20px 55px #143c2912;min-width:0; }
.proposal-preview-bar,.proposal-preview-foot { display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;padding:9px 10px;color:var(--p-muted); }
.proposal-preview-bar>span:first-child { color:var(--p-accent);font-size:8px;letter-spacing:3px; }
.proposal-preview-canvas { padding:25px;background:var(--p-soft);border-radius:calc(var(--p-radius) - 7px);display:grid;grid-template-columns:48px 1fr;gap:20px;min-height:315px;color:var(--p-accent); }
.proposal-preview-sidebar { border-right:1px solid var(--p-border);padding-right:13px; }
.proposal-preview-sidebar i { display:block;height:21px;background:currentColor;opacity:.12;margin-bottom:24px;border-radius:5px; }
.proposal-preview-sidebar i:first-child { opacity:.8; }
.proposal-preview-top { height:13px;width:60%;background:currentColor;opacity:.5;border-radius:4px;margin-bottom:27px; }
.proposal-preview-tiles { display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:24px; }
.proposal-preview-tiles i { display:block;height:45px;background:currentColor;opacity:.13;border-radius:6px; }
.proposal-preview-main svg { width:100%;height:115px;border-bottom:1px solid var(--p-border); }
.proposal-preview-rows i { display:block;height:6px;background:currentColor;opacity:.1;margin-top:12px;border-radius:3px; }
.proposal-preview-rows i:nth-child(2) { width:80%; }
.proposal-section-heading { display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:36px; }
.proposal-section-heading h2 { max-width:540px; }
.proposal-section-heading>p { max-width:390px;font-size:14px; }
.proposal-service-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }
.proposal-card { padding:28px;border-radius:var(--p-radius);background:var(--p-card);border:1px solid var(--p-border); }
.proposal-card p { font-size:13px;margin:0; }
.proposal-icon { color:var(--p-accent);display:inline-flex;font-size:23px;width:43px;height:43px;align-items:center;justify-content:center;background:var(--p-soft);border-radius:11px; }
.proposal-card-line { display:block;width:100%;height:1px;background:var(--p-border);margin-top:24px; }
.proposal-benefits { position:relative; }
.proposal-benefit-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px; }
.proposal-benefit-grid .proposal-card { padding:22px; }
.proposal-benefit-grid h3 { font-size:18px; }
.proposal-process-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0; }
.proposal-step { font-family:var(--p-title);font-size:40px;color:var(--p-accent);opacity:.42; }
.proposal-process-grid h3 { font-size:19px; }
.proposal-demo-track { display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:5px 2px 18px; }
.proposal-demo-card { flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;background:var(--p-card);border:1px solid var(--p-border);border-radius:var(--p-radius);overflow:hidden;min-width:0; }
.proposal-demo-content { padding:25px; }
.proposal-demo-content p { font-size:13px;min-height:68px; }
.proposal-demo-status { display:block;padding:10px 0 0;border-top:1px solid var(--p-border);font-size:11px;color:var(--p-muted); }
.proposal-demo-art { height:185px;background:#dfe8dd;padding:22px 24px 0;color:#365949; }
.proposal-demo-art-1 { background:#e9dccb;color:#80603a; }
.proposal-demo-art-2 { background:#dce2e9;color:#43576e; }
.proposal-mini-nav { height:8px;width:70%;background:currentColor;opacity:.35;border-radius:3px;margin-bottom:25px; }
.proposal-mini-layout { display:grid;grid-template-columns:repeat(3,1fr);gap:12px; }
.proposal-mini-layout div { height:75px;border-radius:6px;background:currentColor;opacity:.18; }
.proposal-mini-layout div:nth-child(2) { opacity:.28; }
.proposal-mini-lines { height:7px;width:80%;background:currentColor;opacity:.25;margin-top:17px;border-radius:2px; }
.proposal-carousel-controls { display:flex;justify-content:end;gap:10px;margin-bottom:16px; }
.proposal-carousel-controls button { border:1px solid var(--p-border);border-radius:999px;color:var(--p-ink);background:var(--p-card);font-size:12px;padding:9px 16px;cursor:pointer; }
.proposal-company { display:grid;grid-template-columns:1.1fr 1fr;gap:80px;border-top:1px solid var(--p-border); }
.proposal-company-details article { border-bottom:1px solid var(--p-border);padding:0 0 20px;margin-bottom:24px; }
.proposal-company-details h3 { font-size:20px; }
.proposal-company-details p { font-size:13px; }
.proposal-contact { color:var(--p-ink);display:grid;grid-template-columns:1fr 1fr;gap:50px;background:var(--p-soft);padding:50px;border-radius:var(--p-radius);margin-bottom:70px; }
.proposal-contact-links { display:flex;flex-direction:column;align-items:start;gap:18px;margin-top:35px; }
.proposal-unavailable { font-size:12px;color:var(--p-muted);border:1px dashed var(--p-border);padding:10px 15px;border-radius:12px; }
.proposal-unavailable small { display:block;max-width:300px;font-size:11px; }
.proposal-contact #contact-form { background:var(--p-card);color:var(--p-ink);border:1px solid var(--p-border);box-shadow:0 10px 40px #00000008; }
.proposal-contact #contact-form h2 { font-size:25px;color:var(--p-ink); }
.proposal-contact #contact-form label { color:var(--p-muted); }
.proposal-contact #contact-form input,.proposal-contact #contact-form select,.proposal-contact #contact-form textarea { background:var(--p-bg);color:var(--p-ink);border-color:var(--p-border); }
.proposal-contact #contact-form button[type=submit] { background:var(--p-accent);color:#fff;border-radius:999px; }
.proposal-footer { width:min(1200px,calc(100% - 80px));margin:auto;padding:45px 0;display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--p-border);font-size:12px; }
.proposal-footer strong { font-size:22px; }
.proposal-footer p { max-width:400px;margin:12px 0; }
/* 1: glass, ambient blue/cyan light, asymmetric hero and floating panels. */
.proposal-1 { --p-ink:#18272e;--p-muted:#4d6470;--p-accent:#007caa;--p-soft:#eaf7fb;--p-border:#d2eaf3;--p-card:#ffffffb8;--p-font:'Inter',sans-serif;--p-title:'Space Grotesk',sans-serif;background:radial-gradient(ellipse at 5% 8%,#cef5fa90,transparent 36%),radial-gradient(ellipse at 98% 20%,#e0d5fa70,transparent 40%),#f7fafc; }
.proposal-1 .proposal-nav { margin-top:15px;padding:16px 24px;border:1px solid #fff;border-radius:20px;background:#ffffffaf;backdrop-filter:blur(18px);box-shadow:0 8px 35px #009dcb10; }
.proposal-1 .proposal-button:not(.proposal-secondary) { background:linear-gradient(110deg,#00869e,#0075c9);box-shadow:0 5px 20px #00ceef26;border-radius:12px; }
.proposal-1 .proposal-card,.proposal-1 .proposal-preview { backdrop-filter:blur(16px);border-color:#fff;box-shadow:0 9px 35px #00738c0c; }
.proposal-1 .proposal-preview-canvas { background:#10212b;color:#7ce7ef;--p-border:#ffffff20; }
.proposal-1 .proposal-contact { display:block;text-align:center;max-width:900px;background:#ffffffa8;border:1px solid #fff;box-shadow:0 12px 50px #007e9a10; }
.proposal-1 .proposal-contact-links { flex-direction:row;justify-content:center;flex-wrap:wrap;margin-bottom:30px; }
.proposal-1 #contact-form { text-align:left;max-width:650px;margin:auto; }
/* 2: tropical daylight, compact split hero and four narrow service columns. */
.proposal-2 { --p-accent:#006b4b;--p-ink:#14372b;--p-muted:#58675f;--p-soft:#eff3f0;--p-radius:18px; }
.proposal-2 .proposal-hero { min-height:610px;padding:65px 0; }
.proposal-2 .proposal-hero h1 { font-size:clamp(36px,4vw,58px); }
.proposal-2 .proposal-service-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:20px; }
.proposal-2 .proposal-services h3 { font-size:20px; }
.proposal-2 .proposal-card { border:0;box-shadow:0 6px 28px #183e2810; }
.proposal-2 .proposal-benefits .proposal-section-heading { display:block;text-align:center; }
.proposal-2 .proposal-benefits .proposal-section-heading h2,.proposal-2 .proposal-benefits .proposal-section-heading p { margin-left:auto;margin-right:auto; }
.proposal-2 .proposal-contact { background:linear-gradient(120deg,#eef4f0,#edf9f1); }
/* 3: night botanical editorial, centered serif hero, thin dividers, no card-heavy UI. */
.proposal-3 { --p-bg:#101715;--p-ink:#f0f2e9;--p-muted:#b0c0b6;--p-accent:#a8d8bf;--p-soft:#1b2520;--p-card:#18211d;--p-border:#314139;--p-radius:7px;--p-title:'Newsreader',serif; }
.proposal-3 .proposal-button { color:#133023; }
.proposal-3 .proposal-secondary { color:var(--p-ink); }
.proposal-3 .proposal-nav { border:0; }
.proposal-3 .proposal-hero { display:block;text-align:center;min-height:0;padding-top:65px; }
.proposal-3 .proposal-hero-copy { max-width:920px;margin:auto; }
.proposal-3 h1 { font-size:clamp(40px,4.7vw,67px);font-weight:400; }
.proposal-3 h2 { font-weight:400; }
.proposal-3 h3 { font-size:25px;font-weight:400; }
.proposal-3 .proposal-hero-copy p { margin-left:auto;margin-right:auto;max-width:720px; }
.proposal-3 .proposal-actions { justify-content:center; }
.proposal-3 .proposal-preview { max-width:810px;margin:45px auto 0;text-align:left;background:#18211d; }
.proposal-3 .proposal-preview-canvas { min-height:240px;grid-template-columns:90px 1fr;background:#111916; }
.proposal-3 .proposal-card { border:0;border-top:1px solid var(--p-border);border-radius:0;box-shadow:none;background:transparent; }
.proposal-3 .proposal-process-grid .proposal-card { border-right:1px solid var(--p-border); }
.proposal-3 .proposal-icon { background:transparent; }
.proposal-3 .proposal-benefits .proposal-section-heading,.proposal-3 .proposal-demos .proposal-section-heading { display:block;text-align:center; }
.proposal-3 .proposal-benefits .proposal-section-heading>* ,.proposal-3 .proposal-demos .proposal-section-heading>* { margin-left:auto;margin-right:auto; }
.proposal-3 .proposal-contact { background:#204a36; }
.proposal-3 .proposal-demo-art { background:#223a2d;color:#a8d8bf; }
.proposal-3 .proposal-contact #contact-form button[type=submit] { color:#102b1c; }
/* 4: sanctuary, airy ivory, large centered editorial typography, compact warm preview. */
.proposal-4 { --p-bg:#fbfaf7;--p-ink:#243c2e;--p-muted:#637167;--p-accent:#244d3a;--p-soft:#f0f1eb;--p-card:#fffefa;--p-border:#e0e4d9;--p-radius:9px;--p-font:'Work Sans',sans-serif;--p-title:'Newsreader',serif; }
.proposal-4 .proposal-hero { display:block;text-align:center;min-height:0;padding:70px 0; }
.proposal-4 .proposal-hero-copy { max-width:870px;margin:auto; }
.proposal-4 h1 { font-weight:400;font-size:clamp(40px,4.5vw,64px); }
.proposal-4 h2,.proposal-4 h3 { font-weight:400; }
.proposal-4 .proposal-hero p { max-width:680px;margin-left:auto;margin-right:auto; }
.proposal-4 .proposal-actions { justify-content:center; }
.proposal-4 .proposal-preview { margin:45px auto 0;max-width:800px;text-align:left;background:#fffefa;box-shadow:0 25px 70px #65745412; }
.proposal-4 .proposal-preview-canvas { min-height:240px;background:#f7f8f1; }
.proposal-4 .proposal-section { padding-top:60px;padding-bottom:60px; }
.proposal-4 .proposal-card { border:0;box-shadow:0 4px 25px #43563405; }
.proposal-4 .proposal-benefit-grid .proposal-card { background:transparent;text-align:center; }
.proposal-4 .proposal-contact { display:block;text-align:center;max-width:820px;background:#f1f2ed; }
.proposal-4 .proposal-contact-links { flex-direction:row;justify-content:center;flex-wrap:wrap;margin-bottom:35px; }
.proposal-4 #contact-form { text-align:left;max-width:640px;margin:auto; }
/* 5: showcases technical brutalism, square borders, offset shadows and lime/violet modules. */
.proposal-5 { --p-bg:#f9f9fb;--p-ink:#141616;--p-muted:#53565b;--p-accent:#171717;--p-soft:#eff0f2;--p-card:#fff;--p-border:#151515;--p-radius:0px;--p-font:'JetBrains Mono',monospace;--p-title:'Anton',sans-serif;background:linear-gradient(90deg,#00000004 1px,transparent 1px),linear-gradient(#00000004 1px,transparent 1px),#f9f9fb;background-size:32px 32px; }
.proposal-5 h1,.proposal-5 h2,.proposal-5 h3 { text-transform:uppercase;font-weight:400;letter-spacing:-.02em; }
.proposal-5 .proposal-nav { border-bottom:2px solid #111; }
.proposal-5 .proposal-button { border:2px solid #111;border-radius:0;background:#d8ff00;color:#111;box-shadow:3px 3px 0 #111;font-size:11px; }
.proposal-5 .proposal-secondary { background:#fff; }
.proposal-5 .proposal-hero { grid-template-columns:1.05fr 1fr;min-height:760px;border-bottom:2px solid #111; }
.proposal-5 h1 { font-size:clamp(38px,4.5vw,66px);line-height:1.05; }
.proposal-5 .proposal-hero p { font-size:13px; }
.proposal-5 .proposal-preview { border:2px solid #111;padding:0;box-shadow:6px 6px 0 #111; }
.proposal-5 .proposal-preview-bar { background:#111;color:#d8ff00; }
.proposal-5 .proposal-preview-canvas { background:#101114;color:#d8ff00;min-height:390px;--p-border:#ffffff30; }
.proposal-5 .proposal-preview-foot { border-top:2px solid #111;font-size:9px; }
.proposal-5 .proposal-card { border:2px solid #111;box-shadow:4px 4px 0 #111; }
.proposal-5 .proposal-icon { background:#d8ff00;border-radius:0;border:1px solid #111; }
.proposal-5 .proposal-section { border-bottom:2px solid #111; }
.proposal-5 .proposal-benefits { display:grid;grid-template-columns:1fr 1.2fr;gap:60px; }
.proposal-5 .proposal-benefits .proposal-section-heading { display:block; }
.proposal-5 .proposal-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:18px; }
.proposal-5 .proposal-benefit-grid .proposal-card:nth-child(2),.proposal-5 .proposal-benefit-grid .proposal-card:nth-child(5) { background:#d8ff00; }
.proposal-5 .proposal-benefit-grid .proposal-card:nth-child(3) { background:#603de3;color:white;--p-muted:#eee;--p-accent:#fff;--p-soft:#603de3; }
.proposal-5 .proposal-demo-card { border:2px solid #111; }
.proposal-5 .proposal-demo-status { background:#d8ff00;color:#111;padding:10px;text-align:center; }
.proposal-5 .proposal-contact { display:block;text-align:center;border:2px solid #111;box-shadow:7px 7px 0 #111;max-width:950px;background:#fff; }
.proposal-5 .proposal-contact-links { flex-direction:row;justify-content:center;flex-wrap:wrap;margin-bottom:30px; }
.proposal-5 #contact-form { max-width:650px;margin:auto;text-align:left; }
.proposal-5 .proposal-contact #contact-form button[type=submit] { border-radius:0;background:#d8ff00;color:#111; }
.proposal-5 .proposal-footer { background:#111;color:#fff;padding:40px;--p-muted:#bbb; }
/* 6: verdant corporate, centered strong sans headline and broad forest-green dashboard. */
.proposal-6 { --p-ink:#012d1d;--p-accent:#1b4332;--p-soft:#edf2ee;--p-radius:16px; }
.proposal-6 .proposal-hero { display:block;text-align:center;min-height:0;padding:60px 0 75px; }
.proposal-6 .proposal-hero-copy { max-width:890px;margin:auto; }
.proposal-6 h1 { font-size:clamp(36px,4vw,57px); }
.proposal-6 .proposal-hero p { margin-left:auto;margin-right:auto;max-width:720px; }
.proposal-6 .proposal-actions { justify-content:center; }
.proposal-6 .proposal-preview { text-align:left;margin:45px auto 0;max-width:900px;background:#123d2a;color:#d3eedd;--p-border:#ffffff22;--p-muted:#b8d2c0; }
.proposal-6 .proposal-preview-canvas { min-height:280px;background:#103725;color:#94dbab;grid-template-columns:130px 1fr; }
.proposal-6 .proposal-company { background:#f0f5f1;padding:50px;border-radius:20px; }
.proposal-6 .proposal-contact { background:#1b4332;--p-ink:#f5fff7;--p-muted:#d1e5d7;--p-border:#ffffff33; }
.proposal-6 .proposal-contact #contact-form { --p-ink:#163525;--p-muted:#506257;--p-border:#dbe5df;--p-bg:#f8f9fa; }
.proposal-6 .proposal-contact-links .proposal-button { background:#c1ecd4;color:#173826; }
.proposal-comparison { padding-top:65px;padding-bottom:80px; }
.proposal-comparison h1 { max-width:850px; }
.proposal-comparison-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px; }
.proposal-comparison-card { border:1px solid #d9e1dc;border-radius:12px;overflow:hidden;padding-bottom:24px;background:white; }
.proposal-comparison-card h2 { font-size:25px;margin:20px 24px 10px; }
.proposal-comparison-card p { margin:0 24px;font-size:13px; }
.proposal-swatch { height:160px;background:#d8eef6;padding:30px;display:flex;gap:12px;align-items:center; }
.proposal-swatch i { height:75px;flex:1;border-radius:8px;background:#ffffffb0; }
.proposal-swatch-2 .proposal-swatch { background:#c8e2d7; }
.proposal-swatch-3 .proposal-swatch { background:#101715; }
.proposal-swatch-3 .proposal-swatch i { background:#32543f; }
.proposal-swatch-4 .proposal-swatch { background:#f0eee4; }
.proposal-swatch-5 .proposal-swatch { background:#111; }
.proposal-swatch-5 .proposal-swatch i { background:#d8ff00;border-radius:0; }
.proposal-swatch-6 .proposal-swatch { background:#1b4332; }
@media(max-width:1023px) {
 .proposal-nav { width:calc(100% - 40px); }.proposal-nav nav { gap:14px; }.proposal-nav>.proposal-button { display:none; }
 .proposal-hero,.proposal-section { width:calc(100% - 48px); }.proposal-hero { gap:30px;min-height:0;padding:60px 0; }
 .proposal-benefit-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.proposal-2 .proposal-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .proposal-process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.proposal-demo-card { flex-basis:calc((100% - 24px)/2); }
 .proposal-company { gap:30px; }.proposal-contact { gap:25px;padding:30px; }.proposal-5 .proposal-benefits { gap:30px; }
 .proposal-comparison-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:639px) {
 .proposal-nav { flex-wrap:wrap;gap:10px;padding:15px 0; }.proposal-nav nav { width:100%;justify-content:space-between;font-size:10px;gap:8px; }.proposal-brand { font-size:21px; }
 .proposal-hero,.proposal-section { width:calc(100% - 36px);padding:45px 0; }.proposal-hero,.proposal-5 .proposal-hero { display:block;min-height:0; }
 .proposal-hero h1 { font-size:37px; }.proposal-hero-copy>p { font-size:14px; }.proposal-hero-copy>.proposal-hero-note { font-size:13px; }
 .proposal-hero .proposal-preview { margin:32px auto 0; }.proposal-preview-canvas,.proposal-5 .proposal-preview-canvas { min-height:235px;padding:16px;grid-template-columns:35px 1fr;gap:14px; }
 .proposal-3 .proposal-preview-canvas,.proposal-6 .proposal-preview-canvas { grid-template-columns:42px 1fr; }.proposal-preview-bar,.proposal-preview-foot { font-size:8px; }
 .proposal-section-heading { display:block;margin-bottom:25px; }.proposal-section-heading>p { max-width:none; }
 .proposal-service-grid,.proposal-2 .proposal-service-grid,.proposal-benefit-grid,.proposal-process-grid { grid-template-columns:1fr;gap:16px; }
 .proposal-card { padding:24px; }.proposal-demo-card { flex-basis:100%; }.proposal-demo-content p { min-height:0; }
 .proposal-company { display:block; }.proposal-company-details { margin-top:30px; }.proposal-contact { display:block;padding:25px;margin-bottom:35px; }
 .proposal-contact #contact-form { margin-top:30px;padding:20px; }.proposal-contact-links { margin-top:25px; }
 .proposal-5 .proposal-benefits { display:block; }.proposal-5 .proposal-benefit-grid { grid-template-columns:1fr; }.proposal-6 .proposal-company { padding:26px; }
 .proposal-footer { width:calc(100% - 36px);display:block;padding:30px 0; }.proposal-footer>a { display:inline-block;margin-top:10px; }
 .proposal-comparison-grid { grid-template-columns:1fr; }.proposal-comparison h1 { font-size:38px; }
}
/* Option 5 refinement: readable copy, fixed geometry, deliberate mechanical feedback.
   Scoped after shared breakpoints so the other five visual systems stay intact. */
.proposal-5 { --p-font:'Inter',sans-serif;--p-muted:#484b52;--p-lime:#d8ff00;--p-violet:#603de3;font-size:16px;line-height:1.65; }
.proposal-5 :is(.proposal-hero,.proposal-section,.proposal-nav,.proposal-footer) { width:min(1440px,calc(100% - 80px)); }
.proposal-5 :is(.proposal-hero-copy,.proposal-section-heading,.proposal-company-details,.proposal-card) { min-width:0; }
.proposal-5 :is(.proposal-kicker,.proposal-button,.proposal-nav nav,.proposal-carousel-controls button,.proposal-demo-status,.proposal-preview-bar,.proposal-preview-foot) { font-family:'JetBrains Mono',monospace; }
.proposal-5 .proposal-nav { padding:24px 0; }
.proposal-5 .proposal-brand { font-family:'Inter',sans-serif;font-size:26px;letter-spacing:-.055em; }
.proposal-5 .proposal-nav nav { font-size:11px;gap:24px; }
.proposal-5 .proposal-kicker { font-size:11px;letter-spacing:.08em;font-weight:500; }
.proposal-5 .proposal-hero { gap:48px;min-height:680px;padding:72px 0 80px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); }
.proposal-5 h1 { font-size:clamp(44px,5vw,72px);line-height:1.04;margin:22px 0 28px; }
.proposal-5 h2 { font-size:clamp(30px,3.5vw,46px);line-height:1.12; }
.proposal-5 h3 { font-size:24px;line-height:1.2;margin:20px 0 14px; }
.proposal-5 .proposal-hero p { font-size:17px;line-height:1.7;max-width:52ch; }
.proposal-5 .proposal-hero .proposal-hero-note { font-size:14px;border-left:3px solid #111;padding-left:14px; }
.proposal-5 .proposal-section { padding-top:80px;padding-bottom:80px; }
.proposal-5 .proposal-section-heading { margin-bottom:36px;gap:40px; }
.proposal-5 .proposal-section-heading>p { font-size:16px;line-height:1.65; }
.proposal-5 .proposal-actions { gap:16px;margin-top:32px; }
.proposal-5 :is(.proposal-button,.proposal-carousel-controls button,.proposal-contact #contact-form button[type=submit]) { min-height:44px;border:2px solid #111;border-radius:0;box-shadow:4px 4px 0 #111;transition:transform 120ms ease-out,box-shadow 120ms ease-out,background-color 120ms linear; }
.proposal-5 .proposal-button { font-size:12px;padding:13px 18px; }
.proposal-5 :is(.proposal-button,.proposal-carousel-controls button,.proposal-contact #contact-form button[type=submit]):hover { transform:translate(2px,2px);box-shadow:2px 2px 0 #111; }
.proposal-5 :is(.proposal-button,.proposal-carousel-controls button,.proposal-contact #contact-form button[type=submit]):active { transform:translate(4px,4px);box-shadow:0 0 0 #111; }
.proposal-5 :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline:3px solid var(--p-violet);outline-offset:4px; }
.proposal-5 .proposal-preview { box-shadow:6px 6px 0 #111; }
.proposal-5 .proposal-preview-bar { padding:14px 16px;font-size:10px; }
.proposal-5 .proposal-preview-bar>span:first-child { color:var(--p-lime); }
.proposal-5 .proposal-preview-canvas { border-radius:0; }
.proposal-5 .proposal-preview :is(i,.proposal-preview-top) { border-radius:0; }
.proposal-5 .proposal-preview-foot { font-size:10px;padding:14px 16px; }
.proposal-5 .proposal-card { padding:28px;box-shadow:4px 4px 0 #111; }
.proposal-5 .proposal-card p { font-size:15px;line-height:1.65; }
.proposal-5 .proposal-icon { width:40px;height:40px;font-size:23px;color:#111;background:var(--p-lime);border:2px solid #111; }
.proposal-5 .proposal-benefits { grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:48px; }
.proposal-5 .proposal-benefit-grid { gap:20px; }
.proposal-5 .proposal-benefit-grid .proposal-card { padding:24px; }
.proposal-5 .proposal-benefit-grid h3 { font-size:22px; }
.proposal-5 .proposal-benefit-grid .proposal-card:nth-child(3) { --p-muted:#fff; }
.proposal-5 .proposal-process-grid { gap:20px; }
.proposal-5 .proposal-process-grid .proposal-card { padding:24px; }
.proposal-5 .proposal-step { display:inline-block;font-family:'JetBrains Mono',monospace;font-size:28px;line-height:1;color:#111;opacity:1;border-bottom:4px solid var(--p-lime);padding-bottom:10px; }
.proposal-5 .proposal-process-grid h3 { font-size:23px; }
.proposal-5 .proposal-demo-track { position:relative;padding:0 0 16px;overscroll-behavior-x:contain;scrollbar-color:#111 #e6e6ea; }
.proposal-5 .proposal-demo-card { display:flex;flex-direction:column; }
.proposal-5 .proposal-demo-content { display:flex;flex-direction:column;flex:1;padding:24px; }
.proposal-5 .proposal-demo-content p { font-size:15px;line-height:1.65;min-height:0;flex:1; }
.proposal-5 .proposal-demo-status { margin-top:12px;font-size:10px;letter-spacing:.02em;border:1px solid #111; }
.proposal-5 .proposal-demo-art { background:#171719;color:var(--p-lime);border-bottom:2px solid #111; }
.proposal-5 .proposal-demo-art-1 { background:var(--p-violet);color:#fff; }
.proposal-5 .proposal-demo-art-2 { background:var(--p-lime);color:#111; }
.proposal-5 .proposal-demo-art :is(.proposal-mini-nav,.proposal-mini-layout div,.proposal-mini-lines) { border-radius:0; }
.proposal-5 .proposal-carousel-controls { gap:12px;margin-bottom:22px;padding-right:4px; }
.proposal-5 .proposal-carousel-controls button { font-size:11px;padding:10px 14px; }
.proposal-5 .proposal-company { gap:60px;border-top:0; }
.proposal-5 .proposal-company-details p { font-size:15px; }
.proposal-5 .proposal-contact { display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;max-width:1440px;padding:48px;text-align:left;margin-top:64px;margin-bottom:64px; }
.proposal-5 .proposal-contact-links { align-items:flex-start;justify-content:flex-start;gap:16px; }
.proposal-5 .proposal-unavailable { border-radius:0;font-size:13px;padding:12px;border-color:#777; }
.proposal-5 .proposal-unavailable small { font-size:12px;line-height:1.6; }
.proposal-5 .proposal-contact #contact-form { width:100%;min-width:0;max-width:none;margin:0;padding:28px;border:2px solid #111;border-radius:0;box-shadow:4px 4px 0 #111;background:#f5f5f7; }
.proposal-5 .proposal-contact #contact-form h2 { font-size:28px; }
.proposal-5 .proposal-contact #contact-form label { font-family:'JetBrains Mono',monospace;font-size:11px;color:#303238; }
.proposal-5 .proposal-contact #contact-form :is(input,select,textarea) { border:1px solid #111;border-radius:0;box-shadow:none;background:#fff;font-family:'Inter',sans-serif;font-size:16px;min-height:44px; }
.proposal-5 .proposal-contact #contact-form :is(input,select,textarea):focus { outline:2px solid var(--p-violet);outline-offset:2px;box-shadow:none; }
.proposal-5 .proposal-contact #contact-form :is([role=status],[role=alert]) { border-radius:0; }
.proposal-5 .proposal-contact #contact-form button[type=submit] { font-family:'JetBrains Mono',monospace;font-size:12px; }
.proposal-5 .proposal-footer { padding:36px 40px;align-items:center; }
.proposal-5 .proposal-footer a { color:var(--p-lime);font-family:'JetBrains Mono',monospace;font-size:11px; }
.proposal-5 .proposal-footer p { font-size:14px; }
@media(max-width:1023px) {
 .proposal-5 :is(.proposal-hero,.proposal-section,.proposal-nav,.proposal-footer) { width:calc(100% - 48px); }
 .proposal-5 .proposal-hero { gap:32px;min-height:0;padding:56px 0 64px; }
 .proposal-5 .proposal-benefits { display:block; }
 .proposal-5 .proposal-section { padding-top:56px;padding-bottom:56px; }
 .proposal-5 .proposal-contact { display:block;padding:32px;margin-top:48px;margin-bottom:48px; }
 .proposal-5 .proposal-contact #contact-form { margin-top:32px; }
}
@media(max-width:639px) {
 .proposal-5 :is(.proposal-hero,.proposal-section,.proposal-nav,.proposal-footer) { width:calc(100% - 40px); }
 .proposal-5 .proposal-nav { padding:18px 0;gap:16px; }
 .proposal-5 .proposal-nav nav { gap:8px;font-size:10px;flex-wrap:wrap; }
 .proposal-5 .proposal-hero { display:block;padding:40px 0 48px; }
 .proposal-5 h1 { font-size:clamp(38px,10.8vw,58px);overflow-wrap:break-word; }
 .proposal-5 .proposal-hero p { font-size:16px; }
 .proposal-5 .proposal-section { padding-top:44px;padding-bottom:44px; }
 .proposal-5 .proposal-benefit-grid { grid-template-columns:1fr; }
 .proposal-5 .proposal-preview-canvas { min-height:235px; }
 .proposal-5 :is(.proposal-preview-bar,.proposal-preview-foot) { flex-wrap:wrap;font-size:9px;padding:12px; }
 .proposal-5 .proposal-actions { flex-direction:column;align-items:stretch; }
 .proposal-5 .proposal-card { padding:24px; }
 .proposal-5 .proposal-carousel-controls { justify-content:space-between;gap:8px; }
 .proposal-5 .proposal-carousel-controls button { padding:10px 12px; }
 .proposal-5 .proposal-contact { padding:22px 18px;margin-top:40px;margin-bottom:40px; }
 .proposal-5 .proposal-contact #contact-form { padding:20px 16px; }
 .proposal-5 .proposal-contact #contact-form form>.flex { flex-wrap:wrap;align-items:flex-start; }
 .proposal-5 .proposal-contact #contact-form button[type=submit] { width:100%; }
 .proposal-5 .proposal-contact-links { flex-direction:column;align-items:stretch; }
 .proposal-5 .proposal-footer { display:block;padding:28px 24px; }
}
/* Wide desktops get a broader composition without stretching reading lines. */
@media(min-width:1600px) {
 .proposal-5 :is(.proposal-hero,.proposal-section,.proposal-nav,.proposal-footer) { width:min(1920px,calc(100% - 128px)); }
 .proposal-5 .proposal-contact { max-width:1920px; }
 .proposal-5 :is(.proposal-card,.proposal-company,.proposal-contact) p { max-width:60ch; }
}
.proposal-5 .proposal-icon svg { width:22px;height:22px;stroke:currentColor; }
/* Demo layouts have distinct silhouettes: service, catalog, split restaurant. */
.proposal-5 .proposal-demo-art .proposal-mini-layout div { opacity:1;border:1px solid currentColor;background:transparent; }
.proposal-5 .proposal-demo-art-0 .proposal-mini-layout { grid-template-columns:1.7fr 1fr;grid-template-rows:32px 32px;gap:10px; }
.proposal-5 .proposal-demo-art-0 .proposal-mini-layout div { height:auto; }
.proposal-5 .proposal-demo-art-0 .proposal-mini-layout div:first-child { grid-row:span 2;background:currentColor; }
.proposal-5 .proposal-demo-art-1 .proposal-mini-layout { gap:9px; }
.proposal-5 .proposal-demo-art-1 .proposal-mini-layout div { height:74px;background:linear-gradient(to bottom,#ffffff28 66%,transparent 66%);border-bottom:6px solid currentColor; }
.proposal-5 .proposal-demo-art-2 .proposal-mini-layout { grid-template-columns:1fr 1.3fr;grid-template-rows:32px 32px;gap:10px; }
.proposal-5 .proposal-demo-art-2 .proposal-mini-layout div { height:auto; }
.proposal-5 .proposal-demo-art-2 .proposal-mini-layout div:nth-child(2) { grid-column:2;grid-row:1 / span 2;background:currentColor; }
/* Preserve the proportions of wider modules, without scaling typography or fields. */
@media(min-width:1600px) {
 .proposal-5 .proposal-service-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:28px; }
 .proposal-5 .proposal-service-grid .proposal-card { min-height:clamp(320px,15vw,340px);padding:36px;display:flex;flex-direction:column;align-items:flex-start; }
 .proposal-5 .proposal-service-grid .proposal-card p { margin-bottom:28px; }
 .proposal-5 .proposal-service-grid .proposal-card-line { margin-top:auto;flex-shrink:0; }
 .proposal-5 .proposal-benefit-grid .proposal-card { min-height:clamp(280px,13vw,340px);padding:32px; }
 .proposal-5 .proposal-process-grid .proposal-card { min-height:clamp(300px,14vw,360px);padding:32px; }
 .proposal-5 .proposal-icon { flex-shrink:0; }
 .proposal-5 .proposal-demo-card { container-type:inline-size; }
 .proposal-5 .proposal-demo-art { height:auto;aspect-ratio:16 / 10;padding:clamp(28px,6cqw,40px); }
 .proposal-5 .proposal-demo-art .proposal-mini-nav { height:clamp(8px,2cqw,12px);margin-bottom:clamp(25px,7cqw,44px); }
 .proposal-5 :is(.proposal-demo-art-0,.proposal-demo-art-2) .proposal-mini-layout { grid-template-rows:repeat(2,clamp(32px,10cqw,64px));gap:clamp(10px,2.5cqw,16px); }
 .proposal-5 .proposal-demo-art-1 .proposal-mini-layout div { height:clamp(74px,23cqw,144px); }
 .proposal-5 .proposal-demo-art .proposal-mini-lines { margin-top:clamp(17px,5cqw,32px);height:clamp(7px,1.7cqw,11px); }
 .proposal-5 .proposal-demo-content { min-height:250px;padding:32px; }
}
/* Final-site footer: editorial brand, useful navigation and real contact channels. */
.proposal-5 .proposal-site-footer { display:block;padding:56px 48px 24px;border:2px solid #111;background:#171719;--p-muted:#c5c5cd; }
.proposal-5 .proposal-footer-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 64px;align-items:start; }
.proposal-5 .proposal-footer-contact { justify-self:end;width:100%;max-width:440px; }
.proposal-5 .proposal-footer-navigation { grid-column:1 / -1;border-top:1px solid #ffffff35;padding-top:20px; }
.proposal-5 .proposal-footer-navigation ul { display:flex;flex-wrap:wrap;gap:8px 36px; }
.proposal-5 .proposal-footer-grid> * { min-width:0; }
.proposal-5 .proposal-site-footer .proposal-footer-brand { display:inline-flex;align-items:center;gap:12px;font-family:'Inter',sans-serif;font-size:32px;font-weight:750;letter-spacing:-.055em;line-height:1.2;color:#fff; }
.proposal-5 .proposal-footer-brand>span { color:var(--p-lime);font-size:30px; }
.proposal-5 .proposal-footer-identity>p { max-width:38ch;margin:24px 0;font-size:15px;line-height:1.7; }
.proposal-5 .proposal-footer-tagline { display:block;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--p-muted); }
.proposal-5 .proposal-site-footer h2 { font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;font-weight:500;color:var(--p-lime);margin:0 0 24px; }
.proposal-5 .proposal-site-footer h3 { max-width:24ch;margin:0 0 24px;font-size:30px;line-height:1.15;color:#fff; }
.proposal-5 .proposal-site-footer ul { list-style:none;margin:0;padding:0; }
.proposal-5 .proposal-footer-navigation li { border:0; }
.proposal-5 .proposal-footer-navigation a { display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-family:'Inter',sans-serif;font-size:14px;color:#e9e9ee; }

.proposal-5 .proposal-site-footer a:not(.proposal-button):hover { color:var(--p-lime); }
.proposal-5 .proposal-site-footer a:focus-visible { outline-color:var(--p-lime); }
.proposal-5 .proposal-footer-contact .proposal-button { color:#111;background:var(--p-lime);font-size:12px;box-shadow:4px 4px 0 #fff; }
.proposal-5 .proposal-footer-contact .proposal-button:hover { box-shadow:2px 2px 0 #fff; }
.proposal-5 .proposal-footer-contact .proposal-button:active { box-shadow:none; }
.proposal-5 .proposal-footer-contact-list:not(:has(li)) { display:none; }
.proposal-5 .proposal-footer-contact-list { display:grid;gap:12px;padding-top:24px!important; }
.proposal-5 .proposal-footer-contact-list a { display:inline-flex;align-items:center;gap:12px;font-family:'Inter',sans-serif;font-size:14px;color:#e9e9ee;overflow-wrap:anywhere;min-height:32px; }
.proposal-5 .proposal-footer-address { color:var(--p-muted);font-size:14px;white-space:pre-line; }
.proposal-5 .proposal-footer-social { margin-top:24px!important;flex-wrap:wrap; }
.proposal-5 .proposal-footer-social-link { display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff50;color:#fff; }
.proposal-5 .proposal-footer-bottom { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid #ffffff18;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--p-muted); }
.proposal-5 .proposal-footer-bottom .proposal-footer-tagline { color:var(--p-muted);font-size:11px; }
@media(min-width:1600px) { .proposal-5 .proposal-site-footer { padding:64px 64px 28px; }.proposal-5 .proposal-footer-grid { gap:40px 80px; } }
@media(max-width:1023px) { .proposal-5 .proposal-site-footer { padding:40px 32px 24px; }.proposal-5 .proposal-footer-grid { gap:32px 40px; } }
@media(max-width:639px) { .proposal-5 .proposal-site-footer { padding:32px 24px 20px; }.proposal-5 .proposal-footer-grid { grid-template-columns:1fr;gap:32px; }.proposal-5 .proposal-footer-contact { justify-self:start;max-width:none; }.proposal-5 .proposal-footer-navigation ul { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px; }.proposal-5 .proposal-footer-bottom { flex-wrap:wrap;gap:12px; }.proposal-5 .proposal-site-footer .proposal-footer-brand { font-size:28px; }.proposal-5 .proposal-footer-bottom { margin-top:32px; } }
@media(prefers-reduced-motion:reduce) { .proposal-shell *, .proposal-shell *::before,.proposal-shell *::after { scroll-behavior:auto!important;transition:none!important;animation:none!important; } }

.proposal-5 #contact-form .form-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}
.proposal-5 #contact-form form{display:block}
.proposal-5 #contact-form form>.form-grid,.proposal-5 #contact-form form>div:not([hidden]):not(.form-actions){margin-bottom:20px}
.proposal-5 #contact-form h2{margin-bottom:18px}
.proposal-5 #contact-form label{display:block;font-weight:500;margin-bottom:4px;line-height:1.4285714286}
.proposal-5 #contact-form :is(input,select,textarea){width:100%;padding:8px 12px;line-height:inherit}
.proposal-5 #contact-form textarea{display:inline-block;resize:vertical}
.proposal-5 #contact-form .form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}
.proposal-5 #contact-form .form-actions p{font-size:12px;line-height:16px;margin:0 0 20px;color:#6b7280}
.proposal-5 #contact-form button[type=submit]{display:inline-flex;line-height:1.4285714286;font-weight:600;padding:10px 20px;background:#d8ff00;color:#111}
.proposal-5 #extension-contact-feedback:empty{display:none}
@media(max-width:639px){.proposal-5 #contact-form .form-grid{grid-template-columns:1fr}.proposal-5 #contact-form .form-actions{flex-wrap:wrap;align-items:flex-start}}

/* Footer logo for dark backgrounds: shown directly on the dark footer, without the light plate. */
.site-brand-art-footer.site-brand-art-on-dark { background: transparent; padding: 0; border: 0; }

/* Site-owned cookie notice: theme both the banner and its inert spacer.
   Kept in the extension so PlexoCMS updates do not overwrite Kubo's identity. */
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) {
 font-family:'Inter',sans-serif;color:#111;padding:16px 24px 20px;
}
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__inner {
 max-width:1440px;padding:20px 24px;gap:16px 32px;
 background:#f5f4ef;border:2px solid #111;border-radius:0;box-shadow:4px 4px 0 #111;
}
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__title {
 font-family:'Inter',sans-serif;font-size:18px;font-weight:750;letter-spacing:-.035em;color:#111;margin-bottom:6px;
}
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__text p {
 color:#414149;font-size:14px;line-height:1.65;max-width:75ch;
}
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__actions { gap:12px; }
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__button {
 font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;
 min-height:44px;padding:12px 16px;color:#111;background:#d8ff00;
 border:2px solid #111;border-radius:0;box-shadow:3px 3px 0 #111;
 transition:transform 120ms ease-out,box-shadow 120ms ease-out;
}
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__button:hover {
 background:#d8ff00;transform:translate(1px,1px);box-shadow:2px 2px 0 #111;
}
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__button:active {
 transform:translate(3px,3px);box-shadow:none;
}
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__link {
 color:#111;font-family:'JetBrains Mono',monospace;font-size:12px;text-underline-offset:4px;
}
body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) :is(.plexo-consent__button,.plexo-consent__link):focus-visible {
 outline:3px solid #7c3aed;outline-offset:4px;
}
@media(min-width:1600px) {
 body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__inner { max-width:1920px; }
}
@media(max-width:639px) {
 body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) { padding:10px 12px 14px; }
 body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__inner { padding:16px;gap:16px; }
 body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__actions { width:100%; }
 body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__button { flex:1 1 140px; }
}
@media(prefers-reduced-motion:reduce) {
 body:has(.proposal-5) :is(.plexo-consent,.plexo-consent-spacer) .plexo-consent__button { transition:none; }
}

/* Kubo: the cube logo is square, so it needs more height than the old wide wordmark. */
.site-brand-art-header .site-brand-image { height: 60px; }
.site-brand-art-footer.site-brand-art-on-dark .site-brand-image { height: 88px; }
@media (max-width: 639px) {
    .site-brand-art-header .site-brand-image { height: 48px; }
    .site-brand-art-footer.site-brand-art-on-dark .site-brand-image { height: 72px; }
}

/* ---- Hero "video": a Kubo project from first chat to delivery (pure CSS, 36 s loop) ----
   01 Conversamos (chat) · 02 Propuesta (scope approved) · 03 Diseño (the bakery's own site:
   wireframe → its style → phone) ·
   04 Entrega (published online + the client learns to edit it).
   Decorative and aria-hidden; the bakery "La Espiga" is fictional and there are no prices or invented data.
   Without animation (reduced motion) the base styles are the static final frame: delivered site. */
.proposal-5 .kubo-film { --kd:36s;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:22px;min-height:390px;background:#171719;color:#f5f4ef;font-family:'Inter',sans-serif; }
.proposal-5 .kubo-film .kubo-film-steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;font-family:'Anton',sans-serif;font-size:15px;letter-spacing:.03em;text-transform:uppercase; }
.proposal-5 .kubo-film .kubo-film-steps li { position:relative;display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;border:1px solid #ffffff35;color:#ffffffb0;white-space:nowrap;overflow:hidden; }
.proposal-5 .kubo-film .kubo-film-steps b { position:relative;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;color:var(--p-lime); }
/* Capas duales (solo opacity en keyframes): la placa lime y los textos oscuros se encienden
   sobre la base; sin animación (reduced motion) queda el frame final: paso 4 activo. */
.proposal-5 .kubo-film .kubo-film-steps li::before { content:'';position:absolute;inset:0;background:var(--p-lime);opacity:0; }
.proposal-5 .kubo-film .kubo-film-steps b::after { content:attr(data-num);position:absolute;inset:0;color:#111;opacity:0; }
.proposal-5 .kubo-film .kubo-film-steps li span { position:relative; }
.proposal-5 .kubo-film .kubo-film-steps li span::after { content:attr(data-text);position:absolute;inset:0;color:#111;opacity:0; }
.proposal-5 .kubo-film .kubo-film-steps li:last-child::before,.proposal-5 .kubo-film .kubo-film-steps li:last-child b::after,.proposal-5 .kubo-film .kubo-film-steps li:last-child span::after { opacity:1; }
.proposal-5 .kubo-film .kubo-film-stage { position:relative;flex:none;height:380px;container-type:inline-size;display:flex;align-items:center;justify-content:center; }
.proposal-5 .kubo-film .kubo-film-logo { display:block;flex:none;width:2.6em;height:2.6em;object-fit:contain; }
.proposal-5 .kubo-film .kubo-film-logo-text { display:inline-flex;align-items:center;justify-content:center;background:var(--p-violet);color:#fff;font-family:'Anton',sans-serif;font-size:.8em; }

/* 01 · Conversamos: the first chat between the business and Kubo. */
.proposal-5 .kubo-film .kubo-film-chat { position:absolute;inset:2% 4%;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,2cqw,12px);font-size:clamp(11px,2.5cqw,15px);opacity:0; }
.proposal-5 .kubo-film .kubo-film-msg { display:flex;align-items:flex-end;gap:10px;max-width:82%;opacity:0; }
.proposal-5 .kubo-film .kubo-film-msg p { margin:0;padding:.75em 1em;border:2px solid #111;line-height:1.35;color:#111; }
.proposal-5 .kubo-film .kubo-film-msg-client { align-self:flex-end; }
.proposal-5 .kubo-film .kubo-film-msg-client p { background:#f5f4ef;box-shadow:3px 3px 0 var(--p-violet); }
.proposal-5 .kubo-film .kubo-film-msg-kubo p { background:var(--p-lime);box-shadow:3px 3px 0 #000; }
.proposal-5 .kubo-film .kubo-film-msg-kubo .kubo-film-logo { width:2.4em;height:2.4em;padding:3px;background:#f5f4ef;border:2px solid #111; }

/* 02 · Propuesta: scope, timing and budget agreed and approved before building. */
.proposal-5 .kubo-film .kubo-film-proposal { position:absolute;inset:4% 12%;display:flex;flex-direction:column;justify-content:center;gap:clamp(8px,2.2cqw,14px);padding:clamp(14px,4cqw,26px);background:#f5f4ef;color:#111;border:2px solid #111;box-shadow:4px 4px 0 var(--p-violet);font-size:clamp(11px,2.4cqw,15px);opacity:0; }
.proposal-5 .kubo-film .kubo-film-proposal-head { display:flex;align-items:center;gap:12px;padding-bottom:clamp(8px,2cqw,12px);border-bottom:2px solid #111; }
.proposal-5 .kubo-film .kubo-film-proposal-head .kubo-film-logo { width:3em;height:3em; }
.proposal-5 .kubo-film .kubo-film-proposal-head strong { display:block;font-family:'Anton',sans-serif;font-weight:400;font-size:2em;line-height:1;text-transform:uppercase; }
.proposal-5 .kubo-film .kubo-film-proposal-head small { display:block;margin-top:.3em;font-family:'JetBrains Mono',monospace;font-size:.72em;letter-spacing:.06em;text-transform:uppercase;color:var(--p-violet); }
.proposal-5 .kubo-film .kubo-film-proposal ul { display:grid;gap:clamp(5px,1.4cqw,9px);margin:0;padding:0;list-style:none; }
.proposal-5 .kubo-film .kubo-film-proposal li,.proposal-5 .kubo-film .kubo-film-delivery li { display:flex;align-items:center;gap:10px; }
.proposal-5 .kubo-film .kubo-film-proposal li::before,.proposal-5 .kubo-film .kubo-film-delivery li::before { content:'✓';display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.35em;height:1.35em;border:2px solid #111;background:var(--p-lime);color:#111;font-size:.85em;font-weight:700; }
.proposal-5 .kubo-film .kubo-film-stamp { position:absolute;right:6%;bottom:9%;padding:.2em .55em;border:3px solid var(--p-violet);color:var(--p-violet);font-family:'Anton',sans-serif;font-size:1.9em;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-8deg);opacity:0; }

/* 03 · Diseño: Kubo designs the CLIENT's site with the client's own identity, so it never looks
   like Kubo's brand: "La Espiga", a fictional sourdough bakery. Dark crust/cream palette, DM Serif
   Display, real product photos (film-photos.css). Kubo only appears in its project bar below the
   browser. The page starts as a grey wireframe, gets the bakery's style and adapts to a phone. */
.proposal-5 .kubo-film .kubo-film-work { position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0; }
.proposal-5 .kubo-film .kubo-film-browser { --cf-ink:#21160f;--cf-cream:#f6eedf;--cf-crust:#c8783a;--cf-flour:#fbf8f2;position:relative;z-index:1;flex:1;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--cf-flour);color:var(--cf-ink);border:1px solid #d8d2c6;border-radius:10px;box-shadow:0 14px 30px #0006;container-type:inline-size;font-family:'Inter',sans-serif;font-size:clamp(9px,2cqw,12.5px); }
.proposal-5 .kubo-film .kubo-film-chrome { flex:none;display:flex;align-items:center;gap:.8em;padding:.5em .9em;background:#ece8e1;border-bottom:1px solid #d8d2c6;font-size:.82em;color:#6b6259;white-space:nowrap; }
.proposal-5 .kubo-film .kubo-film-dots { display:flex;gap:4px; }
.proposal-5 .kubo-film .kubo-film-dots i { width:8px;height:8px;border-radius:50%;background:#d3cbc0; }
.proposal-5 .kubo-film .kubo-film-address { flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;padding:.3em .9em;background:#fff;border-radius:99px; }
/* Hero: dark, photographic, editorial. The loaf photo sits on the right and fades into the crust colour. */
.proposal-5 .kubo-film .kubo-film-hero { position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--cf-ink);color:var(--cf-cream);overflow:hidden; }
.proposal-5 .kubo-film .kubo-film-photo { position:absolute;inset:0 0 0 30%;background-size:cover;background-position:center 60%; }
.proposal-5 .kubo-film .kubo-film-photo::before { content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--cf-ink) 0%,#21160fcc 22%,#21160f00 60%); }
.proposal-5 .kubo-film .kubo-film-nav { position:relative;z-index:1;display:flex;align-items:center;gap:1.4em;padding:.75em 1.4em;white-space:nowrap;font-size:.86em;letter-spacing:.02em; }
.proposal-5 .kubo-film .kubo-film-brandmark { margin-right:auto;display:inline-flex;align-items:baseline;gap:.45em;font-family:'DM Serif Display',Georgia,serif;font-size:1.55em;letter-spacing:0; }
.proposal-5 .kubo-film .kubo-film-brandmark small { font-family:'Inter',sans-serif;font-size:.42em;letter-spacing:.18em;text-transform:uppercase;color:var(--cf-crust); }
.proposal-5 .kubo-film .kubo-film-nav > span:not(.kubo-film-menu) { color:#f6eedfcc; }
.proposal-5 .kubo-film .kubo-film-order { padding:.45em .9em;border:1px solid #f6eedf66;border-radius:99px; }
.proposal-5 .kubo-film .kubo-film-menu { display:none;font-size:1.3em;line-height:1; }
.proposal-5 .kubo-film .kubo-film-hero-copy { position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.6em;max-width:60%;padding:0 1.4em 1.1em; }
.proposal-5 .kubo-film .kubo-film-kicker { font-size:.78em;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cf-crust); }
.proposal-5 .kubo-film .kubo-film-title { margin:0;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:2.55em;line-height:1;letter-spacing:-.01em;color:var(--cf-cream); }
.proposal-5 .kubo-film .kubo-film-title em { font-style:italic;color:#e9b77f; }
.proposal-5 .kubo-film .kubo-film-lede { margin:0;max-width:32ch;font-size:.95em;line-height:1.45;color:#f6eedfb8; }
.proposal-5 .kubo-film .kubo-film-actions { display:flex;align-items:center;gap:1.1em;margin-top:.2em; }
.proposal-5 .kubo-film .kubo-film-cta { display:inline-flex;align-items:center;padding:.7em 1.3em;background:var(--cf-cream);color:var(--cf-ink);border-radius:99px;font-size:.9em;font-weight:600; }
.proposal-5 .kubo-film .kubo-film-link { font-size:.9em;color:var(--cf-cream);border-bottom:1px solid #f6eedf80;padding-bottom:.1em; }
/* "Hoy en el horno": today's products with photo, name and price. */
.proposal-5 .kubo-film .kubo-film-today { flex:none;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:.9em;padding:.7em 1.4em;background:var(--cf-flour); }
.proposal-5 .kubo-film .kubo-film-today-label { font-family:'DM Serif Display',Georgia,serif;font-size:1.25em;line-height:1.05; }
.proposal-5 .kubo-film .kubo-film-today-label small { display:block;margin-top:.25em;font-family:'Inter',sans-serif;font-size:.55em;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cf-crust); }
.proposal-5 .kubo-film .kubo-film-item { position:relative;display:flex;align-items:center;gap:.7em;min-width:0; }
.proposal-5 .kubo-film .kubo-film-thumb { flex:none;width:3.6em;height:3.6em;border-radius:8px;background-size:cover;background-position:center; }
.proposal-5 .kubo-film .kubo-film-item span { display:flex;flex-direction:column;min-width:0;font-weight:600;line-height:1.25; }
.proposal-5 .kubo-film .kubo-film-item small { font-weight:400;color:#7a6a5c; }
/* Wireframe stage: grey blocks over every element, lifted in three waves. */
.proposal-5 .kubo-film .kubo-film-wf { position:relative; }
.proposal-5 .kubo-film .kubo-film-wf::after { content:'';position:absolute;inset:0;background:#d9d4ca;border-radius:3px;opacity:0;animation:kubo-film-wf1 var(--kd) infinite both; }
.proposal-5 .kubo-film .kubo-film-wf2::after { animation-name:kubo-film-wf2; }
.proposal-5 .kubo-film .kubo-film-wf3::after { animation-name:kubo-film-wf3;border-radius:inherit; }
.proposal-5 .kubo-film .kubo-film-hero.kubo-film-wf3::after { background:#ebe7df;border-radius:0;z-index:0; }
.proposal-5 .kubo-film .kubo-film-hero > :not(.kubo-film-photo) { z-index:1; }
/* The bakery's style guide: what "diseño a medida" means, shown while the wireframe is painted. */
.proposal-5 .kubo-film .kubo-film-guide { position:absolute;top:-6px;right:-6px;z-index:2;display:grid;gap:.5em;padding:10px 12px;background:#171719;color:#f5f4ef;border:1px solid #ffffff40;box-shadow:4px 4px 0 var(--p-lime);font-family:'JetBrains Mono',monospace;font-size:clamp(9px,1.9cqw,11px);text-transform:uppercase;letter-spacing:.05em;opacity:0; }
.proposal-5 .kubo-film .kubo-film-guide span { display:flex;align-items:center;gap:6px; }
.proposal-5 .kubo-film .kubo-film-guide i { width:16px;height:16px;border-radius:50%;border:1px solid #ffffff60; }
.proposal-5 .kubo-film .kubo-film-guide i:nth-child(1) { background:#21160f; }
.proposal-5 .kubo-film .kubo-film-guide i:nth-child(2) { background:#c8783a; }
.proposal-5 .kubo-film .kubo-film-guide i:nth-child(3) { background:#e9b77f; }
.proposal-5 .kubo-film .kubo-film-guide i:nth-child(4) { background:#f6eedf; }
.proposal-5 .kubo-film .kubo-film-guide b { font-family:'DM Serif Display',Georgia,serif;font-size:1.8em;font-weight:400;text-transform:none;letter-spacing:0; }
/* Phone width: same bakery page; menu collapses, photo goes on top, products stack. Not
   display:none on animated elements: that would restart their animations. */
@container (max-width:300px) {
 .proposal-5 .kubo-film .kubo-film-nav > span:not(.kubo-film-menu),.proposal-5 .kubo-film .kubo-film-dots,.proposal-5 .kubo-film .kubo-film-lede,.proposal-5 .kubo-film .kubo-film-link,.proposal-5 .kubo-film .kubo-film-today-label { position:absolute;visibility:hidden; }
 .proposal-5 .kubo-film .kubo-film-menu { display:inline; }
 .proposal-5 .kubo-film .kubo-film-brandmark small { display:none; }
 .proposal-5 .kubo-film .kubo-film-photo { inset:0; }
 .proposal-5 .kubo-film .kubo-film-photo::before { background:linear-gradient(0deg,var(--cf-ink) 10%,#21160f99 55%,#21160f33); }
 .proposal-5 .kubo-film .kubo-film-hero-copy { max-width:none;justify-content:flex-end; }
 .proposal-5 .kubo-film .kubo-film-title { font-size:2.1em; }
 .proposal-5 .kubo-film .kubo-film-today .kubo-film-item:nth-child(4) { position:absolute;visibility:hidden; }
 .proposal-5 .kubo-film .kubo-film-today { grid-template-columns:1fr;gap:.55em;padding:.7em 1em; }
}

/* Kubo's project bar: the only Kubo element in this scene (status + publish). */
.proposal-5 .kubo-film .kubo-film-bar { flex:none;display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;background:#0d0d0f;border:1px solid #ffffff30;font-family:'JetBrains Mono',monospace;font-size:clamp(9px,1.9cqw,11px);white-space:nowrap; }
.proposal-5 .kubo-film .kubo-film-bar .kubo-film-logo { width:26px;height:26px; }
.proposal-5 .kubo-film .kubo-film-bar .kubo-film-logo-text { width:auto;padding:0 6px; }
.proposal-5 .kubo-film .kubo-film-project { flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#ffffffc0; }
.proposal-5 .kubo-film .kubo-film-status { display:grid; }
.proposal-5 .kubo-film .kubo-film-status i { grid-area:1 / 1;padding:.25em .6em;font-style:normal;text-transform:uppercase;letter-spacing:.05em; }
.proposal-5 .kubo-film .kubo-film-draft { background:#ffffff26;color:#fff;opacity:0; }
.proposal-5 .kubo-film .kubo-film-live { background:var(--p-lime);color:#111; }
.proposal-5 .kubo-film .kubo-film-publish { position:relative;padding:.35em .9em;background:var(--p-lime);color:#111;border:2px solid #f5f4ef;font-weight:600;text-transform:uppercase;animation-name:kubo-film-publish; }
.proposal-5 .kubo-film .kubo-film-publish::before { content:'';position:absolute;inset:0;background:#603de3;opacity:0;animation:kubo-film-publish-on var(--kd) infinite both; }
.proposal-5 .kubo-film .kubo-film-publish [data-text] { position:relative; }
.proposal-5 .kubo-film .kubo-film-publish [data-text]::after { content:attr(data-text);position:absolute;inset:0;color:#fff;opacity:0;animation:kubo-film-publish-on var(--kd) infinite both; }
/* Phone width: same bakery page, menu collapses and sections stack. Not display:none on animated
   elements: hiding them that way would restart their animations. */
@container (max-width:300px) {
 .proposal-5 .kubo-film .kubo-film-nav span:not(.kubo-film-menu),.proposal-5 .kubo-film .kubo-film-dots { position:absolute;visibility:hidden; }
 .proposal-5 .kubo-film .kubo-film-menu { display:inline; }
 .proposal-5 .kubo-film .kubo-film-hero { grid-template-columns:1fr; }
 .proposal-5 .kubo-film .kubo-film-hero-art { position:absolute;visibility:hidden; }
 .proposal-5 .kubo-film .kubo-film-title { font-size:2em; }
 .proposal-5 .kubo-film .kubo-film-cards { grid-template-columns:1fr;gap:.5em; }
}

/* 04 · Entrega: "Publicar" goes live and the client gets the site plus training to edit it. */
.proposal-5 .kubo-film .kubo-film-pointer { position:absolute;left:55%;top:55%;width:22px;height:22px;pointer-events:none;opacity:0;z-index:3; }
.proposal-5 .kubo-film .kubo-film-pointer svg { display:block;width:100%;height:100%;filter:drop-shadow(2px 2px 0 #111); }
.proposal-5 .kubo-film .kubo-film-delivery { position:absolute;right:3%;top:16%;z-index:4;display:grid;gap:.6em;width:min(270px,62%);padding:14px 16px;background:#fff;color:#111;border:2px solid #111;box-shadow:5px 5px 0 var(--p-lime);font-size:clamp(10px,2.3cqw,13px); }
.proposal-5 .kubo-film .kubo-film-delivery-head { display:flex;align-items:center;gap:10px;padding-bottom:.5em;border-bottom:2px solid #111; }
.proposal-5 .kubo-film .kubo-film-delivery-head .kubo-film-logo { width:2.6em;height:2.6em; }
.proposal-5 .kubo-film .kubo-film-delivery-head strong { font-family:'Anton',sans-serif;font-weight:400;font-size:1.7em;line-height:1;text-transform:uppercase; }
.proposal-5 .kubo-film .kubo-film-delivery ul { display:grid;gap:.5em;margin:0;padding:0;list-style:none; }

/* Timeline (% of 36 s): 0–24 chat · 25–48 proposal · 49–74 design · 75–100 delivery. */
.proposal-5 .kubo-film * { animation-duration:var(--kd);animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.8,.2,1); }
.proposal-5 .kubo-film .kubo-film-steps :is(li,b) { animation-timing-function:steps(1,end); }
.proposal-5 .kubo-film .kubo-film-steps li:nth-child(1)::before,.proposal-5 .kubo-film .kubo-film-steps li:nth-child(1) b::after,.proposal-5 .kubo-film .kubo-film-steps li:nth-child(1) span::after { animation:kubo-film-step1-on var(--kd) infinite both steps(1,end); }
.proposal-5 .kubo-film .kubo-film-steps li:nth-child(2)::before,.proposal-5 .kubo-film .kubo-film-steps li:nth-child(2) b::after,.proposal-5 .kubo-film .kubo-film-steps li:nth-child(2) span::after { animation:kubo-film-step2-on var(--kd) infinite both steps(1,end); }
.proposal-5 .kubo-film .kubo-film-steps li:nth-child(3)::before,.proposal-5 .kubo-film .kubo-film-steps li:nth-child(3) b::after,.proposal-5 .kubo-film .kubo-film-steps li:nth-child(3) span::after { animation:kubo-film-step3-on var(--kd) infinite both steps(1,end); }
.proposal-5 .kubo-film .kubo-film-steps li:nth-child(4)::before,.proposal-5 .kubo-film .kubo-film-steps li:nth-child(4) b::after,.proposal-5 .kubo-film .kubo-film-steps li:nth-child(4) span::after { animation:kubo-film-step4-on var(--kd) infinite both steps(1,end); }
.proposal-5 .kubo-film .kubo-film-chat { animation-name:kubo-film-chat; }
.proposal-5 .kubo-film .kubo-film-msg:nth-child(1) { animation-name:kubo-film-msg1; }
.proposal-5 .kubo-film .kubo-film-msg:nth-child(2) { animation-name:kubo-film-msg2; }
.proposal-5 .kubo-film .kubo-film-msg:nth-child(3) { animation-name:kubo-film-msg3; }
.proposal-5 .kubo-film .kubo-film-msg:nth-child(4) { animation-name:kubo-film-msg4; }
.proposal-5 .kubo-film .kubo-film-proposal { animation-name:kubo-film-proposal; }
.proposal-5 .kubo-film .kubo-film-proposal li:nth-child(1) { animation-name:kubo-film-item1; }
.proposal-5 .kubo-film .kubo-film-proposal li:nth-child(2) { animation-name:kubo-film-item2; }
.proposal-5 .kubo-film .kubo-film-proposal li:nth-child(3) { animation-name:kubo-film-item3; }
.proposal-5 .kubo-film .kubo-film-proposal li:nth-child(4) { animation-name:kubo-film-item4; }
.proposal-5 .kubo-film .kubo-film-stamp { animation-name:kubo-film-stamp; }
.proposal-5 .kubo-film .kubo-film-work { animation-name:kubo-film-work; }
.proposal-5 .kubo-film .kubo-film-browser { animation-name:kubo-film-browser;animation-timing-function:cubic-bezier(.65,0,.35,1); }
.proposal-5 .kubo-film .kubo-film-guide { animation-name:kubo-film-guide; }
.proposal-5 .kubo-film .kubo-film-draft { animation-name:kubo-film-draft;animation-timing-function:steps(1,end); }
.proposal-5 .kubo-film .kubo-film-live { animation-name:kubo-film-live;animation-timing-function:steps(1,end); }
.proposal-5 .kubo-film .kubo-film-publish { animation-name:kubo-film-publish; }
.proposal-5 .kubo-film .kubo-film-pointer { animation-name:kubo-film-pointer;animation-timing-function:cubic-bezier(.45,0,.2,1); }
.proposal-5 .kubo-film .kubo-film-delivery { animation-name:kubo-film-delivery; }
.proposal-5 .kubo-film .kubo-film-delivery li:nth-child(1) { animation-name:kubo-film-done1; }
.proposal-5 .kubo-film .kubo-film-delivery li:nth-child(2) { animation-name:kubo-film-done2; }
.proposal-5 .kubo-film .kubo-film-delivery li:nth-child(3) { animation-name:kubo-film-done3; }
.proposal-5 .kubo-film:is(.is-paused,.is-offscreen) :is(*,*::before,*::after) { animation-play-state:paused!important; }

@keyframes kubo-film-step1-on { 0%,24.9% { opacity:1; } 25%,100% { opacity:0; } }
@keyframes kubo-film-step2-on { 0%,24.9% { opacity:0; } 25%,48.9% { opacity:1; } 49%,100% { opacity:0; } }
@keyframes kubo-film-step3-on { 0%,48.9% { opacity:0; } 49%,74.9% { opacity:1; } 75%,100% { opacity:0; } }
@keyframes kubo-film-step4-on { 0%,74.9% { opacity:0; } 75%,100% { opacity:1; } }
@keyframes kubo-film-chat { 0% { opacity:0; } 1%,22% { opacity:1;transform:none; } 24.5%,100% { opacity:0;transform:scale(.96); } }
@keyframes kubo-film-msg1 { 0%,1.5% { opacity:0;transform:translateY(12px); } 3.5%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-msg2 { 0%,7% { opacity:0;transform:translateY(12px); } 9%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-msg3 { 0%,12.5% { opacity:0;transform:translateY(12px); } 14.5%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-msg4 { 0%,17.5% { opacity:0;transform:translateY(12px); } 19.5%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-proposal { 0%,24.5% { opacity:0;transform:translateY(16px); } 26.5%,46.5% { opacity:1;transform:none; } 48.5%,100% { opacity:0;transform:scale(.96); } }
@keyframes kubo-film-item1 { 0%,28% { opacity:0;transform:translateX(-10px); } 30%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-item2 { 0%,31% { opacity:0;transform:translateX(-10px); } 33%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-item3 { 0%,34% { opacity:0;transform:translateX(-10px); } 36%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-item4 { 0%,37% { opacity:0;transform:translateX(-10px); } 39%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-stamp { 0%,40% { opacity:0;transform:rotate(-8deg) scale(1.8); } 41.5% { opacity:1;transform:rotate(-8deg) scale(.95); } 42.5%,100% { opacity:1;transform:rotate(-8deg) scale(1); } }
@keyframes kubo-film-work { 0%,48.5% { opacity:0;transform:translateY(16px); } 51%,97% { opacity:1;transform:none; } 100% { opacity:0;transform:none; } }
@keyframes kubo-film-browser {
 0%,63% { clip-path:inset(0 0 0 0 round 10px); }
 67%,71% { clip-path:inset(0 calc(50% - min(21%,115px)) round 22px); }
 74.5%,100% { clip-path:inset(0 0 0 0 round 10px); }
}
@keyframes kubo-film-guide { 0%,52% { opacity:0;transform:translateY(-8px); } 53.5%,61% { opacity:1;transform:none; } 63%,100% { opacity:0;transform:none; } }
@keyframes kubo-film-wf1 { 0%,52% { opacity:1; } 55%,100% { opacity:0; } }
@keyframes kubo-film-wf2 { 0%,55% { opacity:1; } 58%,100% { opacity:0; } }
@keyframes kubo-film-wf3 { 0%,58% { opacity:1; } 61%,100% { opacity:0; } }
@keyframes kubo-film-draft { 0%,81.9% { opacity:1; } 82%,100% { opacity:0; } }
@keyframes kubo-film-live { 0%,81.9% { opacity:0; } 82%,100% { opacity:1; } }
@keyframes kubo-film-publish { 0%,80.5% { transform:none; } 81.5% { transform:translate(1px,1px) scale(.94); } 82.5%,100% { transform:none; } }
@keyframes kubo-film-publish-on { 0%,80.5% { opacity:1; } 82.5%,100% { opacity:0; } }
@keyframes kubo-film-pointer {
 0%,75.5% { opacity:0;transform:translate(-190px,-130px); }
 77% { opacity:1;transform:translate(-190px,-130px); }
 80.5% { opacity:1;transform:none; }
 81.5% { transform:scale(.8); }
 82.5% { transform:none; }
 86% { opacity:1;transform:translate(-60px,-40px); }
 88%,100% { opacity:0;transform:translate(-60px,-40px); }
}
@keyframes kubo-film-delivery { 0%,83.5% { opacity:0;transform:translateY(18px); } 85.5%,97% { opacity:1;transform:none; } 100% { opacity:0;transform:none; } }
@keyframes kubo-film-done1 { 0%,86.5% { opacity:0;transform:translateX(-10px); } 88%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-done2 { 0%,89% { opacity:0;transform:translateX(-10px); } 90.5%,100% { opacity:1;transform:none; } }
@keyframes kubo-film-done3 { 0%,91.5% { opacity:0;transform:translateX(-10px); } 93%,100% { opacity:1;transform:none; } }

/* Static frame for reduced motion: the delivered, published site. */
@media (prefers-reduced-motion:reduce) {
 .proposal-5 .kubo-film *,.proposal-5 .kubo-film *::before,.proposal-5 .kubo-film *::after { animation:none!important; }
 .proposal-5 .kubo-film :is(.kubo-film-pointer,.kubo-film-chat,.kubo-film-proposal,.kubo-film-guide) { display:none; }
 .proposal-5 .kubo-film .kubo-film-work { opacity:1; }
}
@media (max-width:639px) {
 .proposal-5 .kubo-film { min-height:320px;padding:14px;gap:12px; }
 .proposal-5 .kubo-film .kubo-film-steps { gap:5px;font-size:11px; }
 .proposal-5 .kubo-film .kubo-film-steps b { display:none; }
 .proposal-5 .kubo-film .kubo-film-steps li { justify-content:center;padding:6px 3px; }
 .proposal-5 .kubo-film .kubo-film-stage { height:330px; }
 .proposal-5 .kubo-film .kubo-film-proposal { inset:2% 3%; }
 .proposal-5 .kubo-film .kubo-film-chat { inset:0 1%; }
 .proposal-5 .kubo-film .kubo-film-msg { max-width:92%; }
 .proposal-5 .kubo-film .kubo-film-today { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .proposal-5 .kubo-film .kubo-film-today :is(.kubo-film-today-label,.kubo-film-item:nth-child(4)) { position:absolute;visibility:hidden; }
 .proposal-5 .kubo-film .kubo-film-delivery { top:auto;right:-4px;bottom:46px;width:min(250px,80%);padding:10px 12px; }
}
@media (min-width:1600px) { .proposal-5 .kubo-film { aspect-ratio:3 / 2;min-height:0; }.proposal-5 .kubo-film .kubo-film-stage { height:auto;flex:1; } }
.proposal-5 .proposal-preview-toggle { margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:28px;padding:2px 8px;border:2px solid #111;border-radius:0;background:#fff;color:#111;font:inherit;font-size:10px;line-height:1;cursor:pointer;box-shadow:2px 2px 0 #111;transition:transform 120ms ease-out,box-shadow 120ms ease-out; }
.proposal-5 .proposal-preview-toggle:hover { transform:translate(1px,1px);box-shadow:1px 1px 0 #111; }
.proposal-5 .proposal-preview-toggle[aria-pressed=true] { background:#d8ff00; }
.proposal-5 .proposal-preview-toggle[hidden] { display:none; }