@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/IBMPlexSans-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/IBMPlexSans-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/IBMPlexSans-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/IBMPlexSans-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--purple-100:#ede7ff;--purple-600:#6d3df5;--purple-900:#24154f;--silver-100:#eef0f4;--silver-200:#d8dce5;--silver-500:#9ca3af;--ink:#17151d;--graphite:#2a2731;--cloud:#f6f6f8;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--cloud);color:var(--ink);font:400 16px/1.6 "IBM Plex Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--purple-600);outline-offset:4px}
.skip-link{position:absolute;top:-100px;left:1rem;z-index:10;padding:.7rem 1rem;background:var(--purple-900);color:var(--white)}
.skip-link:focus{top:1rem}
.wrap{width:min(1140px,calc(100% - 64px));margin-inline:auto}
.site-shell{min-height:100vh;display:flex;flex-direction:column}
.site-header{width:100%;min-height:82px;margin-inline:0;padding-inline:max(32px,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--white);border-bottom:1px solid var(--silver-200)}
.brand{display:inline-flex;align-items:center;gap:.65rem;white-space:nowrap;font-size:1.42rem;font-weight:700;letter-spacing:-.045em;line-height:1}
.brand-icon{display:block;width:38px;height:38px;border-radius:50%}
.brand-xp{color:var(--purple-600)}
.site-nav{display:flex;align-items:center;gap:2rem;font-size:.9rem;font-weight:600}
.site-nav a:hover,.site-footer a:hover{color:var(--purple-600)}
.nav-contact{padding:.55rem .85rem;border:1px solid var(--silver-200);border-radius:5px}
.nav-contact:hover{border-color:var(--purple-600)}
main{flex:1}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:700}
.hero{background:var(--purple-900);color:var(--white)}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:6%;padding-block:7.5rem}
.hero-label,.eyebrow,.card-kicker{font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.hero-label{color:var(--silver-200);margin-bottom:1.5rem}
.hero h1{max-width:690px;font-size:clamp(3.7rem,6vw,6.3rem);line-height:1.05;letter-spacing:-.055em;margin-bottom:1.45rem}
.hero-lede{max-width:585px;font-size:1.16rem;line-height:1.68;color:var(--silver-100);margin-bottom:2rem}
.store-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.store-button{display:inline-flex;align-items:center;gap:.8rem;min-width:180px;min-height:62px;padding:.68rem 1rem;border:1px solid var(--silver-200);border-radius:6px;transition:background .15s ease,transform .15s ease}
.store-button[href]:hover{transform:translateY(-2px)}
.store-button[href]:active{transform:scale(.97);transition-duration:.08s}
.store-button[aria-disabled="true"]{cursor:default;opacity:.78}
.store-button-dark{background:var(--purple-600);border-color:var(--purple-600);color:var(--white)}
.store-button-light{background:var(--white);color:var(--purple-900)}
.store-icon{width:25px;height:25px;flex:none}
.store-button-copy{display:flex;flex-direction:column;line-height:1.16}
.store-button-copy small{font-size:.7rem;font-weight:400}
.store-button-copy strong{font-size:1rem;font-weight:700}
.store-note{font-size:.78rem;color:var(--silver-200);line-height:1.5;margin:1rem 0 0}
.hero-mark{min-height:375px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5rem;background:var(--silver-100);color:var(--purple-900)}
.hero-mark svg{width:min(76%,360px);height:auto;fill:currentColor}
.hero-mark p{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-align:center;margin:0}
.hero-mark p span{color:var(--purple-600);margin-inline:.4rem}
.value-section{padding-block:6.5rem 7rem;background:var(--cloud)}
.section-heading{max-width:700px;margin-bottom:3.4rem}
.eyebrow{color:var(--purple-600);margin-bottom:1rem}
.section-heading h2{font-size:clamp(2.6rem,4.4vw,4.4rem);line-height:1.12;letter-spacing:-.05em;margin-bottom:0}
.value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--silver-200)}
.value-card{padding:2.3rem 3rem 0 0}
.value-card+.value-card{border-left:1px solid var(--silver-200);padding-left:3rem}
.card-kicker{color:var(--purple-600);margin-bottom:1.2rem}
.value-card h3{font-size:clamp(1.7rem,2.6vw,2.55rem);line-height:1.18;letter-spacing:-.04em;margin-bottom:.9rem}
.value-card p:last-child{max-width:470px;color:var(--graphite);font-size:1.03rem;line-height:1.7;margin-bottom:0}
.trust-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-block:5.7rem}
.trust-copy h2{font-size:clamp(2rem,3.4vw,3.4rem);letter-spacing:-.045em;line-height:1.14;margin-bottom:.9rem}
.trust-copy>p:last-child{color:var(--graphite);margin:0}
.trust-links{border-top:1px solid var(--silver-200)}
.trust-links a{display:flex;justify-content:space-between;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--silver-200);font-weight:600}
.trust-links a:hover,.trust-links a span:last-child{color:var(--purple-600)}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:2rem;border-top:1px solid var(--silver-200);color:var(--graphite);font-size:.84rem}
.site-footer p{margin:0}
.site-footer nav{display:flex;gap:1.5rem}
.page-hero{padding-block:5.5rem 4.5rem}
.page-hero h1{max-width:860px;font-size:clamp(3.3rem,5.8vw,6rem);letter-spacing:-.055em;line-height:1.08;margin-bottom:1.2rem}
.page-hero h1 em{font-style:normal;color:var(--purple-600)}
.page-intro{max-width:700px;color:var(--graphite);font-size:1.12rem;line-height:1.7;margin:0}
.document-section{background:var(--white);border-top:1px solid var(--silver-200);padding-block:4.5rem 6.5rem}
.document-layout{display:grid;grid-template-columns:220px minmax(0,710px);gap:9%}
.document-aside{color:var(--graphite);font-size:.84rem;line-height:1.6}
.document-aside strong{display:block;color:var(--purple-900);margin-bottom:.75rem}
.document-body{color:var(--graphite);line-height:1.78}
.document-body section+section{margin-top:2.6rem;padding-top:2.3rem;border-top:1px solid var(--silver-200)}
.document-body h2{font-size:1.62rem;line-height:1.25;letter-spacing:-.035em;color:var(--ink);margin-bottom:.9rem}
.document-body p{margin-bottom:1rem}
.document-body ul{padding-left:1.2rem;margin-top:0}
.document-body li+li{margin-top:.6rem}
.document-body a:not(.button){color:var(--purple-600);text-decoration:underline;text-underline-offset:3px}
.document-callout{padding:1.4rem;background:var(--purple-100);border-left:4px solid var(--purple-600)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:50px;padding:.75rem 1.1rem;border-radius:5px;font-size:.9rem;font-weight:600;transition:background .15s ease,transform .15s ease}
.button-primary{background:var(--purple-600);color:var(--white)}
.button:hover{background:var(--purple-900);transform:translateY(-2px)}
.button:active{transform:scale(.97);transition-duration:.08s}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;padding-block:5rem;gap:3rem}.hero-mark{min-height:260px}.trust-section{gap:5%}.document-layout{grid-template-columns:180px minmax(0,1fr);gap:5%}}
@media(max-width:650px){.wrap{width:min(100% - 36px,1140px)}.site-header{min-height:72px;padding-inline:18px}.brand{font-size:1.22rem}.brand-icon{width:34px;height:34px}.site-nav{gap:1rem;font-size:.8rem}.site-nav a:first-child{display:none}.hero-inner{padding-block:4.1rem;gap:2.7rem}.hero h1{font-size:clamp(3.15rem,12vw,4.8rem)}.hero-lede{font-size:1rem}.store-actions{gap:.6rem}.store-button{min-width:0;flex:1 1 145px;padding:.6rem .7rem}.store-icon{width:21px;height:21px}.store-button-copy strong{font-size:.9rem}.hero-mark{min-height:220px;gap:2rem}.hero-mark svg{width:min(75%,250px)}.value-section{padding-block:4.8rem}.section-heading{margin-bottom:2.4rem}.section-heading h2{font-size:clamp(2.4rem,9vw,3.5rem)}.value-grid{grid-template-columns:1fr}.value-card{padding:2rem 0}.value-card+.value-card{border-left:0;border-top:1px solid var(--silver-200);padding-left:0}.trust-section{grid-template-columns:1fr;padding-block:4.8rem;gap:2rem}.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{flex-wrap:wrap;gap:.7rem 1.1rem}.page-hero{padding-block:4.2rem}.page-hero h1{font-size:clamp(3rem,11vw,5rem)}.document-section{padding-block:3rem 5rem}.document-layout{grid-template-columns:1fr;gap:2rem}.document-aside{padding-bottom:1.2rem;border-bottom:1px solid var(--silver-200)}}
@media(max-width:380px){.store-actions{flex-direction:column}.store-button{width:100%;flex:none}}
@media(max-width:650px){.site-nav .nav-contact{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store-button,.button{transition:none}.store-button[href]:hover,.button:hover{transform:none}}
