@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root { --ink:#112321; --muted:#53625f; --cream:#f7f5ef; --paper:#fcfbf8; --lime:#9cf596; --blue:#16b8ec; --sun:#ffe58e; --coral:#ffa993; --line:#dfe4dd; --dark:#102321; --serif:'Playfair Display', Georgia, serif; --sans:'DM Sans', Arial, sans-serif; --mono:'DM Mono', monospace; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; } a { color:inherit; text-decoration:none; } .section-shell { padding-left:max(5vw, 32px); padding-right:max(5vw, 32px); } .site-header { height:88px; display:flex; align-items:center; justify-content:space-between; padding:0 max(5vw, 32px); border-bottom:1px solid rgba(17,35,33,.08); background:rgba(252,251,248,.9); position:relative; z-index:10; } .wordmark { font:500 12px/1 var(--mono); letter-spacing:.04em; display:flex; gap:9px; align-items:center; white-space:nowrap; } .wordmark-mark { color:#14b9e9; font-size:18px; line-height:1; } nav { display:flex; align-items:center; gap:28px; margin-left:auto; margin-right:30px; } nav a { color:#53625f; font-size:14px; } nav a:hover, nav a.active { color:var(--ink); } .button { display:inline-flex; align-items:center; gap:22px; border-radius:999px; padding:15px 21px; background:var(--ink); color:white; font-size:14px; font-weight:600; transition:transform .2s, background .2s; } .button:hover { transform:translateY(-2px); background:#22514d; } .button span { font-size:18px; line-height:10px; } .button-small { padding:11px 16px; gap:12px; font-size:13px; } .button-light { background:var(--lime); color:var(--ink); } .button-light:hover { background:#bdffb8; } .eyebrow, .section-label { color:#667672; font:500 11px/1.2 var(--mono); letter-spacing:.08em; } .eyebrow { display:flex; align-items:center; gap:8px; } .eyebrow-dot { width:7px; height:7px; border-radius:50%; background:var(--lime); display:block; } .text-link { font-size:14px; font-weight:600; padding-bottom:5px; border-bottom:1px solid var(--ink); display:inline-flex; gap:12px; align-items:center; }.text-link span { font-size:18px; } h1,h2,h3,p { margin-top:0; } h1,h2 { letter-spacing:-.055em; } h1 { font-size:clamp(49px, 6.3vw, 98px); line-height:.98; font-weight:600; } h2 { font-size:clamp(38px, 4.7vw, 68px); line-height:1.01; font-weight:600; } h1 em,h2 em { font-family:var(--serif); font-weight:500; } .company-hero { min-height:665px; position:relative; overflow:hidden; padding-top:120px; } .company-hero h1 { max-width:820px; margin:22px 0 24px; } .hero-copy { width:min(470px, 100%); color:var(--muted); font-size:18px; line-height:1.55; } .hero-actions { display:flex; align-items:center; gap:26px; margin-top:33px; }.hero-orbit { position:absolute; right:1vw; top:78px; width:510px; height:510px; pointer-events:none; }.orbit-circle { position:absolute; border:1px solid #c9ded8; border-radius:50%; }.orbit-one { inset:3%; }.orbit-two { inset:18%; border-color:#d2e7d5; }.orbit-star { position:absolute; top:17%; left:12%; font-size:80px; color:var(--lime); text-shadow:26px 125px 0 #1cc0ec, 185px 203px 0 #9cf596; }.principles { padding-top:115px; padding-bottom:120px; background:#f0eee7; }.principles-intro { display:grid; grid-template-columns:1.3fr .7fr; gap:70px; margin:29px 0 80px; }.principles-intro h2 { margin:0; }.principles-intro p { color:var(--muted); font-size:17px; line-height:1.65; align-self:end; max-width:390px; margin:0; }.principle-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #cfd5cd; }.principle-grid article { min-height:245px; padding:26px 35px 0 0; border-right:1px solid #cfd5cd; }.principle-grid article+article { padding-left:30px; }.principle-grid article:last-child { border:0; }.number { font:11px var(--mono); color:#78837d; }.principle-grid h3 { margin:42px 0 10px; font-size:22px; letter-spacing:-.03em; }.principle-grid p { margin:0; line-height:1.6; color:var(--muted); max-width:270px; }.product-spotlight { background:var(--dark); min-height:600px; color:white; display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; overflow:hidden; }.product-copy { padding:100px 0; max-width:540px; }.product-copy .eyebrow { color:#b9cbc4; }.product-copy h2 { margin:20px 0 22px; }.product-copy h2 em { color:var(--lime); }.product-copy p { color:#c8d5d1; line-height:1.65; max-width:465px; margin-bottom:32px; }.product-art { min-height:500px; position:relative; display:grid; place-items:center; }.product-art img { width:min(390px,80%); z-index:1; filter:drop-shadow(0 25px 45px rgba(0,0,0,.3)); }.glow { width:400px;height:400px;position:absolute;background:radial-gradient(circle,rgba(27,191,235,.28),transparent 67%); }.float-card { position:absolute; background:#f9fbf9; color:var(--ink); border-radius:12px; padding:14px 17px; font-size:13px; box-shadow:0 18px 30px rgba(0,0,0,.18); z-index:2; }.card-top { top:22%; right:4%; }.card-bottom { bottom:19%; left:8%; }.status-dot { display:inline-block;width:8px;height:8px;border-radius:50%;background:#77e873;margin-right:7px; }.float-card strong { margin-left:15px; }.closing { padding-top:130px; padding-bottom:125px; }.closing h2 { margin:20px 0 38px; }.closing h2 span { color:#11b6e4; font-family:var(--serif); font-style:italic; font-weight:500; }.site-footer { min-height:115px; display:flex; align-items:center; justify-content:space-between; padding:30px max(5vw,32px); border-top:1px solid var(--line); }.footer-links { display:flex; gap:22px; color:var(--muted); font-size:13px; }.footer-links a:hover { color:var(--ink); }.site-footer p { margin:0; color:#77837e; font:11px var(--mono); }

/* PriceSafe */ .ps-hero { min-height:690px; display:grid; grid-template-columns:.95fr 1.05fr; gap:32px; align-items:center; overflow:hidden; background:linear-gradient(112deg,#f8fcf5 0%,#e2f8e3 54%,#c9f5ed 100%); }.hero-copy-wrap { padding:85px 0; }.ps-hero h1 { margin:20px 0 25px; }.ps-hero h1 em { color:#109c8e; }.ps-hero .hero-copy-wrap>p:not(.microcopy) { color:var(--muted); font-size:18px; line-height:1.6; max-width:460px; }.microcopy { color:#75827d; font-size:12px; margin:24px 0 0; }.dashboard-wrap { height:490px; position:relative; display:grid; place-items:center; }.dash-noise { position:absolute; width:450px;height:450px; border-radius:50%; background:radial-gradient(circle,rgba(52,194,177,.25),rgba(52,194,177,0) 67%); }.dashboard { width:min(560px, 95%); height:360px; background:#fff; border:1px solid #dbe5df; box-shadow:0 30px 65px rgba(19,89,73,.15); border-radius:12px; position:relative; z-index:1; overflow:hidden; font-family:var(--sans); }.dash-top { height:54px; display:flex; align-items:center; gap:8px; padding:0 18px; border-bottom:1px solid #edf0ed; font-size:12px; font-weight:700; }.dash-logo { background:#153b34; color:var(--lime); width:22px; height:22px; border-radius:7px; display:grid; place-items:center; }.dash-user { margin-left:auto; width:25px;height:25px;border-radius:50%;background:#d5f5d6;display:grid;place-items:center;font-size:9px;color:#185149; }.dash-body { display:grid; grid-template-columns:126px 1fr; height:306px; }.dash-body aside { background:#f8faf8; border-right:1px solid #edf0ed; padding:17px 10px; }.dash-body aside span { display:block;padding:9px 11px;font-size:10px;color:#77827d;margin-bottom:3px; }.dash-body aside .side-active { background:#ddf7e0;color:#17634e;border-radius:6px;font-weight:600; }.dash-main { padding:23px; }.dash-title { font-size:17px; font-weight:700; margin:0 0 15px; }.alert-row { border:1px solid #f0ddd4; border-radius:8px; background:#fffaf7; padding:10px; display:flex; gap:9px; align-items:center; font-size:10px; }.alert-icon { width:21px;height:21px;border-radius:50%;background:#ffe5d6;color:#d7642b;display:grid;place-items:center;font-weight:bold; }.alert-row div { display:grid;gap:2px; }.alert-row small { color:#77827d;font-size:9px; }.alert-row button { margin-left:auto; border:0;background:#163d36;color:white;border-radius:5px;font-size:9px;padding:7px 10px; }.metrics { display:grid;grid-template-columns:1fr 1fr; gap:12px; margin:15px 0; }.metrics small,.activity>small { font:8px var(--mono);color:#73827c;letter-spacing:.05em; }.metrics strong { font-size:22px;display:block;margin:4px 0 1px; }.metrics span { color:#74807b;font-size:9px; }.activity p { margin:5px 0 0;padding-top:5px;border-top:1px solid #edf0ed;font-size:9px;display:flex;align-items:center;gap:5px; }.activity p i { width:5px;height:5px;background:#72df80;border-radius:50%; }.activity p span { color:#77827d; }.activity p b { margin-left:auto; }.dash-annotation { position:absolute; z-index:2; background:white; padding:12px 14px;border-radius:9px;box-shadow:0 12px 25px rgba(16,53,46,.11);font-size:11px;font-weight:600; }.annotation-one { top:30px;right:-5px; }.annotation-two { bottom:48px;left:-6px; }.annotation-one span { color:#00a6d7;margin-left:8px; }.check { color:#16a77c;background:#dcf6e4;border-radius:50%;padding:2px 4px;margin-right:4px; }.problem-section { padding-top:135px;padding-bottom:130px; }.problem-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:80px; margin-top:28px; }.problem-grid h2 { margin:0; }.problem-grid p { color:var(--muted);line-height:1.68;font-size:17px; }.problem-grid strong { color:var(--ink); }.workflow { padding-top:110px;padding-bottom:130px;background:#173631;color:#fff; }.workflow .section-label { color:#a4bab4; }.workflow h2 { margin:22px 0 63px; }.workflow-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:52px; }.workflow-grid article { border-top:1px solid #52726b;padding-top:21px; }.step-icon { width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font:11px var(--mono);color:var(--ink); }.select-icon { background:#9cf596; }.review-icon { background:#2ac6e9; }.resolve-icon { background:#e6e3d8; }.workflow-grid h3 { font-size:21px;letter-spacing:-.03em;margin:25px 0 11px; }.workflow-grid p { color:#b8cac5;line-height:1.6;max-width:300px;margin:0; }.use-cases { padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:75px; }.use-visual { aspect-ratio:1;max-width:420px;position:relative;display:grid;place-items:center; }.use-circle { position:absolute;inset:0;border-radius:50%;background:#e4f8e2; }.use-visual img { width:72%;position:relative;filter:drop-shadow(0 18px 26px rgba(26,102,90,.16)); }.use-copy h2 { margin:20px 0 30px; }.use-copy ul { list-style:none;padding:0;margin:0;display:grid;gap:18px; }.use-copy li { border-bottom:1px solid var(--line);padding-bottom:16px;font-size:16px; }.use-copy li span { color:#10b8e8;margin-right:12px; }.trust-section { padding-top:110px;padding-bottom:105px;border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1.1fr;gap:65px; }.trust-section h2 { margin:21px 0 0; }.trust-grid { display:grid;grid-template-columns:1fr 1fr;gap:35px; }.trust-grid article { border-top:1px solid #aebdb5;padding-top:18px; }.trust-grid span { font:11px var(--mono);color:#87958e; }.trust-grid h3 { font-size:20px;letter-spacing:-.03em;margin:30px 0 9px; }.trust-grid p { color:var(--muted);line-height:1.6;margin-bottom:12px; }.trust-grid a { font-size:12px;font-weight:600;color:#0a897d;word-break:break-word; }.install-section { background:#0b2a27;color:white; padding-top:74px;padding-bottom:74px; }.install-content { display:flex;align-items:center;justify-content:center;gap:55px; }.install-content img { width:160px; }.install-content .eyebrow { color:#b8d0c8; }.install-content h2 { margin:18px 0 12px; }.install-content p { color:#b9cbc4;margin-bottom:23px; }.install-content .pilot-note { color:#91aaa2;font-size:12px;margin:15px 0 0; }

/* Support and legal */ .legal-main { min-height:calc(100vh - 203px);padding-top:105px;padding-bottom:125px; }.legal-main h1 { margin:20px 0 23px; }.support-lead { color:var(--muted);font-size:19px;line-height:1.6;max-width:600px; }.support-email { display:inline-flex;margin-top:25px;font-size:clamp(21px,3vw,38px);font-family:var(--serif);border-bottom:1px solid var(--ink);padding-bottom:5px; }.support-email span { color:#13b9e7;font-family:var(--sans);font-size:.7em;margin-left:10px; }.support-note { margin-top:72px;border-top:1px solid var(--line);max-width:660px;padding-top:18px;display:flex;gap:13px;color:var(--muted);line-height:1.55; }.support-note span { color:#12b9e8; }.support-note p { margin:0; }.legal-updated { color:#75827d;font:11px var(--mono); }.legal-copy { max-width:720px;margin-top:55px;color:#4e5d58;line-height:1.7; }.legal-copy h2 { font-family:var(--sans);font-size:22px;letter-spacing:-.03em;color:var(--ink);margin:37px 0 10px; }.legal-copy p { margin-bottom:17px; }.legal-copy a { color:#078d82;text-decoration:underline; }

@media (max-width: 800px) { .site-header { height:72px; }.site-header nav { display:none; }.site-header .button { padding:9px 13px;font-size:12px; }.company-hero { min-height:630px;padding-top:89px; }.hero-orbit { width:330px;height:330px;right:-100px;top:270px;opacity:.75; }.orbit-star { font-size:52px; }.principles,.problem-section { padding-top:76px;padding-bottom:75px; }.principles-intro,.problem-grid,.trust-section { grid-template-columns:1fr;gap:27px;margin-bottom:52px; }.principles-intro p { max-width:520px; }.principle-grid,.workflow-grid,.trust-grid { grid-template-columns:1fr;gap:0; }.principle-grid article,.principle-grid article+article { min-height:auto;padding:24px 0;border-right:0;border-bottom:1px solid #cfd5cd; }.principle-grid h3 { margin:21px 0 8px; }.product-spotlight,.ps-hero,.use-cases { grid-template-columns:1fr; }.product-copy { padding:75px 0 20px; }.product-art { min-height:360px; }.card-top { right:0; }.card-bottom { left:0; }.ps-hero { padding-top:0; }.hero-copy-wrap { padding:79px 0 13px; }.dashboard-wrap { height:380px;margin-bottom:25px; }.dashboard { height:302px; }.dash-body { height:248px; }.dash-main { padding:15px; }.dash-body aside { display:none; }.dash-body { grid-template-columns:1fr; }.annotation-one { top:11px;right:-7px; }.annotation-two { bottom:17px; }.problem-grid { margin-top:22px; }.workflow { padding-top:76px;padding-bottom:73px; }.workflow h2 { margin-bottom:38px; }.workflow-grid article { padding:20px 0 29px; }.use-cases { padding-top:70px;padding-bottom:70px;gap:48px; }.use-visual { max-width:285px; }.trust-section { padding-top:73px;padding-bottom:73px; }.trust-grid { gap:0; }.trust-grid article { padding:19px 0 24px; }.install-section { padding-top:58px;padding-bottom:58px; }.install-content { gap:20px;align-items:flex-start; }.install-content img { width:95px; }.closing { padding-top:80px;padding-bottom:80px; }.site-footer { min-height:180px;align-items:flex-start;flex-direction:column;gap:18px; }.footer-links { flex-wrap:wrap; }.legal-main { padding-top:75px;padding-bottom:75px; }.legal-copy { margin-top:40px; }.hero-actions { gap:18px;flex-wrap:wrap; } }
@media (max-width: 390px) { .section-shell { padding-left:24px;padding-right:24px; }.site-header { padding-left:24px;padding-right:24px; }.wordmark { font-size:10px; }.site-header .button-small { display:none; }.dashboard { transform:scale(.9); }.dashboard-wrap { margin-left:-20px;margin-right:-20px; }.annotation-one { right:5px; }.annotation-two { left:10px; }.install-content img { display:none; } }

/* Pure Imagination brand energy: bright enough to invite, quiet enough to work. */
.company-hero { background:linear-gradient(115deg,#fcfbf8 0%,#fcfbf8 58%,#f0fbef 100%); }
.company-hero h1 { max-width:900px; }
.company-hero h1 em { color:#0a9b91; }
.orbit-one { border-color:#bfe5e6; }
.orbit-star { text-shadow:26px 125px 0 #1cc0ec,185px 203px 0 var(--sun),110px 310px 0 var(--coral); }
.principles { background:#f8f3e9; }
.principle-grid { border-top-color:#d9d0bb; }
.principle-grid article { border-right-color:#d9d0bb; }
.principle-grid p { max-width:290px; }
.closing { background:linear-gradient(180deg,#fcfbf8 0%,#eefaf4 100%); }
.closing h2 { margin-bottom:22px; }
.closing-copy { color:var(--muted); line-height:1.62; max-width:525px; margin:0 0 31px; font-size:17px; }
.pain-points { display:grid; gap:8px; margin:22px 0; }
.pain-points span { display:block; width:max-content; max-width:100%; padding:8px 12px; border-radius:999px; background:#fff1ea; color:#9c4b2f; font-size:13px; line-height:1.25; }
.pain-points span:nth-child(2) { background:#eef8ee; color:#23765d; }
.pain-points span:nth-child(3) { background:#eef7fb; color:#257b9c; }
.dash-logo { background:transparent; overflow:visible; }
.dash-logo img { width:28px; height:34px; object-fit:contain; }
@media (max-width:800px) { .pain-points span { width:fit-content; border-radius:12px; } }

.features-section { padding-top:115px; padding-bottom:118px; background:#fbfbf8; }
.features-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:75px; align-items:end; margin:28px 0 62px; }
.features-heading h2 { margin:0; }
.features-heading h2 em { color:#0b9d91; }
.features-heading p { max-width:365px; margin:0; color:var(--muted); font-size:17px; line-height:1.62; }
.feature-list { border-top:1px solid #d7e0dc; }
.feature-list article { display:grid; grid-template-columns:85px minmax(0,1fr) auto; align-items:center; gap:28px; padding:25px 0; border-bottom:1px solid #d7e0dc; }
.feature-number { color:#0d9b91; font:12px var(--mono); }
.feature-list h3 { margin:0 0 6px; font-size:21px; letter-spacing:-.035em; }
.feature-list p { max-width:565px; margin:0; color:var(--muted); line-height:1.55; }
.feature-payoff { padding:8px 12px; border-radius:999px; background:#e7f7e7; color:#26725e; font-size:12px; font-weight:600; white-space:nowrap; }
@media (max-width:800px) { .features-section { padding-top:75px; padding-bottom:75px; } .features-heading { grid-template-columns:1fr; gap:20px; margin-bottom:38px; } .feature-list article { grid-template-columns:40px 1fr; gap:13px; align-items:start; } .feature-payoff { grid-column:2; justify-self:start; } .feature-list h3 { font-size:19px; } }