:root{--navy-950:#071426;--navy-900:#0b1f38;--navy-800:#102b4c;--navy-700:#17436f;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-100:#dbeafe;--blue-50:#eff6ff;--clarity-primary:#7a2038;--clarity-primary-dark:#8f1b2a;--clarity-primary-soft:#fff1f2;--purple-600:#7c3aed;--purple-100:#ede9fe;--green-600:#15803d;--green-100:#dcfce7;--amber-600:#b45309;--amber-100:#fef3c7;--slate-950:#0f172a;--slate-900:#172033;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--page-width:1180px;--content-width:760px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-sm:0 5px 18px #0f172a0f;--shadow-md:0 18px 45px #0f172a17;--shadow-lg:0 28px 70px #0714262e;color:var(--slate-900);background:var(--white);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--slate-900);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}body,button,input,textarea,select{font:inherit}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}ul,ol{margin-top:0}main{min-height:70vh}h1,h2,h3,h4{color:var(--slate-950);letter-spacing:-.035em;margin-top:0;line-height:1.12}h1{margin-bottom:24px;font-size:clamp(2.75rem,6vw,5.25rem);font-weight:760}h2{margin-bottom:20px;font-size:clamp(2rem,4.2vw,3.55rem);font-weight:740}h3{letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:700}h4{margin-bottom:10px;font-size:1.05rem}p{color:var(--slate-600);margin-top:0;margin-bottom:20px;font-size:1.06rem;line-height:1.75}strong{color:inherit}.eyebrow,.section-label{border-bottom:3px solid var(--clarity-primary);letter-spacing:.06em;text-transform:uppercase;padding-bottom:10px;font-size:1rem;font-weight:800;display:inline-block}.section-label:before{content:"";background:var(--clarity-primary);border-radius:999px;width:42px;height:3px}.brand-label{color:var(--clarity-primary);letter-spacing:-.01em;border-bottom:3px solid var(--clarity-primary);align-items:center;gap:14px;margin-bottom:20px;padding-bottom:10px;font-size:1.25rem;font-weight:750;line-height:1.2;display:inline-flex}.section-intro{max-width:760px;color:var(--slate-600);margin-bottom:0;margin-right:auto;font-size:clamp(1.05rem,1.8vw,1.24rem)}.section-heading{max-width:840px;margin-bottom:48px}.section-heading h2{margin-bottom:18px}.container{width:min(var(--page-width), calc(100% - 40px));margin-inline:auto}.narrow{width:min(var(--content-width), calc(100% - 40px))}.section{padding:96px 0;position:relative}.section.light{background:var(--slate-50)}.grid-2,.grid-3{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.navbar{z-index:100;min-height:76px;padding:0 max(24px, calc((100vw - var(--page-width)) / 2));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #e2e8f0e6;justify-content:space-between;align-items:center;gap:30px;display:flex;position:sticky;top:0}.logo{color:var(--navy-900);letter-spacing:-.04em;font-size:1.45rem;font-weight:850}.navbar nav{align-items:center;gap:8px;display:flex}.navbar nav a{color:var(--slate-700);border-radius:var(--radius-sm);padding:10px 13px;font-size:.94rem;font-weight:600;transition:color .18s,background .18s,transform .18s}.navbar nav a:hover{color:var(--navy-900);background:var(--slate-100)}.nav-product{border:1.5px solid var(--clarity-primary);background:var(--white);color:var(--clarity-primary)!important}.nav-product:hover{transform:translateY(-1px);color:var(--white)!important;background:var(--clarity-primary)!important}.nav-cta{background:var(--navy-900);margin-left:5px;color:var(--white)!important}.nav-cta:hover{color:var(--white)!important;background:var(--navy-700)!important}.button-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.btn{min-height:50px;color:var(--white);background:var(--clarity-primary);border:1px solid var(--clarity-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:.98rem;font-weight:720;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 10px 24px #b4233538}.btn:hover{background:var(--clarity-primary-dark);border-color:var(--clarity-primary-dark);transform:translateY(-2px);box-shadow:0 14px 30px #8f1b2a47}.btn-secondary{color:var(--navy-900);background:var(--white);border-color:var(--slate-300);box-shadow:none}.btn-secondary:hover{color:var(--navy-900);background:var(--slate-50);border-color:var(--slate-400);box-shadow:var(--shadow-sm)}.hero{color:var(--white);background:radial-gradient(circle at 80% 20%, #3b82f633, transparent 33%), linear-gradient(135deg, var(--navy-950), var(--navy-800));padding:120px 0 112px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.hero .container{z-index:1;position:relative}.hero h1,.hero h2{max-width:980px;color:var(--white)}.hero p{color:#e2e8f0e6}.hero-text{max-width:800px;margin-bottom:0;font-size:clamp(1.12rem,2vw,1.36rem);line-height:1.7}.card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-sm);padding:30px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.card:hover{border-color:var(--slate-300);box-shadow:var(--shadow-md);transform:translateY(-4px)}.card h3{margin-bottom:12px}.card p:last-child{margin-bottom:0}.clarity-page{background:var(--white)}.clarity-hero{background:radial-gradient(circle at 85% 15%,#b423353d,#0000 34%),radial-gradient(circle at 12% 90%,#2563eb29,#0000 32%),linear-gradient(135deg,#071426 0%,#102b4c 62%,#192f50 100%);align-items:center;min-height:690px;display:flex}.clarity-hero .eyebrow{color:#fda4af}.clarity-hero h1{max-width:1000px}.clarity-ethos-line{width:fit-content;color:var(--white);border-radius:var(--radius-pill);letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff2e;margin-top:32px;padding:11px 16px;font-size:.95rem;font-weight:760}.clarity-principles-section{background:var(--white)}.principle-card{border-top:4px solid var(--clarity-primary)}.principle-number{width:44px;height:44px;color:var(--clarity-primary);background:var(--clarity-primary-soft);letter-spacing:.08em;border-radius:14px;justify-content:center;align-items:center;margin-bottom:28px;font-size:.78rem;font-weight:850;display:inline-flex}.clarity-statement{color:var(--white);background:var(--navy-900);border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:14px;margin-top:32px;padding:24px 28px;display:flex}.clarity-statement strong{color:var(--white);font-size:1.08rem}.clarity-statement span{color:var(--slate-300)}.problem-summary{background:var(--clarity-primary-soft);border-left:4px solid var(--clarity-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-top:32px;padding:24px 28px}.problem-summary p{color:var(--slate-800);margin:0;font-size:1.08rem;font-weight:650}.stack-flow{justify-items:center;max-width:870px;margin:0 auto;display:grid}.stack-item{text-align:center;background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);padding:26px 30px}.stack-item h3{margin-bottom:8px}.stack-item p{max-width:680px;margin:0 auto}.stack-item-featured{color:var(--white);background:linear-gradient(135deg, var(--clarity-primary-dark), var(--clarity-primary));border-color:var(--clarity-primary);box-shadow:0 20px 48px #b4233538}.stack-item-featured h3,.stack-item-featured p,.stack-item-featured .stack-label{color:var(--white)}.stack-label{color:var(--clarity-primary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:800;display:block}.stack-arrow{color:var(--slate-400);padding:10px 0;font-size:1.4rem;font-weight:800}.integration-points{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.integration-points span{color:var(--slate-700);background:var(--slate-100);border:1px solid var(--slate-200);border-radius:var(--radius-pill);padding:9px 14px;font-size:.88rem;font-weight:680}.workflow-phases{gap:28px;display:grid}.workflow-phase{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:36px}.workflow-phase-1{border-top:5px solid var(--blue-600)}.workflow-phase-2{border-top:5px solid var(--green-600)}.workflow-phase-3{border-top:5px solid var(--purple-600)}.workflow-phase-4{border-top:5px solid var(--amber-600)}.workflow-phase-header{grid-template-columns:auto 1fr;align-items:start;gap:18px;margin-bottom:30px;display:grid}.workflow-phase-header h3{margin-bottom:8px;font-size:clamp(1.55rem,3vw,2.1rem)}.workflow-phase-header p{max-width:760px;margin-bottom:0}.workflow-phase-label{min-width:78px;color:var(--white);background:var(--navy-900);border-radius:var(--radius-pill);text-align:center;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;font-size:.76rem;font-weight:800}.workflow-steps{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));align-items:stretch;gap:14px;display:grid}.workflow-step{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);flex-direction:column;justify-content:flex-start;min-height:132px;padding:20px;display:flex;position:relative}.workflow-step p{color:var(--slate-800);margin:12px 0 0;font-size:.95rem;font-weight:650;line-height:1.5}.workflow-step-number{width:31px;height:31px;color:var(--white);background:var(--navy-900);border-radius:10px;justify-content:center;align-items:center;font-size:.76rem;font-weight:800;display:inline-flex}.workflow-step-arrow{display:none}.workflow-phase-detail{color:var(--slate-600);border-top:1px solid var(--slate-200);margin:26px 0 0;padding-top:24px}.workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;display:grid}.workflow>.workflow-step{min-height:130px}.queue-card{padding:34px}.queue-tag{color:var(--clarity-primary);background:var(--clarity-primary-soft);border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;padding:7px 11px;font-size:.74rem;font-weight:800;display:inline-flex}.feature-list{gap:11px;margin:24px 0 0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--slate-700);padding-left:27px;font-size:.97rem;position:relative}.feature-list li:before{content:"✓";color:var(--green-600);font-weight:850;position:absolute;top:0;left:0}.difference-card:before{content:"";background:var(--clarity-primary);border-radius:var(--radius-pill);width:42px;height:4px;margin-bottom:22px;display:block}.research-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:64px;display:grid}.research-introduction{position:sticky;top:120px}.research-introduction h2{font-size:clamp(2rem,4vw,3.2rem)}.research-question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.research-question{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);align-items:flex-start;gap:14px;min-height:142px;padding:22px;transition:background .18s,border-color .18s,transform .18s;display:flex}.research-question:hover{background:var(--white);border-color:var(--slate-300);transform:translateY(-3px)}.research-question span{width:30px;height:30px;color:var(--white);background:var(--clarity-primary);border-radius:10px;flex:0 0 30px;justify-content:center;align-items:center;font-size:.84rem;font-weight:850;display:inline-flex}.research-question p{color:var(--slate-800);margin:1px 0 0;font-size:.96rem;font-weight:630;line-height:1.55}.audience-pills{flex-wrap:wrap;gap:13px;display:flex}.audience-pill{color:var(--slate-800);background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);padding:12px 17px;font-size:.95rem;font-weight:650}.design-partner-panel{color:var(--white);background:radial-gradient(circle at top right, #b4233559, transparent 32%), linear-gradient(135deg, var(--navy-950), var(--navy-800));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:clamp(34px,6vw,64px)}.design-partner-panel h2,.design-partner-panel h3{color:var(--white)}.design-partner-panel>div:first-child>p:last-child{max-width:760px;color:var(--slate-300)}.design-partner-panel .section-label{color:#fda4af}.design-partner-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px;display:grid}.design-partner-options article{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff21;padding:25px}.design-partner-options p{color:var(--slate-300);margin-bottom:0;font-size:.96rem}.clarity-final-cta{color:var(--white);background:radial-gradient(circle at 80% 20%, #b4233559, transparent 32%), linear-gradient(135deg, var(--navy-950), var(--navy-800));overflow:hidden}.clarity-final-cta h2{max-width:850px;color:var(--white)}.clarity-final-cta p{max-width:760px;color:var(--slate-300)}.clarity-final-cta .eyebrow{color:#fda4af}.contact-form{gap:16px;margin-top:34px;display:grid}.contact-form input,.contact-form textarea,.contact-form select{width:100%;color:var(--slate-900);background:var(--white);border:1px solid var(--slate-300);border-radius:var(--radius-sm);outline:none;padding:15px 16px;transition:border-color .18s,box-shadow .18s}.contact-form textarea{resize:vertical;min-height:160px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #3b82f61f}.contact-form button{min-height:52px;color:var(--white);background:var(--navy-900);border-radius:var(--radius-sm);cursor:pointer;border:0;padding:14px 20px;font-weight:750;transition:background .18s,transform .18s}.contact-form button:hover{background:var(--navy-700);transform:translateY(-1px)}.contact-form button:disabled{cursor:not-allowed;opacity:.7}.success{color:var(--green-600);font-weight:650}.error{color:var(--clarity-primary);font-weight:650}.footer{padding:58px max(24px, calc((100vw - var(--page-width)) / 2));color:var(--white);background:var(--navy-950)}.footer h3{color:var(--white)}.footer p{color:var(--slate-400)}.footer-links{flex-wrap:wrap;gap:20px;margin:26px 0;display:flex}.footer-links a{color:var(--slate-300);font-weight:600}.footer-links a:hover{color:var(--white)}.copyright{margin-bottom:0;font-size:.85rem;color:var(--slate-500)!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #3b82f673}@media (width<=1020px){.navbar{padding-inline:24px}.grid-3,.workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.research-layout{grid-template-columns:1fr;gap:42px}.research-introduction{position:static}.design-partner-options{grid-template-columns:1fr}}@media (width<=780px){.navbar{flex-direction:column;align-items:flex-start;padding:16px 20px}.navbar nav{flex-wrap:wrap;justify-content:flex-start;gap:4px;width:100%}.navbar nav a{padding:8px 10px;font-size:.88rem}.nav-cta{margin-left:0}.hero,.clarity-hero{min-height:auto;padding:88px 0 82px}.section{padding:74px 0}.grid-2,.grid-3,.workflow,.research-question-grid{grid-template-columns:1fr}.section-heading{margin-bottom:34px}.clarity-statement{flex-direction:column;align-items:flex-start}.workflow-phase{padding:28px 22px}.workflow-phase-header{grid-template-columns:1fr}.workflow-phase-label{width:fit-content}.workflow-steps{grid-template-columns:1fr}.workflow-step{min-height:auto}.workflow-step-arrow{color:var(--slate-400);text-align:center;margin-top:16px;display:block}.design-partner-panel{border-radius:var(--radius-lg)}.button-row{flex-direction:column;align-items:stretch}.button-row .btn{width:100%}}@media (width<=480px){.container,.narrow{width:min(100% - 28px, var(--page-width))}h1{font-size:2.55rem}h2{font-size:2rem}.card,.queue-card{border-radius:var(--radius-md);padding:24px}.clarity-ethos-line{text-align:center;width:100%}.stack-item{padding:22px 18px}.audience-pill{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-zyratek{color:var(--white);background:var(--navy-900);border-color:var(--navy-900);box-shadow:0 10px 24px #0b1f3833}.btn-zyratek:hover{color:var(--white);background:var(--navy-700);border-color:var(--navy-700);box-shadow:0 14px 30px #0b1f3840}.cookie-banner{z-index:1000;max-width:1120px;margin:0 auto;position:fixed;bottom:24px;left:24px;right:24px}.cookie-banner__content{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:28px;padding:24px;display:flex;box-shadow:0 24px 70px #07142638}.cookie-banner h2{margin-bottom:8px;font-size:1.25rem}.cookie-banner p{max-width:700px;margin-bottom:0;font-size:.94rem;line-height:1.6}.cookie-banner__actions{flex-shrink:0;gap:12px;display:flex}.cookie-button{border-radius:var(--radius-sm);cursor:pointer;min-height:46px;padding:11px 17px;font-weight:700;transition:background .18s,border-color .18s,transform .18s}.cookie-button:hover{transform:translateY(-1px)}.cookie-button--primary{color:var(--white);background:var(--navy-900);border:1px solid var(--navy-900)}.cookie-button--primary:hover{background:var(--navy-700);border-color:var(--navy-700)}.cookie-button--secondary{color:var(--slate-800);background:var(--white);border:1px solid var(--slate-300)}.cookie-button--secondary:hover{background:var(--slate-50);border-color:var(--slate-400)}@media (width<=760px){.cookie-banner{bottom:14px;left:14px;right:14px}.cookie-banner__content{flex-direction:column;align-items:stretch}.cookie-banner__actions{flex-direction:column}.cookie-button{width:100%}}