/* Phase 2 is preview-only. Existing FLUX tokens and fonts remain authoritative. */
.p2-scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:100;pointer-events:none;background:transparent}.p2-scroll-progress::after{content:"";display:block;height:100%;background:var(--gold);transform:scaleX(var(--reading-progress,0));transform-origin:left}
.business-card,.expertise-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.business-card:hover,.business-card:focus-within,.expertise-card:hover,.expertise-card:focus-within{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 35px #0002,0 0 0 1px #d4af6a20}
.primary-button,.outline-button{position:relative;overflow:hidden;isolation:isolate}.primary-button::after,.outline-button::after{content:"";position:absolute;inset:-80% auto -80% -100%;width:40%;background:linear-gradient(90deg,transparent,#fff4,transparent);transform:skewX(-22deg);pointer-events:none}.primary-button:hover::after,.primary-button:focus-visible::after,.outline-button:hover::after,.outline-button:focus-visible::after{animation:p2-shine .65s ease-out}@keyframes p2-shine{to{left:160%}}
.business-home .business-hero{position:relative;overflow:clip;isolation:isolate}.business-home .business-hero::before{content:"";position:absolute;inset:-40% -20%;z-index:-1;pointer-events:none;background:linear-gradient(52deg,transparent 46%,#d4af6a16 46.08%,transparent 46.2%),linear-gradient(128deg,transparent 61%,#d4af6a12 61.08%,transparent 61.2%),linear-gradient(52deg,transparent 73%,#d4af6a0d 73.08%,transparent 73.2%);animation:p2-lines 32s ease-in-out infinite alternate;will-change:transform}@keyframes p2-lines{from{transform:translate3d(-2%,-2%,0)}to{transform:translate3d(3%,3%,0)}}
.p2-hero-heading .p2-hero-visual,.p2-hero-fixed{display:block}.p2-hero-cycle{display:grid;position:relative;color:var(--gold)}.p2-hero-word{display:block;grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.p2-hero-word.is-active{opacity:1;transform:translateY(0)}
.p2-motion-toggle{background:transparent;border:0;color:var(--muted);font:12px/1.6 'DM Sans',Arial;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.p2-motion-toggle:disabled{cursor:default;text-decoration:none}.p2-motion-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.p2-paused *::before,.p2-paused *::after,.p2-hero-away .business-home .business-hero::before{animation-play-state:paused!important}
.p2-quiz{padding-bottom:52px;margin-bottom:48px;border-bottom:1px solid var(--line)}.p2-quiz-heading p{max-width:700px;color:var(--muted);line-height:1.8}.p2-quiz-card{min-height:360px;padding:28px;border:1px solid var(--line);background:var(--bg)}.p2-quiz-dots{list-style:none;display:flex;gap:8px;margin:0 0 22px;padding:0}.p2-quiz-dots li{width:22px;height:4px;background:#767a70}.p2-quiz-dots li[aria-current]{background:var(--gold)}.p2-quiz fieldset{border:0;padding:0;margin:0;min-width:0}.p2-quiz legend{font-family:Manrope,Arial;font-size:22px;line-height:1.4;margin-bottom:20px}.p2-quiz-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.p2-quiz-options label{display:flex;align-items:center;gap:12px;min-height:64px;border:1px solid #777d72;padding:14px;cursor:pointer;font-size:15px;line-height:1.6}.p2-quiz-options label:has(input:checked){border-color:var(--gold);background:#d4af6a12}.p2-quiz-options label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.p2-quiz-options input{appearance:auto;accent-color:var(--gold);width:18px;height:18px;flex:0 0 18px;margin:0}.p2-quiz-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}.p2-quiz-actions button.secondary-link{padding:10px 0;min-height:44px;background:none;border:0;font:inherit;cursor:pointer;color:var(--muted)}.p2-quiz-actions [disabled]{opacity:.65;cursor:not-allowed}.p2-quiz-actions [hidden],.p2-quiz [hidden]{display:none!important}#p2-quiz-result h3{font-size:30px;margin:0 0 14px}#p2-quiz-result>p:not(.eyebrow){max-width:800px;color:var(--muted);line-height:1.8}
.p2-viewer{margin-top:30px;min-width:0}.p2-view-tabs{display:flex;flex-wrap:wrap;gap:10px}.p2-view-tabs button{border:1px solid #7a7f73;color:var(--text);background:transparent;min-height:48px;padding:12px 18px;font:14px/1.5 'DM Sans',Arial;cursor:pointer}.p2-view-tabs button[aria-selected=true]{color:var(--bg);background:var(--gold);border-color:var(--gold)}.p2-devices{border:0;margin:22px 0 12px;padding:0;display:flex;gap:8px;flex-wrap:wrap;min-width:0}.p2-devices legend{font-size:12px;color:var(--muted);padding:0 0 10px}.p2-devices label{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--line);padding:10px 14px;min-height:44px;font-size:13px}.p2-devices label:has(input:checked){border-color:var(--gold);color:var(--gold)}.p2-devices label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.p2-devices input{accent-color:var(--gold);width:16px;height:16px;margin:0}.p2-preview-description{color:var(--muted);font-size:14px;line-height:1.7;margin:16px 0}.p2-device-stage{height:clamp(380px,65vh,640px);width:100%;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at center,#39403a55,transparent 70%),#161a19;border-radius:6px}.p2-device-frame{position:absolute;left:50%;top:50%;width:1280px;height:720px;border:8px solid #5c625b;border-radius:16px;box-sizing:content-box;background:var(--bg);box-shadow:0 20px 60px #0008;transform:translate(-50%,-50%) scale(var(--frame-scale,.6));transform-origin:center;overflow:hidden;max-width:none}.p2-device-frame[data-device=phone]{border-radius:36px;border-width:10px}.p2-device-frame[data-device=tablet]{border-radius:24px}.p2-device-frame iframe{border:0;width:100%;height:100%;display:block;background:#202422}.p2-image-preview{width:100%;height:100%;overflow:auto;overscroll-behavior:contain}.p2-image-preview img{display:block;width:100%;height:auto}.p2-view-bottom{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:16px}.p2-view-bottom p{color:var(--muted);font-size:12px;line-height:1.7;max-width:650px}.p2-view-bottom a{flex:0 0 auto}.p2-showcase-closing{margin-top:30px}.p2-showcase-closing h3{font-size:25px;line-height:1.4}.p2-showcase-closing .business-actions{margin-top:18px}
.p2-comparison-block{margin-top:auto;padding-top:15px;width:100%}.p2-comparison{height:245px;position:relative;overflow:hidden;border:1px solid #777d72;isolation:isolate}.p2-comparison:focus-within{outline:3px solid var(--gold);outline-offset:4px}.p2-demo{position:absolute;inset:0;padding:46px 16px 15px;overflow:hidden;font:12px/1.5 Arial,sans-serif}.p2-demo-nav{font-size:10px;margin-bottom:16px}.p2-demo strong{display:block;font-size:23px;line-height:1.15;font-weight:600}.p2-demo p{font-size:11px!important;line-height:1.5!important;margin:9px 0!important}.p2-demo-button{display:inline-block;font-size:10px;padding:6px 9px;white-space:nowrap}.p2-demo-old{background:#d4d4c7;color:#242424;border:7px ridge #eee}.p2-demo-old .p2-demo-nav{background:#133c7d;color:#fff;padding:4px;text-decoration:underline}.p2-demo-old strong{font-family:Georgia,serif;font-size:19px}.p2-demo-old .p2-demo-button{background:#eee;color:#182e62;border:3px outset #ddd}.p2-demo-modern{background:#202a28;color:#eeeae3}.p2-demo-modern .p2-demo-nav{letter-spacing:1px;color:#e1c78e}.p2-demo-modern strong{font-family:Manrope,Arial;font-weight:450;max-width:220px}.p2-demo-modern .p2-demo-button{background:#d2b98b;color:#1c1f20}.p2-before-clip{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.p2-compare-label{position:absolute;top:8px;z-index:2;background:#151917;color:#fff;font:10px/1.5 'DM Sans',Arial;padding:4px 7px;pointer-events:none}.p2-label-before{left:8px}.p2-label-after{right:8px}.p2-compare-handle{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#ead3a9;transform:translateX(-50%);z-index:3;pointer-events:none}.p2-compare-handle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#ead3a9;color:#1c1f20;font-size:20px;box-shadow:0 2px 12px #0007}.p2-comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
@media(min-width:1051px){.section-overlap .business-home main>.stack-panel{box-shadow:0 -16px 45px #0003}}
@media(max-width:1050px){html.section-overlap main .stack-panel{position:relative!important;top:auto!important;box-shadow:none!important}}
@media(max-width:640px){.p2-quiz-card{padding:20px;min-height:480px}.p2-quiz-options{grid-template-columns:1fr}.p2-quiz legend{font-size:20px}.p2-quiz-options label{min-height:52px}.p2-quiz-actions{gap:14px}.p2-quiz-actions .primary-button{width:100%}.p2-view-tabs{display:grid;grid-template-columns:1fr;width:100%}.p2-view-tabs button{text-align:left}.p2-view-bottom{display:block}.p2-devices{gap:6px}.p2-devices label{padding:10px}.p2-device-frame{--frame-scale:.22}.p2-hero-word{transform:translateY(8px)}.p2-comparison{height:260px}.p2-motion-toggle.footer-motion{width:100%;text-align:left}}
.p2-reduced *,.p2-reduced *::before,.p2-reduced *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.p2-reduced .p2-hero-word{transform:none}.p2-reduced .business-card:hover,.p2-reduced .business-card:focus-within{transform:none}.p2-reduced .business-home .business-hero::before{will-change:auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.p2-hero-word{transform:none}.business-card:hover,.business-card:focus-within,.expertise-card:hover,.expertise-card:focus-within{transform:none}.business-home .business-hero::before{will-change:auto}}
/* A dated demo must still be readable: override the parent card's muted paragraph colour. */
.p2-demo-old p{color:#242424!important}
@media(max-width:640px){.business-home .business-hero::before{animation-duration:48s;will-change:auto}}

.business-home .business-hero{top:auto}
@media(min-width:1051px){.section-overlap .business-home .business-hero{position:sticky;top:var(--stack-top,108px)}}

.p2-preview-description:empty{display:none}