*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f9fe;color:#10243b;font-family:'DM Sans',Arial,sans-serif;line-height:1.7}h1,h2,h3{font-family:'Sora',Arial,sans-serif;line-height:1.2;letter-spacing:0}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.site-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #dce6f1}.site-nav img{width:190px;height:50px;object-fit:contain}.site-links{display:flex;gap:24px;align-items:center}.site-links a{text-decoration:none;font-weight:600;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 20px;border-radius:8px;background:#2563eb;color:white;text-decoration:none;font-weight:700;font-size:14px}.breadcrumbs{padding:30px 0;color:#59718e;font-size:13px}.breadcrumbs a{text-decoration:none}.breadcrumbs span{margin:0 10px}.project-intro{padding:20px 0 42px;max-width:820px}.eyebrow{text-transform:uppercase;color:#2563eb;font-size:12px;font-weight:700}.project-intro h1{font-size:48px;margin:15px 0 20px}.project-intro p{font-size:19px;color:#425570;max-width:760px}.preview-caption{font-size:12px;color:#59718e;margin:14px 0 0}.case-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:68px 0}.case-content h2{font-size:25px;margin:0 0 18px}.case-content p{color:#425570;margin:0}.case-deliverables{padding:40px 0 50px;border-top:1px solid #dce6f1;display:grid;grid-template-columns:1fr 1fr;gap:50px}.case-deliverables h2{font-size:25px}.case-deliverables ul{padding-left:20px;color:#425570}.case-deliverables li{margin:12px 0}.case-deliverables p{color:#425570}.case-cta{padding:40px 0;border-top:1px solid #dce6f1;display:flex;justify-content:space-between;align-items:center;gap:24px}.case-cta h2{font-size:27px;margin:0 0 10px}.case-cta p{margin:0;color:#425570}.related{padding:35px 0 60px}.related-links{display:flex;flex-wrap:wrap;gap:14px}.related a{padding:14px 18px;background:#fff;border:1px solid #dce6f1;border-radius:8px;text-decoration:none;font-size:14px}.site-footer{padding:28px 0;background:#052659;color:white}.site-footer .wrap{display:flex;justify-content:space-between;gap:20px;font-size:13px}.site-footer a{text-decoration:none}:focus-visible{outline:3px solid #2563eb;outline-offset:5px}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:12px;background:white;padding:12px;z-index:10}
/* These are designed project previews, not live client websites. */
.project-demo{--accent:#e9fc68;--paper:#121510;--ink:#f4f5ee;position:relative;background:var(--paper);color:var(--ink);overflow:hidden;min-height:530px;padding:28px 36px;border-radius:8px;font-family:Arial,sans-serif}.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding-bottom:20px}.demo-brand{font-weight:800;font-size:22px;line-height:1.2}.demo-nav>span{font-size:11px;word-spacing:15px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:45px 0 30px}.demo-heading{font-size:50px;font-weight:800;line-height:1.05;margin:0 0 18px;max-width:520px}.demo-copy{font-size:14px;max-width:340px;opacity:.75}.demo-action{display:inline-flex;padding:11px 18px;background:var(--accent);color:var(--paper);font-size:12px;font-weight:700;margin-top:18px;border-radius:3px}.demo-image{width:100%;height:265px;object-fit:cover;object-position:top;border-radius:3px}.demo-items{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-item{border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);padding:17px 0;font-size:12px}.demo-item b{display:block;font-size:11px;opacity:.5;margin-bottom:9px}.theme-northstar{--paper:#f9f6ef;--ink:#243d32;--accent:#284e3c}.theme-northstar .demo-heading{font-family:Georgia,serif;font-weight:400;font-size:53px}.theme-northstar .demo-action{color:white}.theme-northstar .demo-image{height:280px;object-position:right}.theme-northstar .demo-brand{font-family:Georgia,serif;font-weight:400}.theme-haven{--paper:#f3f1e8;--ink:#263e39;--accent:#b94e39}.theme-haven .demo-layout{grid-template-columns:1.1fr .9fr}.theme-haven .demo-heading{font-family:Georgia,serif;font-size:55px;font-weight:400}.theme-haven .demo-action{color:white;border-radius:30px}.theme-haven .demo-image{height:300px;border-radius:130px 130px 6px 6px;object-position:right}.theme-haven .demo-items{font-family:Georgia,serif}.theme-swiftflow{--paper:#f6f3ff;--ink:#3e285b;--accent:#7a4bc3}.theme-routepilot{--paper:#1d2825;--ink:#eef5ed;--accent:#d1eb54}.theme-caredesk{--paper:#fff8f5;--ink:#4a2937;--accent:#b95176}.theme-novatech{--paper:#f4f4f1;--ink:#22251d;--accent:#ceef31}.theme-luma{--paper:#f6eee9;--ink:#653e35;--accent:#aa5643}.theme-vertex{--paper:#071c22;--ink:#e5f6f3;--accent:#40dab6}.theme-luma .demo-brand,.theme-luma .demo-heading{font-family:Georgia,serif;font-weight:400}.theme-luma .demo-heading{font-size:56px}.theme-luma .demo-image{border-radius:140px 140px 8px 8px;height:300px}.theme-luma .demo-action{color:white;border-radius:30px}.demo-workspace{margin-top:28px;display:grid;grid-template-columns:160px 1fr;min-height:360px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:6px;overflow:hidden}.demo-sidebar{padding:24px 18px;background:color-mix(in srgb,var(--ink) 5%,var(--paper));font-size:12px}.demo-sidebar span{display:block;margin:0 0 22px}.demo-sidebar span:first-child{color:var(--accent);font-weight:700}.demo-main{padding:25px}.demo-main .demo-heading{font-size:28px;max-width:none}.demo-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.demo-column{padding:16px;background:color-mix(in srgb,var(--ink) 4%,var(--paper));border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:4px}.demo-column h3{font-family:Arial,sans-serif;font-size:12px;margin:0 0 18px}.demo-ticket{padding:14px;margin-top:10px;background:color-mix(in srgb,var(--paper) 90%,white);border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);font-size:11px;border-left:3px solid var(--accent)}.demo-ticket small{display:block;opacity:.6;margin-top:7px}.theme-routepilot .demo-workspace{grid-template-columns:1fr}.theme-routepilot .demo-sidebar{display:none}.theme-routepilot .demo-board{grid-template-columns:1.3fr 1fr 1fr}.theme-routepilot .demo-column:first-child{background:var(--accent);color:#1d2825}.theme-caredesk .demo-board{grid-template-columns:.8fr 1.2fr 1fr}.theme-caredesk .demo-column:nth-child(2){background:#fff;border-color:#e9cbd6}.demo-chart{height:130px;display:flex;align-items:end;gap:12px;padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.demo-chart i{display:block;flex:1;background:var(--accent);border-radius:3px 3px 0 0}.theme-novatech .demo-layout{grid-template-columns:1fr 1fr}.theme-novatech .demo-heading{font-size:55px;text-transform:uppercase}.theme-novatech .demo-image{display:none}.theme-novatech .demo-chart{height:240px}.theme-vertex .demo-heading{font-family:monospace;font-size:44px}.theme-vertex .demo-image{height:210px}.theme-vertex .demo-items{font-family:monospace}.demo-label{font-size:10px;opacity:.6;margin-top:16px}.project-demo h2,.project-demo h3{letter-spacing:0}
@media(max-width:800px){.project-intro h1{font-size:38px}.case-content,.case-deliverables{gap:30px}.project-demo{padding:22px;min-height:0}.demo-heading,.theme-northstar .demo-heading,.theme-haven .demo-heading,.theme-luma .demo-heading,.theme-novatech .demo-heading{font-size:36px}.demo-layout{gap:22px}.demo-workspace{grid-template-columns:110px 1fr}.demo-main{padding:18px}.demo-board{gap:8px}.demo-column{padding:10px}.demo-ticket{padding:9px}.demo-nav>span{word-spacing:4px;font-size:10px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-nav img{width:130px}.site-links{gap:12px}.site-links a{font-size:12px}.site-links .button{display:none}.project-intro h1{font-size:32px}.project-intro p{font-size:17px}.case-content,.case-deliverables{grid-template-columns:1fr;padding:40px 0;gap:32px}.case-cta{align-items:start;flex-direction:column}.site-footer .wrap{flex-direction:column;gap:12px}.demo-layout,.theme-haven .demo-layout,.theme-novatech .demo-layout{grid-template-columns:1fr;padding:28px 0}.demo-nav>span{display:none}.demo-heading,.theme-northstar .demo-heading,.theme-haven .demo-heading,.theme-luma .demo-heading,.theme-novatech .demo-heading,.theme-vertex .demo-heading{font-size:34px}.demo-image{height:200px}.demo-items{grid-template-columns:1fr;gap:0}.demo-item{padding:12px 0}.demo-workspace{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-board,.theme-routepilot .demo-board,.theme-caredesk .demo-board{grid-template-columns:1fr}.demo-main .demo-heading{font-size:25px}.breadcrumbs{font-size:12px}.demo-chart{height:130px}}