.ss-stage{position:absolute;right:0;top:50%;transform:translateY(-50%);width:70%;max-width:680px}.ss-glow{position:absolute;inset:-10% -6%;z-index:0;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--stage,14 176 176)/.28),transparent);filter:blur(28px)}.ss-frame{position:relative;z-index:1;margin:0;overflow:hidden;border:1px solid rgb(15 23 42/.08);border-radius:16px;background:#ffffff;box-shadow:0 40px 80px -34px rgb(15 23 42/.4),0 22px 44px -26px rgb(var(--stage,14 176 176)/.5);transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);transform-origin:70% 50%}.ss-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-bottom:1px solid #eef0f4;background:linear-gradient(#fbfcfd,#f5f7fa)}.ss-dot{height:9px;width:9px;border-radius:50%;background:#d8dde5}.ss-dot:first-child{background:#fda4af}.ss-dot:nth-child(2){background:#fcd34d}.ss-dot:nth-child(3){background:#86efac}.ss-url{margin-left:10px;padding:3px 10px;border-radius:999px;background:#ffffff;border:1px solid #e8ebf0;color:#64748b;font-size:10.5px;font-weight:500;letter-spacing:.01em}.ss-frame .ss-open-image,.ss-image{display:block;width:100%;height:auto}.ss-frame .ss-open-image{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:zoom-in}.ss-frame .ss-open-image:hover{background:transparent}.ss-image-dialog{width:min(96vw,1740px)!important;max-width:min(96vw,1740px)!important;max-height:94svh;padding:22px}.ss-full-size-scroll{max-width:100%;max-height:76svh;overflow:auto;border:1px solid hsl(var(--border));border-radius:10px}.ss-callout{--tone:var(--stage,14 176 176);position:absolute;z-index:2;display:flex;align-items:center;gap:.7rem;max-width:250px;padding:.7rem .95rem .7rem .75rem;border:1px solid rgb(15 23 42/.06);border-radius:14px;background:rgb(255 255 255/.97);box-shadow:0 20px 40px -18px rgb(15 23 42/.45),0 2px 6px -2px rgb(15 23 42/.1)}.ss-callout-tl{top:-7%;left:-3%;transform:rotate(-2.5deg)}.ss-callout-tr{top:-5%;right:-3%;transform:rotate(2deg)}.ss-callout-bl{bottom:-7%;left:-3%;transform:rotate(1.5deg)}.ss-callout-br{bottom:-6%;right:-3%;transform:rotate(-2deg)}.ss-icon{height:38px;width:38px;border-radius:11px;background:rgb(var(--tone)/.12);color:rgb(var(--tone))}.ss-icon,.ss-metric{display:flex;flex-shrink:0;align-items:center;justify-content:center}.ss-metric{--p:0;position:relative;height:44px;width:44px;border-radius:50%;background:conic-gradient(rgb(var(--tone)) calc(var(--p) * 1%),#e8ebf0 0)}.ss-metric:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#ffffff}.ss-metric span{position:relative;color:rgb(var(--tone));font-size:12px;font-weight:800}.ss-callout-text{display:flex;min-width:0;flex-direction:column}.ss-callout-title{color:#0b1220;font-size:13px;font-weight:700;line-height:1.25}.ss-callout-detail{margin-top:2px;color:#64748b;font-size:11.5px;line-height:1.3}.dark .ss-frame{border-color:rgb(255 255 255/.08);background:#0f172a}.dark .ss-bar{border-color:rgb(255 255 255/.06);background:#111827}.dark .ss-url{background:#0b1220;color:#94a3b8}.dark .ss-callout,.dark .ss-url{border-color:rgb(255 255 255/.08)}.dark .ss-callout{background:rgb(15 23 42/.96)}.dark .ss-callout-title{color:#f8fafc}.dark .ss-callout-detail{color:#94a3b8}.dark .ss-metric:before{background:#0f172a}@media (max-width:1023px){.ss-stage{display:none!important}}.ss-v-stacked .ss-frame{transform:none}.ss-v-stacked:after,.ss-v-stacked:before{content:"";position:absolute;inset:0;z-index:0;border-radius:16px;border:1px solid rgb(var(--stage,14 176 176)/.25)}.ss-v-stacked:before{background:rgb(var(--stage,14 176 176)/.1);transform:translate(26px,22px) rotate(3.5deg)}.ss-v-stacked:after{background:rgb(var(--stage,14 176 176)/.18);transform:translate(13px,11px) rotate(1.75deg)}.ss-v-tilt-right .ss-frame{transform:perspective(1600px) rotateY(5deg) rotateX(2deg);transform-origin:30% 50%}.ss-v-bezel .ss-bar{display:none}.ss-v-bezel .ss-frame{border:0;border-radius:18px;transform:rotate(-1.5deg);box-shadow:0 0 0 8px rgb(255 255 255/.95),0 0 0 9px rgb(var(--stage,14 176 176)/.3),0 40px 80px -30px rgb(15 23 42/.45),0 30px 70px -24px rgb(var(--stage,14 176 176)/.5)}.dark .ss-v-bezel .ss-frame{box-shadow:0 0 0 8px rgb(15 23 42/.95),0 0 0 9px rgb(var(--stage,14 176 176)/.4),0 40px 80px -30px rgb(0 0 0/.7)}.ss-v-offset .ss-frame{transform:rotate(1deg)}.ss-v-offset:before{content:"";position:absolute;z-index:0;top:12%;right:8%;bottom:-10%;left:-5%;border-radius:22px;background:linear-gradient(135deg,rgb(var(--stage,14 176 176)/.9),rgb(var(--stage,14 176 176)/.55));transform:rotate(-3deg)}.hw-section{--workflow-top:108px;width:100%;isolation:isolate;padding-inline:20px}.hw-intro{max-width:820px;margin:0 auto 48px;padding-inline:12px;text-align:center}.hw-intro h2{margin-block:18px 16px}.hw-intro p{max-width:650px;margin:0 auto}.hw-panels{max-width:1280px;margin:0 auto}[data-workflow-panel=sourcing]{--panel-bg:#f4f8fa;--panel-ink:#203340;--panel-accent:#3c6383;--stage:8 145 178;--label-active:#2963c6;--label-ink:#fff;--media-bg:color-mix(in srgb,#3c6383 12%,#f4f8fa)}[data-workflow-panel=analysis]{--panel-bg:#fbf2ee;--panel-ink:#43312c;--panel-accent:#925b4a;--stage:37 99 235;--label-active:#3268cd;--label-ink:#fff;--media-bg:color-mix(in srgb,#925b4a 12%,#fbf2ee)}[data-workflow-panel=outline]{--panel-bg:#f7f5fb;--panel-ink:#322840;--panel-accent:#7854a3;--stage:124 58 237;--label-active:#8b5bd9;--label-ink:#fff;--media-bg:color-mix(in srgb,#7854a3 12%,#f7f5fb)}[data-workflow-panel=writing]{--panel-bg:#faf7f0;--panel-ink:#3b3022;--panel-accent:#8b661e;--stage:217 119 6;--label-active:#d6a235;--label-ink:#241900;--media-bg:color-mix(in srgb,#8b661e 12%,#faf7f0)}[data-workflow-panel=budgeting]{--panel-bg:#f3f8f5;--panel-ink:#233b30;--panel-accent:#36775a;--stage:41 128 88;--label-active:#25875a;--label-ink:#fff;--media-bg:color-mix(in srgb,#36775a 12%,#f3f8f5)}[data-workflow-panel=export]{--panel-bg:#f7f6fa;--panel-ink:#302b40;--panel-accent:#6c558e;--stage:109 89 154;--label-active:#8058bd;--label-ink:#fff;--media-bg:color-mix(in srgb,#6c558e 12%,#f7f6fa)}.hw-panel{position:sticky;z-index:calc(var(--panel-index) + 1);top:calc(var(--workflow-top) + 12px);display:grid;grid-template-columns:44% 56%;min-height:620px;height:min(720px,calc(100svh - var(--workflow-top) - 28px));padding:24px;border:1px solid rgb(32 51 64/5%);border-radius:34px;background:var(--panel-bg);box-shadow:0 12px 40px -34px rgb(25 46 55/20%);color:var(--panel-ink);scroll-margin-top:calc(var(--workflow-top) + 12px)}.hw-copy{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:36px;padding:24px 26px 20px 24px}.hw-chip-stack{display:flex;width:-moz-max-content;width:max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.hw-chip-plate,.hw-chip-stack{height:32px;align-items:center}.hw-chip-plate{position:relative;display:inline-flex;width:26px;flex:0 0 26px;justify-content:center;margin-left:-12px;border:1px solid var(--panel-bg);border-radius:999px;background:color-mix(in srgb,var(--label-active) 18%,var(--panel-bg));font-size:9px;line-height:1;font-weight:650;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}.hw-chip-plate:first-child{margin-left:0}.hw-chip-plate[data-current=true]{z-index:7;width:-moz-max-content;width:max-content;min-width:90px;flex-basis:auto;padding:8px 13px;background:var(--label-active);color:var(--label-ink)}.hw-heading{margin:20px 0 18px;color:var(--panel-ink);font-family:Inter,system-ui,sans-serif;font-size:clamp(30px,3.2vw,43px);line-height:1.08;font-weight:540;letter-spacing:-.047em;text-wrap:pretty}.hw-heading>span{display:block;color:var(--panel-accent)}.hw-description{max-width:445px;margin:0;color:var(--panel-ink);font-size:14px;line-height:1.65;font-weight:400}.hw-mobile-details{display:none}.hw-copy-bottom{display:flex;flex-direction:column;gap:26px}.hw-support-marks{display:flex;align-items:center;gap:5px;margin-bottom:12px}.hw-support-icon{display:inline-flex;width:37px;height:37px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--panel-accent) 9%,transparent);border-radius:11px;background:#fff;color:var(--panel-accent)}.hw-support-marks>span>span{box-shadow:none}.hw-support p{max-width:370px;margin:0;font-size:12px;line-height:1.5}.hw-actions{display:flex;flex-wrap:wrap;gap:9px}.hw-actions .hw-cta-primary,.hw-actions .hw-cta-secondary{min-height:43px;height:auto;padding:12px 16px;border:0;border-radius:13px;font-size:12px;font-weight:550;white-space:normal}.hw-actions .hw-cta-primary{background:var(--panel-accent);color:#fff}.hw-actions .hw-cta-primary:hover{background:var(--panel-ink)}.hw-actions .hw-cta-secondary{background:#fff;color:var(--panel-ink)}.hw-actions .hw-cta-secondary:hover{background:color-mix(in srgb,var(--panel-accent) 12%,#fff)}.hw-category-visual{position:relative;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:26px}.hw-category-visual .pf-categories-canvas{position:relative!important;inset:auto!important;width:min(100%,528px)!important;height:auto!important;aspect-ratio:1/1;display:block!important}.hw-media{position:relative;display:flex;min-width:0;min-height:470px;align-items:center;justify-content:center;background:transparent}.hw-media .ss-stage{position:relative;top:auto;right:auto;display:block!important;width:100%;max-width:680px;transform:none}.hw-media .ss-glow{opacity:.4}.hw-media .ss-url{max-width:calc(100% - 55px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark [data-workflow-panel=sourcing]{--panel-bg:#112a3f;--panel-ink:#e3efff;--panel-accent:#a0bbff;--media-bg:#19354c}.dark [data-workflow-panel=analysis]{--panel-bg:#39271f;--panel-ink:#fff0e7;--panel-accent:#ffc49d;--media-bg:#4b3226}.dark [data-workflow-panel=outline]{--panel-bg:#29311c;--panel-ink:#f1f8dd;--panel-accent:#d0df86;--media-bg:#374027}.dark [data-workflow-panel=writing]{--panel-bg:#382139;--panel-ink:#ffebf9;--panel-accent:#f9afe1;--media-bg:#4a2b4c}.dark [data-workflow-panel=budgeting]{--panel-bg:#193329;--panel-ink:#e4f8eb;--panel-accent:#a1ddba;--media-bg:#254436}.dark [data-workflow-panel=export]{--panel-bg:#2b2442;--panel-ink:#f0eaff;--panel-accent:#c9b5ff;--media-bg:#393050}.dark .hw-actions .hw-cta-primary{color:var(--panel-bg)}.dark .hw-actions .hw-cta-primary:hover{background:var(--panel-ink)}.dark .hw-actions .hw-cta-secondary,.dark .hw-support-icon{background:var(--media-bg);color:var(--panel-ink)}@media (max-width:1100px){.hw-copy{padding-inline:14px 22px}.hw-heading{font-size:34px}.hw-description{font-size:13px}.hw-actions .hw-cta-primary,.hw-actions .hw-cta-secondary{padding:11px 13px;font-size:11px}}@media (max-height:760px),(max-width:950px){.hw-panel{position:relative;top:auto;height:auto;min-height:620px;margin-bottom:14px}}@media (max-width:1023px){.hw-section{padding-inline:12px}.hw-intro{margin-bottom:28px}.hw-panel{position:relative;top:auto;height:auto;min-height:0;grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:14px;padding:28px 22px;border-radius:28px}.hw-copy{gap:24px;padding:0}.hw-heading{max-width:600px;margin:18px 0 12px;font-size:clamp(30px,7vw,42px)}[data-workflow-panel=budgeting] .hw-heading{font-size:clamp(22px,6.6vw,42px)}.hw-description{display:none;max-width:600px;font-size:14px}.hw-panel-expanded .hw-description{display:block}.hw-mobile-details{display:inline-flex;height:auto;gap:6px;padding:8px 0;background:transparent;color:var(--panel-accent);font-size:12px;font-weight:550}.hw-mobile-details:hover{background:transparent;color:var(--panel-ink)}.hw-panel-expanded .hw-mobile-details svg{transform:rotate(180deg)}.hw-category-visual,.hw-media,.hw-support{display:none}.hw-copy-bottom{gap:0}.hw-actions .hw-cta-primary,.hw-actions .hw-cta-secondary{padding:12px 14px;font-size:12px}}@media (prefers-reduced-motion:reduce){.hw-section *,.hw-section :after,.hw-section :before{animation:none!important;transition:none!important;scroll-behavior:auto}}