/* Shared showcase language: editorial copy and explanatory native diagrams. */
.showcase { --show-accent:#bb6837; --show-ink:#11212d; --show-soft:#66757b; --show-line:#dedfd9; --show-tint:#f4f1e9; overflow:clip; }
.showcase h1, .showcase h2 { letter-spacing:-.045em; line-height:1.07; }
.showcase h1 em, .showcase h2 em { font-style:normal; color:var(--show-accent); }
.showcase h2 { font-size:clamp(2rem,3.8vw,3.15rem); }
.showcase figure { margin:0; }.showcase figcaption { font-size:.63rem; line-height:1.7; color:#677671; }
.showcase button { font:inherit; cursor:pointer; }.showcase button:focus-visible,.showcase a:focus-visible { outline:3px solid #b9622a; outline-offset:4px; }
.showcase .btn { white-space:normal; text-align:center; }
.showcase-hero { padding:25px 0 75px; background:radial-gradient(ellipse at 82% 30%,#e8ded0 0,transparent 52%),#f6f3ec; }
.showcase-hero .breadcrumb { color:#687772; margin-bottom:52px; font-size:.7rem; }
.salesfront .breadcrumb a,.salesfront .breadcrumb span { color:#52625c; }.salesfront .breadcrumb a:hover { color:#11212d; }
.showcase-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:62px; align-items:center; }
.showcase-kicker { display:block; font:600 .62rem var(--font-mono); letter-spacing:.12em; color:#7a6859; margin-bottom:24px; }
.showcase-hero h1 { font-size:clamp(2.7rem,4.7vw,4.25rem); color:var(--show-ink); margin-bottom:25px; }
.showcase-lead { max-width:470px; font-size:1rem; line-height:1.85; color:#586971; }
.showcase-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin:28px 0 18px; }
.showcase-text-link { display:inline-flex; align-items:center; gap:16px; padding:10px 0; font-size:.8rem; font-weight:600; color:#674f3d; }
.showcase-footnote { font-size:.7rem; color:#677571; }
.showcase-visual-label { display:flex; align-items:center; justify-content:space-between; gap:12px; font: .54rem var(--font-mono); letter-spacing:.08em; color:#768981; }
.sales-orbit { background:#172b2c; border:1px solid #3a5050; border-radius:23px; padding:25px; color:#f8f4e8; box-shadow:0 25px 55px #213c3523; }
.sales-orbit .showcase-visual-label { color:#a4b9af; }
.sales-orbit-lead { display:flex; align-items:center; gap:13px; padding:24px 20px; margin-top:28px; border:1px solid #75907b66; border-radius:13px; background:#ffffff06; }
.sales-avatar { width:43px; height:43px; display:grid; place-items:center; border-radius:12px; background:#e3d3a4; color:#374238; font:600 1.2rem var(--font-display); }
.sales-orbit-lead small { display:block; font: .49rem var(--font-mono); color:#a9b9b0; letter-spacing:.06em; }.sales-orbit-lead strong { display:block; font:600 1.18rem var(--font-display); margin:6px 0 3px; }.sales-orbit-lead div>span { display:block; font-size:.65rem; color:#bdc9c0; }.sales-temperature { margin-left:auto; font-size:.56rem; color:#eed7a4; border:1px solid #be985d66; border-radius:20px; padding:4px 9px; background:#d6aa4c16; }
.sales-orbit-track { height:52px; position:relative; display:flex; justify-content:space-between; margin:0 16.666%; border-top:1px solid #718e81; top:26px; }.sales-orbit-track::before { content:''; position:absolute; top:-27px; left:50%; width:1px; height:27px; background:#718e81; }.sales-orbit-track span { width:1px; height:26px; background:#718e81; }
.sales-orbit-nodes { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; text-align:center; }.sales-orbit-nodes>div { display:flex; align-items:center; flex-direction:column; }.sales-orbit-nodes i { display:grid; place-items:center; width:44px; height:44px; background:#365047; color:#dfdfb5; border-radius:13px; margin-bottom:13px; }.sales-orbit-nodes strong { font-size:.68rem; font-weight:500; }.sales-orbit-nodes span { font-size:.54rem; color:#afc0b6; margin-top:5px; }
.sales-orbit-note { display:flex; gap:14px; align-items:center; padding:18px; margin-top:30px; border-radius:12px; background:#f0e7ce; color:#243d35; }.sales-note-icon { font-size:1.2rem; transform:rotate(90deg); }.sales-orbit-note div>span { font: .5rem var(--font-mono); letter-spacing:.08em; }.sales-orbit-note strong { display:block; font-size:.78rem; margin:5px 0; }.sales-orbit-note p { font-size:.64rem; color:#5b6e5f; margin:0; }.sales-orbit figcaption { color:#a6b8af; font-size:.56rem; margin-top:18px; }
.showcase-strip { background:#fff; border-bottom:1px solid #e8e7e2; }.showcase-strip .container { display:flex; justify-content:space-between; gap:20px; padding-top:23px; padding-bottom:23px; }.showcase-strip span { font-size:.74rem; color:#586b67; }.showcase-strip i { color:var(--show-accent); margin-right:10px; }
.showcase-section { padding:85px 0; scroll-margin-top:80px; background:#fbfcfa; }.showcase-section-heading { display:flex; gap:45px; justify-content:space-between; align-items:flex-end; margin-bottom:35px; }.showcase-section-heading h2 { margin:0; }.showcase-section-heading>p { max-width:360px; margin:0; font-size:.9rem; line-height:1.85; }
.sales-attention { display:grid; grid-template-columns:1fr 1fr; border:1px solid #d9ded7; border-radius:20px; overflow:hidden; background:white; box-shadow:0 18px 45px #203f300b; }.sales-attention-list { padding:24px; }.sales-attention-list>.showcase-visual-label { margin:0 10px 17px; }.sales-attention-list button { display:flex; align-items:center; gap:14px; border:1px solid transparent; background:transparent; border-radius:12px; width:100%; padding:17px 12px; text-align:left; color:#25392f; margin-bottom:4px; }.sales-attention-list button.is-active { background:#eef2e8; border-color:#dce2cd; }.sales-attention-list button>span:last-child { margin-left:auto; color:#817e5b; }.sales-attention-icon { width:38px; height:38px; display:grid; place-items:center; flex-shrink:0; border-radius:10px; background:#f3f2ed; color:#8d784e; }.sales-attention-list strong { display:block; font-size:.85rem; }.sales-attention-list small { display:block; font-size:.67rem; color:#6c7970; margin-top:6px; }.sales-attention-detail { position:relative; padding:31px 34px; background:#edf0e5; display:flex; flex-direction:column; }.sales-detail-top { display:flex; justify-content:space-between; gap:15px; font: .49rem var(--font-mono); letter-spacing:.06em; color:#5c7061; }.sales-detail-top i { color:#899950; }.sales-detail-number { font:500 5.5rem var(--font-display); color:#c1ccb0; line-height:1.3; margin-top:12px; }.sales-attention-detail h3 { font-size:1.75rem; letter-spacing:-.04em; line-height:1.13; max-width:330px; }.sales-attention-detail p { font-size:.81rem; line-height:1.8; color:#536558; min-height:4.7em; }.sales-detail-chain { display:flex; align-items:center; flex-wrap:wrap; gap:10px; border-top:1px solid #cad4c1; padding-top:18px; font-size:.62rem; margin-top:auto; color:#596c58; }.sales-detail-chain strong { color:#3b593e; }.sales-detail-demo { font-size:.55rem; color:#63755f; margin-top:20px; }.showcase-context-note { color:#68766c; font-size:.76rem; line-height:1.8; max-width:840px; margin:24px 0 0; }
.showcase-split { display:grid; grid-template-columns:1fr 1fr; gap:85px; align-items:center; }.sales-history-section { background:#f2f1eb; }.showcase-body-copy { font-size:.94rem; line-height:1.8; max-width:440px; }.showcase-detail-list { margin-top:28px; }.showcase-detail-list>div { border-top:1px solid #d9dfd5; padding:19px 0; }.showcase-detail-list dt { font-weight:600; font-size:.86rem; margin-bottom:8px; }.showcase-detail-list dd { margin:0; font-size:.77rem; line-height:1.8; color:#617069; }
.sales-timeline { padding:27px; background:#fff; border:1px solid #dce0d5; border-radius:20px; box-shadow:0 20px 45px #2c3a2810; }.sales-timeline ol { list-style:none; margin:29px 0 23px; padding:0; }.sales-timeline li { display:flex; align-items:flex-start; gap:17px; padding-bottom:25px; position:relative; }.sales-timeline li:not(:last-child)::before { content:''; position:absolute; left:18px; top:38px; bottom:0; width:1px; background:#dbe2d4; }.timeline-dot { display:grid; place-items:center; width:37px; height:37px; flex-shrink:0; border-radius:50%; background:#f0f3ea; color:#708052; font-size:.85rem; }.sales-timeline li small { font: .5rem var(--font-mono); letter-spacing:.03em; color:#7b866e; }.sales-timeline li strong { display:block; font-size:.86rem; margin:7px 0; }.sales-timeline li p { font-size:.69rem; color:#6d796c; margin:0; line-height:1.7; }.sales-timeline .timeline-win { background:#eaf0e1; padding:20px 14px; border-radius:12px; margin:0 -6px; }.timeline-win .timeline-dot { background:#3f593c; color:#deebc8; }
.sales-approval-section { background:radial-gradient(ellipse at 78% 0,#304739 0,transparent 55%),#152c29; color:#eef0df; }.sales-approval-section .showcase-kicker { color:#b9c59d; }.sales-approval-section h2 { color:#f2f1e7; }.sales-approval-section h2 em { color:#d9d7a0; }.sales-approval-section .showcase-section-heading>p { color:#b8c8b9; }.sales-approval { border:1px solid #74937b66; border-radius:21px; overflow:hidden; background:#ffffff04; }.sales-approval-path { display:grid; grid-template-columns:1fr 35px 1fr 35px 1fr; align-items:center; padding:35px; gap:15px; }.sales-approval-path>div { padding:23px; border:1px solid #71927b66; border-radius:14px; position:relative; background:#213a30; }.sales-approval-path>div>span { position:absolute; right:16px; top:13px; font:.58rem var(--font-mono); color:#a9bfa4; }.sales-approval-path i { display:block; color:#d4daac; font-size:1.4rem; margin-bottom:24px; }.sales-approval-path strong { display:block; font:600 1rem var(--font-display); }.sales-approval-path small { display:block; font-size:.65rem; color:#a9c0ab; margin-top:8px; }.approval-arrow { text-align:center; color:#a0b393; }.sales-approval-path .approval-gate { border-color:#d4d7a2; background:#e3dfb4; color:#2e442e; }.approval-gate i { color:#4b693c; }.sales-approval-path .approval-gate small,.sales-approval-path .approval-gate>span { color:#657354; }
.approval-outcome-area { display:grid; grid-template-columns:240px 1fr; gap:32px; border-top:1px solid #75937955; padding:29px 35px; background:#ffffff04; }.approval-choices { display:flex; flex-direction:column; gap:8px; }.approval-choices button { padding:11px 15px; border:1px solid #9ab19a55; border-radius:8px; background:transparent; color:#c2d2bd; text-align:left; font-size:.73rem; }.approval-choices button.is-active { color:#263e2a; background:#d5dfbd; border-color:#d5dfbd; }.approval-result { padding:8px 0; }.approval-result>span { font:.54rem var(--font-mono); color:#b9ce9e; letter-spacing:.08em; }.approval-result h3 { color:#eff1dc; font-size:1.5rem; letter-spacing:-.025em; margin:12px 0; }.approval-result p { color:#b7c8b3; font-size:.8rem; line-height:1.8; max-width:535px; margin:0; }.sales-approval.is-unsent .approval-result>span { color:#f1d09a; }.approval-demo-note { padding:16px 35px; font-size:.65rem; color:#b3c3ab; border-top:1px solid #75937955; }.approval-demo-note i { margin-right:7px; }.sales-mail-context { display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:27px; }.sales-mail-context p { color:#aabda8; font-size:.73rem; line-height:1.85; margin:0; }.sales-mail-context strong { color:#d8e0c8; }
.showcase-final { background:#faf8f1; }.showcase-final-inner { display:grid; grid-template-columns:1fr .65fr; align-items:center; gap:80px; }.showcase-final-inner p { max-width:490px; font-size:.9rem; line-height:1.8; }.showcase-final-actions { display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
html:not(.js) .sales-attention-list button { pointer-events:none; }html:not(.js) .approval-choices { display:none; }
@media (max-width:1050px) { .showcase-hero-grid { gap:35px; }.showcase-hero h1 { font-size:3.3rem; }.showcase-split { gap:45px; }.sales-approval-path { padding:25px; gap:10px; }.sales-approval-path>div { padding:20px 16px; } }
@media (max-width:800px) { .showcase-hero-grid,.showcase-split { grid-template-columns:1fr; }.showcase-hero h1 { font-size:clamp(2.7rem,7vw,4rem); }.showcase-lead { max-width:540px; }.sales-orbit,.sales-timeline { width:100%; max-width:570px; justify-self:center; }.showcase-section-heading { align-items:flex-start; gap:25px; }.showcase-section-heading>p { max-width:280px; }.sales-attention { grid-template-columns:1fr; }.sales-attention-detail { min-height:370px; }.sales-detail-number { position:absolute; top:50px; right:30px; font-size:5rem; opacity:.65; }.sales-attention-detail h3 { margin-top:35px; max-width:350px; position:relative; }.sales-attention-detail p { max-width:450px; }.sales-approval-path { grid-template-columns:1fr; gap:9px; }.sales-approval-path>div { padding:21px 21px 21px 75px; }.sales-approval-path i { position:absolute; left:25px; top:30px; margin:0; }.approval-arrow { transform:rotate(90deg); }.approval-outcome-area { grid-template-columns:1fr; gap:20px; }.approval-choices { flex-direction:row; }.approval-choices button { flex:1; text-align:center; }.showcase-final-inner { grid-template-columns:1fr; gap:25px; } }
@media (max-width:540px) { .showcase .container { padding-left:21px; padding-right:21px; }.showcase-hero { padding:22px 0 43px; }.showcase-hero .breadcrumb { margin-bottom:35px; font-size:.64rem; }.showcase-hero-grid { gap:29px; }.showcase-hero h1 { font-size:clamp(2.3rem,10vw,3.1rem); }.showcase h2 { font-size:2.2rem; }.showcase-kicker { font-size:.55rem; margin-bottom:19px; }.showcase-lead { font-size:.9rem; }.showcase-actions { gap:10px; }.showcase-actions .btn { font-size:.8rem; padding:12px 17px; }.showcase-text-link { font-size:.73rem; }.showcase-footnote { font-size:.64rem; }.sales-orbit { padding:20px 16px; }.showcase-visual-label { font-size:.45rem; }.sales-orbit-lead { padding:19px 14px; gap:10px; }.sales-avatar { width:36px; height:39px; font-size:1rem; }.sales-orbit-lead strong { font-size:1rem; }.sales-orbit-lead small { font-size:.43rem; }.sales-orbit-lead div>span { font-size:.57rem; }.sales-temperature { font-size:.48rem; padding:3px 6px; }.sales-orbit-nodes strong { font-size:.59rem; }.sales-orbit-nodes span { font-size:.48rem; }.sales-orbit-note { padding:16px 13px; }.sales-orbit-note strong { font-size:.72rem; }.sales-orbit figcaption { font-size:.5rem; }.showcase-strip .container { gap:10px; padding-top:17px; padding-bottom:17px; }.showcase-strip span { display:flex; flex-direction:column; gap:8px; flex:1; font-size:.54rem; text-align:center; }.showcase-strip i { margin:0; font-size:.8rem; }.showcase-section { padding:53px 0; }.showcase-section-heading { flex-direction:column; gap:20px; margin-bottom:27px; }.showcase-section-heading>p { max-width:none; font-size:.84rem; }.sales-attention-list { padding:20px 12px; }.sales-attention-list button { padding:15px 10px; gap:10px; }.sales-attention-list strong { font-size:.77rem; }.sales-attention-list small { font-size:.59rem; }.sales-attention-icon { width:32px; height:34px; }.sales-attention-detail { padding:25px 23px; min-height:370px; }.sales-detail-number { right:23px; top:50px; font-size:3.5rem; }.sales-attention-detail h3 { max-width:225px; font-size:1.6rem; }.sales-attention-detail p { font-size:.77rem; }.sales-detail-top { font-size:.44rem; }.sales-detail-chain { font-size:.56rem; gap:8px; }.showcase-context-note { font-size:.69rem; }.showcase-body-copy { font-size:.86rem; }.showcase-detail-list dt { font-size:.81rem; }.showcase-detail-list dd { font-size:.74rem; }.sales-timeline { padding:22px 19px; }.sales-timeline li { gap:13px; }.sales-timeline li strong { font-size:.79rem; }.sales-timeline li small { font-size:.43rem; }.sales-timeline li p { font-size:.64rem; }.sales-timeline figcaption { font-size:.54rem; }.sales-approval-path { padding:22px 17px; }.sales-approval-path strong { font-size:.89rem; }.sales-approval-path small { font-size:.6rem; }.approval-outcome-area { padding:22px 17px; }.approval-choices { gap:5px; }.approval-choices button { padding:10px 6px; font-size:.62rem; }.approval-result h3 { font-size:1.32rem; }.approval-result p { font-size:.75rem; }.approval-demo-note { padding:16px 17px; font-size:.59rem; }.sales-mail-context { grid-template-columns:1fr; gap:17px; }.sales-mail-context p { font-size:.7rem; }.showcase-final-inner { gap:20px; }.showcase-final-inner p { font-size:.83rem; } }
.projects-showcase { --show-accent:#72c4ff; --show-tint:#ebf2fa; }
.projects-showcase .showcase-hero { background:radial-gradient(ellipse at 83% 30%,#183c59 0,transparent 58%),#0e1b2e; }
.projects-showcase .showcase-hero h1 { color:#f0f5fa; }.projects-showcase .showcase-hero .showcase-kicker { color:#94bedf; }.projects-showcase .showcase-hero .showcase-lead { color:#b5c5d5; }.projects-showcase .showcase-hero .breadcrumb,.projects-showcase .showcase-hero .showcase-footnote { color:#99b2c7; }.projects-showcase .showcase-hero .showcase-text-link { color:#cee8ff; }
.projects-showcase .showcase-section h2 em { color:#3579a7; }.projects-showcase .showcase-kicker { color:#507a95; }
.project-launch { padding:25px; border:1px solid #6c91ae66; border-radius:22px; background:#192f43; color:#e4edf4; box-shadow:0 25px 60px #0003; }.project-launch .showcase-visual-label { color:#9bb7c9; }.project-launch-title { display:flex; gap:15px; align-items:center; margin-top:29px; }.project-launch-title>span { width:47px; height:47px; display:grid; place-items:center; color:#92c9f3; background:#294a65; border-radius:13px; font-size:1.2rem; }.project-launch-title small { font:.48rem var(--font-mono); letter-spacing:.07em; color:#a2bed4; }.project-launch-title strong { display:block; font:600 1.55rem var(--font-display); margin:6px 0; }.project-launch-title p { font-size:.67rem; margin:0; color:#a9c0d2; }
.project-milestones { display:flex; justify-content:space-between; gap:12px; margin:27px 0 21px; padding:15px 0; border-top:1px solid #6889a14d; border-bottom:1px solid #6889a14d; }.project-milestones>span { font-size:.65rem; color:#bed4e5; position:relative; }.project-milestones i { margin-right:6px; color:#8ac5f2; font-size:.56rem; }.project-launch-tasks>div { display:flex; gap:12px; align-items:center; padding:13px 0; border-bottom:1px solid #6386a12b; }.project-launch-tasks>div>i { color:#85bdde; }.project-launch-tasks>div>span { font-size:.76rem; }.project-launch-tasks b { display:grid; place-items:center; width:24px; height:24px; background:#3e536b; font:500 .47rem var(--font-body); margin-left:auto; border-radius:50%; color:#c9ddeb; }.project-launch-bottom { display:flex; justify-content:space-between; gap:10px; padding:18px 0; font-size:.58rem; color:#a5bfd4; }.project-launch-bottom i { margin-right:5px; color:#8dcaff; }.project-launch figcaption { font-size:.53rem; color:#9bb5ca; }
.project-explorer { border:1px solid #cfdce7; border-radius:19px; overflow:hidden; background:white; box-shadow:0 16px 45px #2443620d; }.project-explorer-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; background:#eef3f8; border-bottom:1px solid #d9e2eb; padding:18px 24px; }.project-explorer-bar>div:first-child { display:flex; align-items:center; gap:12px; }.project-explorer-bar strong { font:600 .92rem var(--font-display); }.project-small-icon { display:grid; place-items:center; width:32px; height:32px; background:#d9e6f1; color:#5083a6; border-radius:8px; }.project-demo-tag { font:.49rem var(--font-mono); color:#6a8295; letter-spacing:.05em; }.project-view-buttons { display:flex; gap:5px; }.project-view-buttons button { border:1px solid transparent; border-radius:7px; padding:9px 13px; font-size:.73rem; color:#5a7287; background:transparent; }.project-view-buttons button.is-active { background:#254f71; color:#fff; }.project-view { padding:30px; min-height:359px; }.project-view[hidden] { display:none; }.project-view-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }.project-view-heading .showcase-kicker { font-size:.5rem; margin-bottom:11px; }.project-view-heading h3 { font-size:1.28rem; letter-spacing:-.03em; margin:0; }.project-task-row { display:grid; grid-template-columns:2.25fr .7fr .8fr 1fr; align-items:center; gap:20px; border-bottom:1px solid #e0e8ee; padding:18px 0; font-size:.77rem; color:#425970; }.project-task-header { font-size:.6rem; color:#73889a; padding:0 0 14px; }.project-task-row i { color:#7193ac; margin-right:8px; }.project-state { display:inline-block; padding:5px 9px; border-radius:6px; background:#e9eff9; color:#4b6b98; font-size:.61rem; font-weight:500; }.project-state--done { background:#e6f1eb; color:#55745f; }.project-state--next { background:#f0f1f3; color:#74808c; }.project-view-note { display:flex; gap:12px; align-items:flex-start; padding-top:23px; font-size:.75rem; color:#527491; }.project-view-note p { font-size:.71rem; line-height:1.8; margin:0; color:#657c8f; }.project-view-note a { color:#326f9e; text-decoration:underline; text-underline-offset:3px; }
.project-resources-grid { display:grid; grid-template-columns:1fr 1fr; gap:45px; }.project-resources-grid h4 { font-size:.72rem; color:#52728d; padding-bottom:12px; border-bottom:1px solid #dbe5ee; }.project-resources-grid h4 i { margin-right:8px; }.project-person { display:flex; align-items:center; gap:13px; margin:14px 0; }.project-person>span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#e2edf5; color:#527893; font-size:.6rem; }.project-person strong,.project-material strong { display:block; font-size:.74rem; font-weight:600; }.project-person small,.project-material small { display:block; font-size:.6rem; color:#7a8c9a; margin-top:4px; }.project-material { display:flex; align-items:center; gap:14px; margin:14px 0; }.project-material>i { display:grid; place-items:center; width:34px; height:34px; border-radius:8px; background:#f0f3f7; color:#718eaa; }
.project-deliverable-view { display:grid; grid-template-columns:1fr 1fr; gap:45px; align-items:center; }.project-document { border:1px solid #d9e2eb; padding:21px; border-radius:9px; background:linear-gradient(135deg,#f8fbfe,#eef4fa); }.project-document>span { font:.48rem var(--font-mono); letter-spacing:.05em; color:#6486a2; }.project-document h4 { margin-top:18px; font-size:1.35rem; }.project-document p { font-size:.69rem; color:#7690a6; margin:16px 0 0; }.project-document-lines { height:48px; background:repeating-linear-gradient(to bottom,#cfdeeb 0 4px,transparent 4px 16px); width:85%; }.project-version-rail>span { font:.5rem var(--font-mono); color:#637e96; letter-spacing:.06em; }.project-version-rail>div { display:flex; gap:12px; align-items:center; margin-top:20px; }.project-version-rail b { font:.6rem var(--font-mono); background:#dceaf5; color:#407ea5; border-radius:7px; padding:8px; }.project-version-rail strong { font-size:.75rem; display:block; }.project-version-rail small { font-size:.6rem; color:#7a8c9c; display:block; margin-top:5px; }.project-version-rail p { font-size:.65rem; margin:24px 0 0; color:#6c889f; }.project-explorer-caption { margin:0; padding:17px 25px; background:#f7fafc; border-top:1px solid #dbe5ee; color:#677f92; font-size:.64rem; }
.project-journey-section { background:#14283c; color:#d6e5f1; }.project-journey-section .showcase-kicker { color:#8caec9; }.project-journey-section h2 { color:#eff6fc; }.project-journey-section h2 em { color:#8bc8f5 !important; }.project-journey-section .showcase-section-heading>p { color:#a4bbce; }.project-journey { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:0; margin:40px 0 0; border-top:1px solid #61809988; }.project-journey li { padding:30px 25px 20px 0; position:relative; }.project-journey li::before { content:''; width:9px; height:9px; background:#88badf; border:4px solid #14283c; box-sizing:content-box; border-radius:50%; position:absolute; top:-9px; left:0; }.project-journey li>span { display:block; font:.5rem var(--font-mono); letter-spacing:.05em; color:#8eaec7; }.project-journey i { display:block; color:#8fc4ec; margin:23px 0 17px; font-size:1.5rem; }.project-journey h3 { color:#e4f0f9; font-size:1.1rem; }.project-journey p { color:#a5bdd1; font-size:.76rem; line-height:1.8; margin:0; }.project-journey-caption { font-size:.63rem; color:#9bb5c9; margin:22px 0 0; }
.project-time-section { background:#f1f5f9; }.project-time-visual { padding:28px; background:#fff; border:1px solid #d7e3ed; border-radius:20px; box-shadow:0 15px 35px #2448650c; }.project-time-entry { display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid #dfe8f0; padding:22px 0; font-size:.78rem; color:#546e83; }.project-time-entry i { color:#7ea2c0; margin-right:8px; }.project-time-entry strong { color:#315577; }.project-time-total { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:25px 0; }.project-time-total>span { font:.57rem var(--font-mono); color:#5f839e; line-height:1.8; }.project-time-total small { font:.58rem var(--font-body); color:#7891a5; }.project-time-total>strong { font:600 2.8rem var(--font-display); color:#305e80; white-space:nowrap; }.project-time-total em { font-style:normal; color:#7fa8c8; }.project-time-visual figcaption { color:#718da2; }.projects-showcase .showcase-final { background:#f8fbfd; }.projects-showcase .showcase-text-link { color:#39749f; }
html:not(.js) .project-view-buttons { display:none; }html:not(.js) .project-view[hidden] { display:block; }
@media(max-width:800px) { .project-launch { width:100%; max-width:570px; justify-self:center; }.project-explorer-bar { align-items:flex-start; flex-direction:column; gap:15px; }.project-journey { grid-template-columns:1fr 1fr; gap:30px; border:0; }.project-journey li { border-top:1px solid #61809988; }.project-view-heading>.project-demo-tag { display:none; }.project-task-row { gap:12px; grid-template-columns:1.8fr .65fr .85fr 1fr; } }
@media(max-width:540px) { .project-launch { padding:21px 17px; }.project-launch-title { gap:12px; }.project-launch-title strong { font-size:1.3rem; }.project-launch-title p { font-size:.6rem; }.project-launch-tasks>div>span { font-size:.67rem; }.project-launch-bottom { font-size:.51rem; }.project-launch figcaption { font-size:.48rem; }.project-explorer-bar { padding:18px; }.project-explorer-bar strong { font-size:.83rem; }.project-explorer-bar .project-demo-tag { font-size:.43rem; }.project-explorer-bar>div:first-child { gap:8px; }.project-view-buttons { width:100%; }.project-view-buttons button { flex:1; padding:10px 5px; font-size:.68rem; }.project-view { padding:23px 18px; }.project-view-heading h3 { font-size:1.15rem; }.project-task-table { display:grid; gap:12px; }.project-task-header { display:none; }.project-task-row:not(.project-task-header) { display:grid; grid-template-columns:1fr 1fr; gap:11px; border:1px solid #e0e8ee; border-radius:9px; padding:15px 12px; font-size:.67rem; }.project-task-row>span:first-child { grid-column:1/-1; font-weight:600; font-size:.76rem; }.project-task-row>span:nth-child(2)::before { content:'Owner: '; color:#7c909f; }.project-task-row>span:nth-child(3)::before { content:'Due: '; color:#7c909f; }.project-task-row>span:last-child { grid-column:1/-1; }.project-state { font-size:.59rem; }.project-view-note { gap:8px; }.project-view-note p { font-size:.65rem; }.project-explorer-caption { padding:16px 18px; font-size:.59rem; }.project-resources-grid { grid-template-columns:1fr; gap:20px; }.project-deliverable-view { grid-template-columns:1fr; gap:24px; }.project-journey { grid-template-columns:1fr; gap:15px; border-left:1px solid #61809988; padding-left:25px; margin-left:6px; }.project-journey li { border:0; padding:0 0 15px; }.project-journey li::before { left:-34px; top:0; }.project-journey i { margin:17px 0; }.project-journey h3 { font-size:1.05rem; }.project-journey p { font-size:.73rem; }.project-journey-caption { font-size:.59rem; }.project-time-visual { padding:24px 20px; }.project-time-entry { font-size:.72rem; }.project-time-total>strong { font-size:2.4rem; }.project-time-total>span { font-size:.51rem; }.project-time-visual figcaption { font-size:.57rem; } }
@media (prefers-reduced-motion:reduce) { html:has(.showcase) { scroll-behavior:auto; }.showcase *, .showcase *::before, .showcase *::after { animation:none !important; transition:none !important; } }