/* Canvas UI from the supplied layout gallery. Marketing styles stay outside this scope. */
.paka-canvas{--pc-bg:#f9f9f9;--pc-ink:#1a1a1a;--pc-soft:#6e655c;--pc-line:#e3e3e3;--pc-accent:#9c5535;--pc-tint:#e9e9e9;--pc-display:'Inter Tight','Heebo',Arial,sans-serif;--pc-ui:'Inter Tight','Heebo',Arial,sans-serif;--font:var(--pc-ui);position:relative;isolation:isolate;width:100%;max-width:1080px;margin-inline:auto;border:1px solid var(--pc-line);border-radius:26px;overflow:hidden;background:var(--pc-bg);color:var(--pc-ink);box-shadow:0 34px 90px #2e241c29;font-family:var(--pc-ui);text-align:start;letter-spacing:normal;line-height:1.5;container-type:inline-size}
.paka-canvas *{box-sizing:border-box}.paka-canvas button,.paka-canvas input{font-family:inherit}.paka-canvas button{cursor:pointer}.paka-canvas button:disabled{cursor:not-allowed;opacity:.5}.paka-canvas :focus-visible{outline:2px solid var(--pc-accent);outline-offset:4px}.paka-canvas svg{width:18px;height:18px;flex-shrink:0}.paka-canvas img{object-fit:cover}
.pc-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 26px;border-bottom:1px solid var(--pc-line);background:var(--pc-bg)}.pc-identity{display:flex;align-items:center;gap:12px;min-width:0}.pc-identity>img{width:42px;height:42px;border-radius:50%;flex-shrink:0}.pc-identity>div{min-width:0}.pc-identity b{display:block;font-family:var(--pc-display);font-size:17px;font-weight:600;line-height:1.3}.pc-identity small{display:block;margin-top:3px;color:var(--pc-soft);font-size:13px;line-height:1.4}.pc-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}.pc-example{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--pc-soft);margin-inline-end:3px}.pc-example:before{content:'';width:5px;height:5px;background:var(--pc-accent);border-radius:50%}.pc-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;flex-shrink:0;border-radius:50%;background:white;color:var(--pc-ink);border:1px solid var(--pc-line)}.pc-icon svg{width:15px;height:15px}.pc-icon:hover,.pc-menu:hover{background:var(--pc-tint)}
.pc-nav{display:flex;align-items:center;justify-content:center;gap:30px;min-height:46px;padding:0 18px;border-bottom:1px solid var(--pc-line);background:var(--pc-bg);overflow-x:auto;scrollbar-width:thin}.pc-nav button{position:relative;padding:14px 0 15px;background:none;color:var(--pc-soft);white-space:nowrap;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;border:0}.pc-nav button.active,.pc-nav button:hover{color:var(--pc-ink)}.pc-nav button.active:after{content:'';position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--pc-accent)}
.pc-body{position:relative;height:620px;padding:44px 48px 140px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#cccccc transparent}.pc-body>div{animation:pc-content-in .35s ease-out}.pc-body h2,.pc-body h3,.pc-body h4{font-family:var(--pc-display);font-weight:500;letter-spacing:-.025em;color:var(--pc-ink)}.pc-body p{color:var(--pc-soft)}.pc-body .cv-btn{background:var(--pc-accent);color:white;border:1px solid var(--pc-accent);border-radius:999px;font-size:13px;font-weight:600;min-height:42px;padding:11px 20px;line-height:1.5}.pc-body .cv-btn.secondary{background:transparent;color:var(--pc-ink);border-color:var(--pc-line)}.pc-body .cv-btn:not(:disabled):hover{filter:brightness(.94)}
.pc-foot{position:absolute;bottom:0;inset-inline:0;padding:30px 26px 15px;background:linear-gradient(transparent,var(--pc-bg) 32%);z-index:6;pointer-events:none}.pc-foot>*{pointer-events:auto}.pc-dock{display:flex;align-items:center;gap:10px;width:100%;max-width:680px;margin:auto}.pc-menu{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:white;color:var(--pc-ink);border:1px solid var(--pc-line);flex-shrink:0}.pc-menu svg{width:15px;height:15px}.pc-pill{display:flex;align-items:center;flex:1;gap:5px;padding:7px 7px 7px 19px;min-width:0;border:1px solid var(--pc-line);border-radius:999px;background:white;color:var(--pc-ink);box-shadow:0 12px 34px #2e241c17}.pc-pill input{display:block;flex:1;min-width:0;width:100%;background:none;border:0;padding:0 5px;font-size:13.5px;line-height:24px;color:var(--pc-ink);border-radius:5px}.pc-pill input::placeholder{color:#7a6f63;opacity:1}.pc-mic,.pc-send{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border-radius:50%;border:0}.pc-mic{background:transparent;color:var(--pc-soft)}.pc-mic svg{width:17px;height:17px}.pc-send{background:var(--pc-accent);color:white}.pc-send svg{width:15px;height:15px}.pc-status{font-size:13px;line-height:1.55;color:var(--pc-soft);text-align:center;max-width:650px;max-height:70px;overflow:auto;margin:0 auto 10px;padding:0 12px}.pc-status:empty{display:none}.pc-powered{display:flex;align-items:center;justify-content:center;gap:9px;color:#7a6f63;font-size:13px;margin-top:12px;line-height:16px}.pc-powered>b{display:flex;align-items:baseline;font-family:var(--pc-ui);font-size:17px;letter-spacing:-1px;font-weight:600;color:var(--pc-ink)}.pc-powered b i{width:3px;height:3px;border-radius:50%;background:#fe4d00;margin-left:1px}.pc-powered button{padding:0;border:0;background:none;font-size:13px;color:#7a6f63;text-decoration:underline;text-underline-offset:2px}.pc-separator{color:#b3a599}
.pc-welcome{display:grid;grid-template-columns:1.03fr 1fr;gap:38px;align-items:center;min-height:425px}.pc-welcome-copy{padding-block:12px}.pc-eyebrow{display:block;font-size:13px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;color:var(--pc-accent);font-weight:500}.pc-welcome h3{font-size:46px;line-height:1.12;margin:17px 0}.pc-welcome p{font-size:15px;line-height:1.7;max-width:395px;margin:0 0 25px}.pc-portrait{position:relative;height:430px;min-width:0;border-radius:14px;overflow:hidden}.pc-portrait>img{width:100%;height:100%}.pc-portrait>span{position:absolute;inset:auto 14px 14px;width:fit-content;background:#f9f9f9eb;border:1px solid #ffffff70;border-radius:8px;padding:8px 12px;font-size:13px;color:var(--pc-ink)}.pc-intents{display:flex;gap:8px;flex-wrap:wrap}.pc-intents button{display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border:1px solid var(--pc-line);border-radius:999px;color:var(--pc-ink);font-size:13px;line-height:1.5;padding:11px 15px;text-align:start}.pc-intents button:first-child{border-color:#c4a48d;background:var(--pc-tint);color:#7e4023}.pc-intents button:hover{background:var(--pc-tint)}.pc-intents svg{width:14px;height:14px}
.pc-offering-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.pc-offering-media{position:relative;height:415px;overflow:hidden;border-radius:14px}.pc-offering-media>img{width:100%;height:100%}.pc-media-caption{position:absolute;inset:auto 16px 16px;padding:13px 16px;border-radius:8px;background:#f9f9f9ed;display:flex;flex-direction:column;gap:4px;color:var(--pc-ink)}.pc-media-caption span{font-size:13px;text-transform:uppercase;letter-spacing:.1em}.pc-media-caption b{font-family:var(--pc-display);font-size:19px;font-weight:500}.paka-canvas .offer-preview{padding:0;min-width:0}.pc-body .offer-preview h4{font-family:var(--pc-display);font-size:35px;line-height:1.12;font-weight:500;margin:15px 0 20px}.pc-body .offer-ui-kicker{color:var(--pc-soft);font-size:13px}.pc-body .offer-options button{border-color:var(--pc-line);color:var(--pc-ink);font-size:13px}.pc-body .offer-options button.selected{background:var(--pc-tint);border-color:#c4a48d;color:#7e4023}.pc-body .offer-ui-total{border-color:var(--pc-line)}.pc-body .offer-ui-total strong{font-family:var(--pc-display);font-size:30px}.pc-body .offer-selection{background:white;border:1px solid var(--pc-line);border-radius:8px}.pc-body .tutor-note{background:var(--pc-tint);color:var(--pc-ink);border-radius:8px}.pc-body .tutor-note p{color:var(--pc-soft)}
.pc-body .case-surface-offer{padding:0;gap:38px;min-height:425px;background:none;align-items:center}.pc-body .case-offer-photo{height:400px;border-radius:14px}.pc-body .case-surface-offer h3{font-family:var(--pc-display);font-size:39px;line-height:1.12;color:var(--pc-ink)}.pc-body .case-surface-offer p,.pc-body .case-offer-details{color:var(--pc-soft);font-size:14px;line-height:1.7}.pc-body .case-surface-offer small{color:var(--pc-accent)}.pc-body .case-price{font-family:var(--pc-display);font-size:31px;color:var(--pc-ink);margin-block:20px}.pc-body .flow-action{padding:0;gap:38px;min-height:420px;background:none}.pc-body .flow-action-intro>img{border-radius:14px;height:200px}.pc-body .flow-action-intro h3{font-family:var(--pc-display);color:var(--pc-ink)}.pc-body .flow-action-intro p,.pc-body .flow-fine{color:var(--pc-soft)}.pc-body .flow-fine{font-size:13px}.pc-body .action-label{font-size:13px;color:var(--pc-soft);letter-spacing:.1em}.pc-body .flow-action-controls button.active{background:var(--pc-tint);border-color:#c4a48d;color:#7e4023}.pc-body .flow-total{border-color:var(--pc-line);color:var(--pc-ink)}.pc-body .case-finished{min-height:420px;padding:30px 0;color:var(--pc-ink)}.pc-body .case-finished h3{font-family:var(--pc-display);color:var(--pc-ink)}.pc-body .case-finished>p,.pc-body .case-finished>small{color:var(--pc-soft)}.pc-body .finish-summary{background:var(--pc-tint);color:#7e4023}.pc-body .canvas-content{padding:0;min-height:0;background:none}.pc-body .cv-title{font-size:38px;color:var(--pc-ink)}.pc-body .cv-eyebrow,.pc-body .cv-fine{color:var(--pc-soft)}.pc-body .cv-description{color:var(--pc-soft)}.pc-body .cv-price{font-family:var(--pc-display);color:var(--pc-ink)}.pc-body .cv-list{color:var(--pc-soft)}.pc-body .cv-split{gap:35px}.pc-body .cv-split>img{height:400px;border-radius:14px}.pc-body .compare-option{border:1px solid var(--pc-line);border-radius:14px;background:white}.pc-body .compare-option.recommended{background:var(--pc-tint);border-color:#c4a48d}.pc-body .compare-option h4{font-family:var(--pc-display);color:var(--pc-ink)}.pc-body .day-tabs button.active,.pc-body .slot-grid button.active{background:var(--pc-accent);color:white}.pc-body .checkout-summary{background:var(--pc-tint)}
.pc-panel{position:absolute;z-index:20;inset-inline-end:20px;top:70px;width:330px;max-width:calc(100% - 40px);max-height:calc(100% - 190px);overflow-y:auto;background:#fdfdfd;border:1px solid var(--pc-line);border-radius:14px;padding:20px;box-shadow:0 22px 60px #2e241c33;animation:pc-content-in .2s ease-out}.pc-panel[hidden]{display:none}.pc-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.pc-panel-heading>b{font-family:var(--pc-display);font-size:21px;font-weight:500}.pc-panel p{font-size:13px;color:var(--pc-soft);line-height:1.65;margin:12px 0;overflow-wrap:anywhere}.pc-panel .cv-btn{background:var(--pc-accent);color:white;border-radius:999px;font-size:13px;padding:10px 16px;margin-top:10px}.pc-panel .pc-history-question{padding:12px;background:var(--pc-tint);border-radius:8px;color:var(--pc-ink)}.pc-shortcuts{display:grid;gap:7px}.pc-shortcuts button{font-size:14px;text-align:start;border:1px solid var(--pc-line);border-radius:8px;background:white;color:var(--pc-ink);padding:12px}
.new-hero.revealed{background:#171613;padding-bottom:30px;min-height:100svh}.pc-hero-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:1080px;margin:36px auto 28px;width:100%}.pc-hero-heading h1{font-size:clamp(34px,4vw,59px);line-height:1.08;letter-spacing:-.04em;font-weight:500;margin:0}.pc-hero-heading h1 span{color:#a89e93}.pc-hero-heading p{max-width:335px;color:#c3b9ae;font-size:15px;line-height:1.7}.pc-hero-frame{width:100%;max-width:1080px;margin:auto}.pc-cinematic .pc-body{padding:0;height:475px}.pc-cinema{position:relative;height:100%;min-height:475px;isolation:isolate;padding:45px 48px 132px;display:flex;align-items:center}.pc-cinema>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.pc-cinema:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#15120de6,#15120d55 75%)}.pc-cinema>div{max-width:500px}.pc-cinema h2{font-family:var(--pc-display);font-size:45px;font-weight:500;letter-spacing:-.035em;line-height:1.1;color:white;margin:15px 0}.pc-cinema p{color:#ffffffe0;font-size:15px;line-height:1.7;max-width:410px}.pc-cinema .pc-eyebrow{color:#e5e5e5}.pc-cinema-action{display:flex;align-items:center;gap:25px;margin-top:22px}.pc-cinema-action>b{font-size:25px;color:white;font-weight:500}.pc-cinema .cv-btn{background:#f9f9f9;border-color:#f9f9f9;color:#1a1a1a}.pc-cinematic .pc-foot{background:linear-gradient(transparent,#16130ee8 50%)}.pc-cinematic .pc-powered,.pc-cinematic .pc-powered>b,.pc-cinematic .pc-powered button,.pc-cinematic .pc-status{color:#e7e7e7}.pc-hero-switches{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px auto 0}.pc-hero-switches button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:transparent;border:1px solid #ffffff30;color:#dedede;font-size:13px}.pc-hero-switches button[aria-pressed=true]{background:#e5e5e5;color:#312619;border-color:#e5e5e5}.pc-hero-switches svg{width:15px;height:15px}
html[dir=rtl] .paka-canvas{--pc-display:'Heebo','Inter Tight',Arial,sans-serif;--pc-ui:'Heebo','Inter Tight',Arial,sans-serif}html[dir=rtl] .pc-nav button{letter-spacing:0;font-size:13px}html[dir=rtl] .pc-pill{padding:7px 19px 7px 7px}html[dir=rtl] .pc-body h3,html[dir=rtl] .pc-body h4{font-family:var(--pc-display);letter-spacing:-.025em}html[dir=rtl] .pc-cinema:after{background:linear-gradient(270deg,#15120de6,#15120d55 75%)}
@container(max-width:750px){.pc-top{padding:14px 18px}.pc-tools{gap:6px}.pc-example{display:none}.pc-body{padding:30px 28px 140px;height:650px}.pc-welcome,.pc-offering-layout{gap:25px}.pc-welcome h3{font-size:36px}.pc-portrait{height:390px}.pc-body .case-surface-offer h3{font-size:32px}.pc-body .cv-title{font-size:32px}.pc-offering-media{height:365px}.pc-body .offer-preview h4{font-size:30px}.pc-cinematic .pc-body{padding:0;height:470px}}
@container(max-width:540px){.pc-top{padding:13px 14px;gap:8px}.pc-identity{gap:9px}.pc-identity>img{width:36px;height:36px}.pc-identity b{font-size:15px}.pc-identity small{font-size:13px;max-width:145px}.pc-tools{gap:4px}.pc-icon{width:32px;height:32px}.pc-nav{gap:18px;padding-inline:12px;min-height:43px}.pc-nav button{font-size:13px;letter-spacing:.09em}.pc-body{padding:26px 22px 150px;height:655px}.pc-welcome{grid-template-columns:1fr;gap:24px}.pc-welcome-copy{padding:0}.pc-welcome h3{font-size:37px;line-height:1.13;margin:14px 0}.pc-welcome p{font-size:14px;margin-bottom:18px}.pc-portrait{height:260px}.pc-foot{padding:30px 12px 13px}.pc-dock{gap:7px}.pc-menu{width:36px;height:36px}.pc-pill{padding:6px 6px 6px 9px;gap:0}.pc-pill input{font-size:16px;line-height:24px}.pc-pill input::placeholder{font-size:13px}.pc-mic{width:30px}.pc-send{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;aspect-ratio:1;padding:0;border-radius:50%}.pc-powered{gap:6px;font-size:13px;margin-top:9px}.pc-powered button{font-size:13px}.pc-offering-layout{grid-template-columns:1fr;gap:24px}.pc-offering-media{height:190px}.pc-media-caption{inset:auto 12px 12px;padding:8px 12px}.pc-media-caption b{font-size:17px}.pc-body .offer-preview h4{font-size:33px}.pc-body .case-surface-offer{grid-template-columns:1fr;gap:23px;padding:0}.pc-body .case-offer-photo{height:210px}.pc-body .case-surface-offer h3{font-size:34px}.pc-body .flow-action{grid-template-columns:1fr;gap:25px}.pc-body .flow-action-intro>img{height:170px}.pc-body .case-surface-offer h3{font-size:34px}.pc-body .cv-split{grid-template-columns:1fr;gap:25px}.pc-body .cv-split>img{height:220px}.pc-body .case-finished{padding:18px 0}.pc-body .cv-title{font-size:33px}.pc-status{font-size:13px;padding:0 3px;max-height:86px}.pc-panel{inset-inline-end:12px;max-width:calc(100% - 24px);top:68px}.pc-cinematic .pc-body{height:500px}.pc-cinema{min-height:500px;padding:30px 24px 142px}.pc-cinema h2{font-size:37px}.pc-cinema p{font-size:14px}.pc-cinema-action{gap:18px;flex-wrap:wrap}.pc-cinema-action>b{font-size:23px}}
@media(max-width:650px){.paka-canvas{border-radius:20px}.pc-hero-heading{display:block;margin:30px auto 24px}.pc-hero-heading h1{font-size:39px}.pc-hero-heading p{margin-top:20px;font-size:14px}.new-hero.revealed{padding-inline:18px}.revealed .nh-topline>span{font-size:13px;max-width:140px;text-align:end}.pc-hero-switches{gap:7px}.pc-hero-switches button{padding:9px 12px;font-size:13px}}

/* The example canvas composer floats above the current page, like the live canvas. */
.paka-canvas .pc-foot{z-index:30;padding:28px 20px 12px;background:linear-gradient(transparent,var(--pc-bg) 38%);border:0}
.paka-canvas .pc-dock{max-width:none;gap:12px}
.paka-canvas .pc-menu{width:46px;height:46px;min-width:46px;border-radius:16px;box-shadow:0 4px 14px #26343c17}
.paka-canvas .pc-pill{min-height:52px;padding:5px 9px 5px 17px;gap:8px;box-shadow:0 7px 22px #26343c26}
.paka-canvas .pc-pill input{font-size:15px}
.paka-canvas .pc-mic{width:36px;height:36px;border:1px solid var(--pc-line);background:#fff}
.paka-canvas .pc-send{width:34px;height:34px;background:transparent;color:var(--pc-soft)}
.paka-canvas .pc-send:hover{background:var(--pc-tint);color:var(--pc-ink)}
.paka-canvas .pc-powered{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 12px;margin-top:11px;color:var(--pc-soft)}
.paka-canvas .pc-powered-chip,.paka-canvas .pc-legal-chip{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:27px;max-width:100%;padding:5px 12px;border:1px solid var(--pc-line);border-radius:999px;background:#fffc;box-shadow:0 4px 12px #26343c14;white-space:nowrap}
.paka-canvas .pc-legal-chip{flex-wrap:wrap;white-space:normal;text-align:center}
.paka-canvas .pc-powered-chip small,.paka-canvas .pc-legal-chip{font-size:10px;font-weight:650;letter-spacing:.08em;line-height:1.2}
.paka-canvas .pc-powered-chip b{display:inline-flex;align-items:baseline;font-size:14px;letter-spacing:-.03em;color:var(--pc-ink)}
.paka-canvas .pc-powered-chip b i{width:3px;height:3px;margin-left:1px;border-radius:50%;background:#fe4d00}
.paka-canvas .pc-legal-chip button{padding:0;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:underline;text-underline-offset:2px}
@container(max-width:540px){.paka-canvas .pc-foot{padding:22px 10px 9px}.paka-canvas .pc-dock{gap:7px}.paka-canvas .pc-menu{width:38px;height:38px;min-width:38px;border-radius:13px}.paka-canvas .pc-pill{min-height:44px;padding:3px 5px 3px 10px;gap:2px}.paka-canvas .pc-pill input{font-size:14px}.paka-canvas .pc-mic{width:31px;height:31px}.paka-canvas .pc-send{width:31px;height:31px;min-width:31px;min-height:31px;flex:0 0 31px}.paka-canvas .pc-powered{gap:5px;margin-top:7px}.paka-canvas .pc-powered-chip,.paka-canvas .pc-legal-chip{min-height:23px;padding:4px 8px}.paka-canvas .pc-powered-chip small,.paka-canvas .pc-legal-chip{font-size:8px;letter-spacing:.03em}}
@container(max-width:540px){.pc-identity>div{overflow:hidden}.pc-identity b,.pc-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@keyframes pc-content-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.pc-body>div,.pc-panel{animation:none}}
.pc-name-short{display:none}

/* Let use-case scrolling continue onto the page at either Canvas boundary. */
#case-live .pc-body{overscroll-behavior-y:auto}

/* Cockpit corner presets: rounded, soft and square. Shared by every use-case Canvas. */
.paka-canvas[data-canvas-ui][data-canvas-mode="case"]:not(.pc-cinematic){--pc-card-radius:20px;--pc-control-radius:20px}
.paka-canvas[data-canvas-ui][data-canvas-mode="case"]:not(.pc-cinematic)[data-canvas-corners="soft"]{--pc-card-radius:8px;--pc-control-radius:8px}
.paka-canvas[data-canvas-ui][data-canvas-mode="case"]:not(.pc-cinematic)[data-canvas-corners="square"]{--pc-card-radius:0px;--pc-control-radius:0px}
.paka-canvas[data-canvas-ui][data-canvas-mode="case"]:not(.pc-cinematic) :is(.pc-pill,.pc-menu,.pc-mic,.pc-send,.pc-icon,.cv-btn,.pc-intents button,.appointment-times button,.event-dates button,.product-finishes button,.inquiry-choices button,.quantity-row>div,.pc-shortcuts button){border-radius:var(--pc-control-radius)}
.paka-canvas[data-canvas-ui][data-canvas-mode="case"]:not(.pc-cinematic) :is(.pc-portrait,.case-offer-photo,.flow-action-intro>img,.compare-option,.digital-resource,.digital-resource-preview>div,.finish-access,.influencer-lesson,.pc-panel){border-radius:var(--pc-card-radius)}
.paka-canvas[data-canvas-ui][data-canvas-mode="case"]:not(.pc-cinematic) .pc-portrait img{border-radius:inherit}
.paka-canvas[data-canvas-ui][data-canvas-mode="case"]:not(.pc-cinematic) :is(.pc-mic,.pc-send){width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--pc-line);background:var(--pc-bg);color:var(--pc-soft)}
.paka-canvas[data-canvas-ui][data-canvas-mode="case"]:not(.pc-cinematic) .pc-send:hover{background:var(--pc-tint);color:var(--pc-ink)}
@container(max-width:540px){.paka-canvas[data-canvas-ui][data-canvas-mode="case"]:not(.pc-cinematic) :is(.pc-mic,.pc-send){width:31px;height:31px;min-width:31px;min-height:31px;flex-basis:31px}}

/* Keep the conversation-history utility still in example canvases. */
.paka-canvas [data-pc-panel="history"] svg,.paka-canvas [data-pc-panel="history"] svg *{animation:none!important;transition:none!important;transform:none!important}

.paka-canvas[data-canvas-ui] .pc-pill .pc-send{border:1px solid var(--pc-line,#dce1e4)!important;background:var(--pc-bg,#fff)!important;border-radius:var(--pc-control-radius,50%)!important;display:flex;align-items:center;justify-content:center}
/* Use-case catalogs and customer spaces follow the supplied Canvas layouts. */
.paka-canvas .case-catalog header{margin-bottom:24px}.paka-canvas .case-catalog h3,.paka-canvas .case-learning h3,.paka-canvas .case-delivery h3{font-family:var(--pc-display);font-size:34px;line-height:1.15;margin:10px 0 12px;color:var(--pc-ink)}.case-catalog header p,.case-delivery>p,.case-learning header p{color:var(--pc-soft);font-size:14px;line-height:1.6}.case-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-catalog-grid:has(>article:only-child){grid-template-columns:minmax(0,620px)}.case-catalog-grid:has(>article:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.case-catalog-card{border:1px solid var(--pc-line);border-radius:var(--pc-card-radius,14px);background:var(--pc-bg,#fff);overflow:hidden;min-width:0}.case-catalog-image{display:block;width:100%;height:170px;padding:0;border:0;overflow:hidden}.case-catalog-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.case-catalog-image:hover img{transform:scale(1.035)}.case-catalog-card>div{padding:18px}.case-catalog-card small{font-size:11px;letter-spacing:.06em;color:var(--pc-accent);text-transform:uppercase}.paka-canvas .case-catalog-card h4{font-family:var(--pc-display);font-size:24px;line-height:1.18;margin:10px 0;color:var(--pc-ink)}.case-catalog-card p{font-size:13px;line-height:1.55;color:var(--pc-soft);min-height:42px}.case-catalog-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.case-catalog-card footer strong{font-size:18px;white-space:nowrap}.case-catalog-card footer strong small{text-transform:none;letter-spacing:0;color:var(--pc-soft)}.case-catalog-card footer button{display:flex;align-items:center;gap:8px;padding:9px 0;color:var(--pc-accent);font-size:13px;border:0;background:none}.case-catalog-card footer svg,.case-detail-back svg,.case-return-offers svg{width:16px;height:16px}.case-detail-back{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;color:var(--pc-soft);font-size:12px}.case-detail-back button,.case-return-offers{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--pc-accent);padding:8px 0;font-size:13px}.case-detail-back button svg{transform:rotate(180deg)}.case-return-offers{margin-top:24px}.case-learning progress{display:block;width:100%;height:6px;margin:18px 0 26px;accent-color:var(--pc-accent)}.case-learning-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.case-learning-layout nav{display:flex;flex-direction:column;gap:8px}.case-learning-layout nav button{display:flex;text-align:start;align-items:center;gap:14px;background:transparent;color:var(--pc-ink);border:1px solid var(--pc-line);padding:16px;border-radius:var(--pc-card-radius,12px)}.case-learning-layout nav button.active{background:var(--pc-tint);border-color:var(--pc-accent)}.case-learning-layout nav button>span{font-size:14px;color:var(--pc-accent)}.case-learning-layout nav svg{width:18px;height:18px}.case-learning-layout b{display:block;font-size:14px}.case-learning-layout small{display:block;font-size:12px;line-height:1.45;margin-top:5px;color:var(--pc-soft)}.case-learning-layout article,.case-member-grid article{border:1px solid var(--pc-line);border-radius:var(--pc-card-radius,14px);padding:24px;background:var(--pc-tint)}.paka-canvas .case-learning-layout h4,.paka-canvas .case-member-grid h4{font-family:var(--pc-display);font-size:26px;line-height:1.2;margin:12px 0}.case-learning-layout article p,.case-member-grid p{font-size:14px;line-height:1.7;color:var(--pc-soft)}.case-learning-layout article>a{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pc-accent);margin:20px 0}.case-learning-layout article>a svg{width:16px}.case-learning-layout .cv-btn{margin-top:20px}.case-resource-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.case-resource-list article{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--pc-line);border-radius:var(--pc-card-radius,12px)}.case-resource-list article>svg{width:22px;height:22px;color:var(--pc-accent);flex-shrink:0}.case-resource-list article>div{flex:1;min-width:0}.case-resource-list b,.case-resource-list small{display:block;font-size:14px}.case-resource-list small{color:var(--pc-soft);font-size:12px;margin-top:5px}.case-resource-list audio{display:block;width:100%;max-width:300px;height:32px;margin-top:12px}.case-resource-list .cv-btn{font-size:12px;padding:10px 14px}.case-member-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.case-member-grid small,.case-confirmation-details small{font-size:11px;letter-spacing:.08em;color:var(--pc-soft)}.case-member-grid summary{cursor:pointer;font-size:13px;color:var(--pc-accent)}.case-confirmation-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.case-confirmation-details b,.case-confirmation-details p{display:block;font-size:14px;line-height:1.7;margin:10px 0;color:var(--pc-ink)}.case-context-label{display:block;font-size:13px;color:var(--pc-soft);margin-bottom:22px}.case-context-label textarea{display:block;width:100%;min-height:90px;padding:12px;border:1px solid var(--pc-line);border-radius:10px;margin-top:10px;resize:vertical;font:inherit;color:var(--pc-ink);background:#fff}.case-delivery>.pc-eyebrow{display:flex;align-items:center;gap:8px}.case-delivery>.pc-eyebrow svg{width:18px;height:18px}.case-learning .cv-btn:disabled{opacity:.55;cursor:default}
@container(max-width:750px){.case-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-learning-layout{gap:16px}.case-learning-layout article{padding:18px}}
@container(max-width:540px){.case-catalog-grid,.case-catalog-grid:has(>article:nth-child(2):last-child),.case-learning-layout,.case-member-grid,.case-confirmation-details{grid-template-columns:1fr}.paka-canvas .case-catalog h3,.paka-canvas .case-learning h3,.paka-canvas .case-delivery h3{font-size:27px}.case-catalog-image{height:170px}.case-catalog-card p{min-height:0}.case-resource-list article{flex-wrap:wrap;padding:14px;gap:12px}.case-resource-list article>div{flex-basis:calc(100% - 40px)}.case-resource-list .cv-btn{margin-inline-start:34px}.case-learning-layout nav button{padding:13px}.case-context-label textarea{font-size:16px}.case-catalog header{margin-bottom:18px}}
.case-learning-layout nav{max-height:350px;overflow:auto;overscroll-behavior:contain;padding:3px}.case-learning-layout nav button{flex-shrink:0}.paka-canvas .flow-action-intro .action-label{display:block;margin-top:16px}@container(max-width:540px){.case-learning-layout nav{max-height:220px}.case-learning-layout article{padding:18px}}
.case-context-label>input{display:block;width:100%;padding:12px;border:1px solid var(--pc-line);border-radius:10px;margin-top:10px;font:inherit;color:var(--pc-ink);background:white}@container(max-width:540px){.case-context-label>input{font-size:16px}}
@container(max-width:540px){.case-catalog header>p{display:none}.case-catalog header{margin-bottom:16px}.paka-canvas .case-catalog h3{margin:6px 0 10px;font-size:25px}.case-catalog-image{height:110px}.case-catalog-card>div{padding:14px}.case-catalog-card footer{margin-top:14px}.case-catalog-card h4{margin:8px 0}.case-catalog-card p{margin:8px 0}}

.case-payment{animation:case-payment-in .25s ease-out;display:flex;flex-direction:column;gap:18px;padding:8px 0 20px}.case-payment h3,.case-payment p{margin:0}.case-payment h3{font-size:28px;line-height:1.15}.case-payment-method{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--pc-line);border-radius:12px;background:var(--pc-tint)}.case-payment-method small{display:block;margin-top:6px}.case-payment .flow-confirm{width:100%}@keyframes case-payment-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.case-payment{animation:none}}

.case-payment-success{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:22px;border:1px solid var(--pc-line);border-radius:12px;background:var(--pc-tint);color:var(--pc-accent)}.case-payment-success svg{width:24px;height:24px;flex-shrink:0}.case-payment-success b,.case-payment-success span{display:block}.case-payment-success span{font-size:13px;margin-top:5px}
