/* Pactuno public refresh: code-native surfaces, original brand retained. */
:root{color-scheme:light;--ink:#1d1d1f;--muted:#616166;--line:#dcdce1;--violet:#0066cc;--accent:#0066cc;--lavender:#edf3fc;--white:#fff;--surface:#fff;--canvas:#f5f5f7;--mint:#eaf2ee;--peach:#f7f0e9;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif}
html[data-theme=dark]{color-scheme:dark;--ink:#f5f5f7;--muted:#b0b0b8;--line:#414147;--violet:#79b8ff;--accent:#79b8ff;--lavender:#263951;--white:#222225;--surface:#222225;--canvas:#161618;--mint:#23392f;--peach:#3a3027;background:var(--canvas)}
body{background:var(--canvas);color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased}
.site-header{height:76px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;gap:32px}
.site-header a,.site-header nav .tools-dropdown>summary{font-size:13px;font-weight:500;color:var(--ink)}.site-header .wordmark img{width:148px;height:auto}
.site-header .button.primary,.button.primary{background:#0066cc;color:#fff;border-color:transparent;box-shadow:0 1px 2px #0001}
.button{border-radius:100px;min-height:46px;padding:0 23px;font-weight:600;font-size:14px;gap:12px}
.button.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.hero{padding-top:86px;padding-bottom:70px;text-align:center}.hero h1{font-size:clamp(44px,6vw,80px);line-height:1.04;font-weight:650;letter-spacing:-.065em;max-width:950px;margin:0 auto 24px}.hero h1 span{color:var(--muted);background:none;-webkit-text-fill-color:currentColor}
.hero>p{font-size:21px;line-height:1.5;letter-spacing:-.02em;color:var(--muted)}.hero .actions{margin-top:28px}
.showcase{margin-top:58px}.showcase-stage{padding:0;margin-top:24px}.orbit,.float-note{display:none}
.product-tabs{border:1px solid var(--line);background:var(--surface);border-radius:100px;display:inline-flex;padding:5px;gap:3px}
.product-tabs button{border-radius:100px;background:transparent;color:var(--muted);font-weight:500;min-height:44px}
.product-tabs button[aria-selected=true]{background:var(--lavender);color:var(--violet);box-shadow:none}
.preview-frame{border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px #0000000c;background:var(--surface);color:var(--ink);overflow:hidden}
.preview-nav{background:var(--surface);border-right:1px solid var(--line);padding:24px 14px}.preview-nav button{border-radius:8px;color:var(--muted)}
.preview-nav button[aria-pressed=true]{background:var(--lavender);color:var(--violet)}
.preview-content{background:var(--surface);padding:24px}.preview-top{color:var(--muted);border-color:var(--line)}.sample-chip{color:var(--muted);background:var(--canvas);border:1px solid var(--line)}
.preview-panel h2,.preview-panel h3,.preview-panel b{color:var(--ink)}.preview-panel h2 span,.preview-caption{color:var(--muted)}
.journey{padding-block:80px}.section-title{font-size:clamp(34px,4vw,54px);font-weight:650;letter-spacing:-.05em;line-height:1.1}
.journey-banner{background:var(--surface);border:1px solid var(--line);border-radius:24px;color:var(--ink);box-shadow:none}.journey-banner h3{font-weight:650;letter-spacing:-.04em}.journey-banner p{color:var(--muted)}
.feature-columns{gap:48px;margin-top:52px}.feature-columns h3{letter-spacing:-.035em;font-weight:650}.feature-columns p{color:var(--muted)}.feature-icon{background:var(--lavender);color:var(--violet);border-radius:14px}
.morph-section{background:var(--surface);color:var(--ink)}.morph-stage{border-color:var(--line)}.morph-copy p{color:var(--muted)}
.workflow,.pricing,.security-readiness{color:var(--ink)}.workflow h2,.pricing h2,.security-readiness h2,.faq h2{font-weight:650;letter-spacing:-.045em}
.faq{max-width:850px;padding-block:50px;margin-bottom:50px}.faq details{border-color:var(--line);padding:22px 0}.faq summary{font-weight:600}.faq p{color:var(--muted);line-height:1.7}
.cta{background:var(--surface);color:var(--ink);border-block:1px solid var(--line);padding:80px 24px}.cta h2{font-size:clamp(34px,4vw,52px);font-weight:650;letter-spacing:-.05em}.cta p{color:var(--muted)}
.corporate-footer{background:var(--canvas);color:var(--ink);border-color:var(--line)}.corporate-footer p,.corporate-footer small,.corporate-footer nav a{color:var(--muted)}.corporate-footer nav h2{color:var(--ink)}.footer-note,.footer-bottom{border-color:var(--line)}.footer-shapes{display:none}
.tools-menu-panel{background:var(--surface)!important;border-color:var(--line)!important}.tools-menu-panel a{color:var(--ink)!important}.tools-menu-panel a:hover{background:var(--lavender)!important}
.appearance-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}.appearance-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
html[data-theme=dark] :is(.board section,.board article,.sample-message,.sample-file,.demo-summary article,.demo-document,.plan-row,.workflow-stage,.workflow-step,.plan-card,.pricing-card,.security-readiness-card){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .menu-toggle,html[data-theme=dark] .site-header nav{background:var(--surface);color:var(--ink)}
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--violet);outline-offset:4px}
@media(max-width:1000px){.site-header{gap:18px}.site-header nav{gap:18px}.nav-actions{gap:12px}.hero{padding-top:60px}}
@media(max-width:760px){.site-header{height:70px;padding-inline:16px;gap:10px}.site-header .wordmark img{width:120px}.site-header nav{top:70px}.nav-actions{gap:8px}.appearance-toggle{width:36px;height:36px}.hero{padding-top:44px;padding-bottom:40px}.hero>p{font-size:18px}.showcase{margin-top:38px}.preview-frame{border-width:1px;border-radius:16px}.preview-content{padding:16px 12px}.journey{padding-block:48px}.button{min-height:44px}.feature-columns{gap:30px}.cta{padding:54px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Downstream surfaces and sample presentation use the same appearance tokens. */
.showcase-stage .preview-frame,.showcase-stage .preview-nav{background:var(--surface);border-color:var(--line)}
.showcase-stage .preview-nav button[aria-pressed=true]{background:var(--lavender);color:var(--violet)}
.work-motion .work-motion-heading h2 span{color:var(--violet)}.work-overline{color:var(--muted)!important}
.work-motion-heading p,.work-rail,.work-subtitle,.work-tile-top,.work-tile-foot,.work-mini-task,.work-mini-task small{color:var(--muted)}
.work-tile,.work-project{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 10px 24px #00000008}
.work-tile[aria-pressed=true]{border-color:var(--violet);box-shadow:0 0 0 2px var(--lavender)}
.work-play{background:var(--surface);border-color:var(--line);color:var(--ink);min-height:44px;font-size:12px}
.work-tile-foot{border-color:var(--line)}.work-progress{background:var(--line)}.work-progress i{background:var(--violet)}
.work-symbol.purple{background:var(--lavender);color:var(--violet)}.work-mini-task i,.work-tile-foot b{color:var(--violet)}
html[data-theme=dark] .work-tile-row{background:#23392f;color:#9cd9b6}
.work-tile-row{background:var(--mint);color:#286649}.work-rail{font-size:9px}.work-overline{display:none}
.homepage-pricing{padding-block:80px}.homepage-pricing .section-copy,.pricing-note{color:var(--muted)}.free-connected span{background:var(--surface);color:var(--ink);border-color:var(--line)}
.flow-detail{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:18px}.flow-detail p,.flow-steps small{color:var(--muted)}.flow-steps button{color:var(--ink)}.flow-node{background:var(--surface);border-color:var(--line);color:var(--ink)}
.flow-steps button[aria-selected=true] .flow-node{background:#0066cc;color:#fff;border-color:transparent}
.morph-section .morph-tabs button{color:var(--ink);background:var(--surface);border-color:var(--line)}
.pip-welcome-anchor{max-height:160px;overflow:hidden}
html[data-theme=dark] .security-readiness{background:var(--surface);color:var(--ink)}
html[data-theme=dark] .saas-directory{background:var(--surface);color:var(--ink)}
@media(max-width:700px){.homepage-pricing{padding-block:48px}.pip-welcome-anchor{max-height:130px}}

.corporate-footer .footer-note{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.corporate-footer .footer-note p{color:var(--muted)}.corporate-footer .footer-note a,.corporate-footer .footer-demo{color:var(--violet)}.saas-directory-section a,.saas-directory-footer a{background:#fff;padding:12px;border-radius:12px}

/* Secondary CTA must follow both appearances, including hover and focus. */
.cta .button.outline,.cta .button.outline:hover,.cta .button.outline:focus-visible{color:var(--ink);background:var(--surface);border:1px solid var(--muted)}
.cta .button.outline:hover{background:var(--lavender);border-color:var(--violet);color:var(--violet)}

@media(max-width:760px){.site-header{flex-wrap:nowrap;padding-inline:14px;gap:8px}.site-header .wordmark img{width:110px}.site-header .menu-toggle{padding:9px 10px;flex-shrink:0}.site-header .nav-actions{gap:6px;flex-shrink:0}.site-header .nav-actions .button{padding:0 12px;font-size:12px;gap:6px}.site-header .nav-actions .button span[aria-hidden]{display:none}}@media(max-width:380px){.site-header{padding-inline:12px;gap:6px}.site-header .wordmark img{width:96px}.site-header .menu-toggle{padding:8px;font-size:11px}.site-header .nav-actions .button{padding:0 10px;font-size:11px}.site-header .appearance-toggle{width:32px;height:32px}}