*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#172d3b;font:17px/1.65 Arial,Helvetica,sans-serif}a{color:#361f4a;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #3d73e0;outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding:0 30px}header{border-bottom:1px solid #ddd9df;background:#fff}nav{display:flex;align-items:center;justify-content:space-between;min-height:98px;gap:24px}nav img{width:175px;height:auto}nav .links{display:flex;gap:28px;font-size:15px}nav a{text-decoration:none}.hero{padding:90px 0 70px;display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2.6px;text-transform:uppercase;font-weight:bold;color:#665276}h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-2px;margin:20px 0 28px;font-weight:500}h2{font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-.7px}h3{font-size:21px;line-height:1.3}.lead{font-size:20px;color:#4b5860;max-width:630px}.button{display:inline-block;padding:14px 23px;border-radius:6px;background:#361f4a;color:#fff;text-decoration:none;font-weight:bold;font-size:15px}.secondary{background:transparent;color:#361f4a;border:1px solid #b9acbf}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.small{font-size:14px;color:#62676b}.card{border:1px solid #e1dce2;background:white;border-radius:15px;padding:28px}.snapshot{box-shadow:0 18px 50px #361f4a0c;transform:rotate(1deg);position:relative}.snapshot:before{content:'';display:block;height:6px;background:linear-gradient(to right,#e83c49 25%,#ffd800 25%,#ffd800 50%,#00a87d 50%,#00a87d 75%,#3d73e0 75%);border-radius:4px;margin-bottom:30px}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.swatches span{border-radius:5px;padding:12px;background:#f8f7f4;display:flex;align-items:center;gap:10px}.dot{width:12px;height:12px;display:inline-block;border-radius:50%}.section{padding:62px 0;border-top:1px solid #e4e0dc}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.number{color:#80718b;font-size:14px}.prompt{padding:19px 0;border-bottom:1px solid #e6e0e8;font-size:20px}.band{background:#eee9f1;border-radius:15px;padding:36px;display:flex;justify-content:space-between;gap:30px;align-items:center}.band h2{margin-top:0}.pill{display:inline-block;background:#f2edf5;color:#513e60;border-radius:20px;padding:4px 11px;font-size:12px;font-weight:bold}.article{max-width:840px;padding-top:65px;padding-bottom:70px}.article h1{font-size:50px}.article h2{margin-top:55px}.article li{margin:12px 0}code,pre{font:14px/1.6 Consolas,monospace;background:#eeeaf0}code{padding:3px 6px;overflow-wrap:anywhere}pre{padding:22px;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;vertical-align:top;padding:15px 12px;border-bottom:1px solid #ddd6e0}details{padding:18px 0;border-bottom:1px solid #ddd6e0}summary{cursor:pointer;font-weight:bold}footer{border-top:1px solid #ddd9df;padding:32px 0 40px;font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:2}@media(max-width:760px){.wrap{padding:0 22px}nav{min-height:85px}nav img{width:135px}nav .links{gap:16px;font-size:13px}.hero{grid-template-columns:1fr;padding:50px 0;gap:30px}h1{letter-spacing:-1px}.snapshot{transform:none}.grid{grid-template-columns:1fr}.section{padding:40px 0}.band{display:block;padding:25px}.article h1{font-size:39px}th,td{padding:12px 6px;font-size:13px}}@media print{nav,.buttons,footer{display:none}body{background:white}.section{break-inside:avoid}.article{max-width:none}a{color:inherit}}
@font-face{font-family:C4DPoppins;font-style:normal;font-weight:300;font-display:swap;src:url("/ai-assets/brand-v1/poppins-300.ttf") format("truetype")}
@font-face{font-family:C4DPoppins;font-style:normal;font-weight:400;font-display:swap;src:url("/ai-assets/brand-v1/poppins-400.ttf") format("truetype")}
@font-face{font-family:C4DPoppins;font-style:normal;font-weight:500;font-display:swap;src:url("/ai-assets/brand-v1/poppins-500.ttf") format("truetype")}
@font-face{font-family:C4DPoppins;font-style:normal;font-weight:600;font-display:swap;src:url("/ai-assets/brand-v1/poppins-600.ttf") format("truetype")}
@font-face{font-family:C4DPoppins;font-style:normal;font-weight:700;font-display:swap;src:url("/ai-assets/brand-v1/poppins-700.ttf") format("truetype")}
/* Clarity4D website-aligned presentation v1.0.0 */
:root{--c4d-ink:#18162a;--c4d-teal:#057490;--c4d-blue:#3a4896;--c4d-muted:#555968}
body{background:#fff;color:var(--c4d-ink);font-family:C4DPoppins,Poppins,Arial,sans-serif;font-size:16px;line-height:1.75}
a{color:var(--c4d-blue)}header{background:#fff;border-bottom:1px solid #ececf0}nav{min-height:100px}nav img{width:195px;content:url('/ai-assets/brand-v1/logo.webp')}nav .links a{border:1px solid #18162a;border-radius:28px;padding:7px 18px;color:var(--c4d-ink)}nav .links a:hover{background:#18162a;color:#fff}.hero{position:relative;padding:95px 0 85px;gap:70px;isolation:isolate}.hero:before{content:'';position:absolute;inset:-25px -65px auto auto;width:520px;height:480px;background:url('/ai-assets/brand-v1/colour-ribbon.webp') center/contain no-repeat;opacity:.22;z-index:-1;pointer-events:none}.hero h1{font-weight:300;letter-spacing:-1.5px;font-size:clamp(42px,4.5vw,65px);line-height:1.18}.hero .lead{font-size:19px;line-height:1.75}.eyebrow{color:var(--c4d-teal);font-weight:600;font-size:11px;letter-spacing:2px}h2{font-weight:400;color:var(--c4d-teal);line-height:1.3}h3{font-weight:500;color:var(--c4d-ink)}.lead,.small{color:var(--c4d-muted)}.button{font-family:inherit;border-radius:30px;padding:12px 24px;font-weight:500;background:var(--c4d-ink);border:1px solid var(--c4d-ink);transition:background .15s,color .15s}.button:hover{background:var(--c4d-blue);border-color:var(--c4d-blue)}.secondary{background:#fff;color:var(--c4d-ink)}.secondary:hover{background:var(--c4d-ink);color:#fff}.card{border-radius:8px;border-color:#e7e8ee;padding:28px;box-shadow:none}.snapshot{transform:none;border-top:0;box-shadow:0 8px 32px #18162a09;background:#fff}.snapshot:before{height:4px;margin-bottom:27px}.snapshot h2{color:var(--c4d-ink);font-weight:300}.swatches span{background:#f6f7fa}.section{border-color:#ececf0;padding:70px 0}.grid .card{border-top:3px solid #057490}.grid .card:nth-child(2){border-top-color:#00a87d}.grid .card:nth-child(3){border-top-color:#3a4896}.number{color:var(--c4d-teal)}.band{background:#f1f6f8;border-radius:8px;padding:38px}.band .button{flex-shrink:0}.prompt{font-weight:300;color:var(--c4d-ink);border-color:#e6e8ee;font-size:21px}.pill{background:#edf3f7;color:#215c75;font-weight:500}footer{background:#f6f8fa;border-color:#ececf0;color:var(--c4d-ink)}.article h1{font-weight:300;color:var(--c4d-ink)}.article h2{color:var(--c4d-teal)}table{line-height:1.65}th{font-weight:600}code,pre{background:#f2f4f8}details{border-color:#e6e8ee}summary{font-weight:500}
@media(max-width:760px){nav{min-height:86px;gap:16px;align-items:center}nav img{width:145px}nav .links{gap:7px;flex-wrap:wrap;justify-content:flex-end;font-size:11px}nav .links a{padding:5px 10px}.hero{padding:55px 0 45px;gap:35px}.hero:before{width:300px;height:280px;right:-15px;top:0;opacity:.13}.hero h1{font-size:43px;letter-spacing:-1px}.hero .lead{font-size:17px}.section{padding:45px 0}.prompt{font-size:18px}.band{padding:26px}.band .button{margin-top:10px}.article h1{font-size:39px}.buttons .button{font-size:13px;padding:11px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}