:root{--bg:#fff;--bg2:#f1f1f3;--ink:#262b38;--mute:#5b6070;--red:#a30d20;--vio:#4f22e8;--line:#dcdde3;--onred:#fff;--hd:rgba(255,255,255,.92);
color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#14151b;--bg2:#1d1f28;--ink:#eceef4;--mute:#a4a9b8;--red:#e0485b;--vio:#8f78ff;--line:#2e3140;--hd:rgba(20,21,27,.92);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#14151b;--bg2:#1d1f28;--ink:#eceef4;--mute:#a4a9b8;--red:#e0485b;--vio:#8f78ff;--line:#2e3140;--hd:rgba(20,21,27,.92);color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 Archivo,Segoe UI,Arial,sans-serif;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--hd);z-index:30}
h1,h2,h3{font-weight:900;line-height:1.1;margin:0}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--hd);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:14px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;font-size:15px;margin-right:auto}
nav{display:flex;gap:18px;font-size:14px;font-weight:600}
nav a{text-decoration:none;color:var(--mute)}nav a:hover{color:var(--red)}
.tg{display:flex;gap:6px}
.tg button{font:700 13px Archivo,sans-serif;background:none;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 10px;cursor:pointer}
.tg button[aria-pressed="true"]{background:var(--red);color:var(--onred);border-color:var(--red)}
button:focus-visible,a:focus-visible{outline:3px solid var(--vio);outline-offset:2px}
.hero{position:relative;background:var(--bg);overflow:hidden;padding:84px 0 120px}
.hero::before{content:"";position:absolute;top:0;right:0;width:52%;height:100%;background:var(--red);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%);opacity:.96}
.hero::after{content:"";position:absolute;right:0;bottom:0;width:30%;height:48%;background:var(--vio);clip-path:polygon(50% 0,100% 100%,0 100%)}
.hero .wrap{position:relative;z-index:2}
.hero h1{font-size:clamp(40px,8vw,84px);max-width:11ch}
.hero h1 span{color:var(--red);display:block}
.hero p{max-width:46ch;color:var(--mute);font-size:18px;margin:22px 0 28px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 22px;font-weight:800;text-decoration:none;border-radius:4px;border:2px solid var(--red);background:var(--red);color:var(--onred)}
.btn.o{background:var(--bg);color:var(--red)}
.facts{display:flex;gap:28px;flex-wrap:wrap;margin-top:44px;font-size:14px;color:var(--mute)}
.facts b{display:block;font-size:26px;color:var(--ink)}
section{padding:78px 0}
.alt{background:var(--bg2)}
h2{font-size:clamp(30px,5vw,46px);color:var(--red);margin-bottom:26px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.card{background:var(--bg);border:1px solid var(--line);border-top:5px solid var(--red);padding:22px}
.alt .card{background:var(--bg)}
.card h3{font-size:19px;margin-bottom:12px}
.card ul{margin:0;padding-left:18px;color:var(--mute)}
.card.v{border-top-color:var(--vio)}
.card.v h3{color:var(--vio)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.mk{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.mk div{padding:20px;border-left:6px solid var(--vio);background:var(--bg2);font-weight:800}
.tl{position:relative;margin:0;padding:0;list-style:none}
.tl::before{content:"";position:absolute;left:104px;top:6px;bottom:6px;width:3px;background:var(--line)}
.tl li{display:grid;grid-template-columns:104px 1fr;gap:0 34px;margin-bottom:26px;position:relative}
.tl .y{font-weight:900;font-size:18px;color:var(--red)}
.tl .dot{position:absolute;left:97px;top:9px;width:17px;height:17px;background:var(--vio);border:3px solid var(--bg);border-radius:50%}
.tl .b{border:1px solid var(--line);padding:18px 20px;background:var(--bg);margin-left:20px}
.tl h3{font-size:18px}
.tl .m{color:var(--mute);font-size:14px;margin:4px 0 8px}
.tl .val{display:inline-block;font-weight:800;background:var(--bg2);padding:3px 10px;border-radius:3px;font-size:14px}
.note{color:var(--mute);font-size:13px;margin-top:6px}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.ct dl{margin:0}.ct dt{font-weight:800;color:var(--red);margin-top:16px}.ct dd{margin:2px 0 0;color:var(--mute)}
footer{background:var(--red);color:#fff;padding:26px 0;font-size:14px}
.hero .hp{position:absolute;right:0;top:0;width:44%;height:100%;object-fit:cover;clip-path:polygon(34% 0,100% 0,100% 100%,0 100%);z-index:1}
.ab{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center}
.ab img,.bn,.strip img{width:100%;object-fit:cover;display:block}
.ab img{aspect-ratio:4/3}
.bn{height:230px;margin:34px 0 0;clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}
.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}
.strip img{height:170px}
.mk div{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.mk img,.tl .lg{height:44px;width:auto;max-width:190px;object-fit:contain;background:#fff;padding:6px 10px;border-radius:3px}
.tl .lg{height:34px;padding:4px 8px;margin-bottom:10px;display:block}
.tl .b{display:flex;gap:18px}
.tl .th{width:190px;height:140px;object-fit:cover;flex:none}
.tl .val{margin:0 6px 6px 0}
.ctimg{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:6px}
@media(max-width:760px){.hero .hp{display:none}.ab{grid-template-columns:1fr}.strip{grid-template-columns:1fr}.strip img{height:150px}.tl .b{flex-direction:column}.tl .th{width:100%;height:160px}nav{display:none}.two,.ct{grid-template-columns:1fr}.hero::before{width:100%;opacity:.12}.hero::after{width:44%}.tl::before{left:6px}.tl li{grid-template-columns:1fr;gap:4px}.tl .dot{left:0;top:7px}.tl .y{padding-left:26px}.tl .b{margin-left:26px}}
.lead{max-width:72ch;color:var(--mute);margin:-8px 0 28px}
.card .sd{color:var(--mute);font-size:15px;margin:0 0 12px}
/* Experience: alternating two-column cards */
.tl .b{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;overflow:hidden}
.tl .b .th{width:100%;height:100%;min-height:250px;object-fit:cover;display:block}
.tl .b>div{padding:24px 26px}
.tl li:nth-child(even) .b .th{order:2}
.tl .b .lg{height:64px;max-width:240px;padding:8px 14px;margin-bottom:16px;border:1px solid var(--line)}
/* Market: larger logo tiles */
.mk div{padding:0;gap:0;align-items:stretch;overflow:hidden}
.mk img{width:100%;max-width:none;height:120px;padding:18px 26px;border-radius:0;object-fit:contain}
.mk span{padding:16px 20px;display:block}
@media(max-width:760px){.tl .b{grid-template-columns:1fr}.tl .b .th,.tl li:nth-child(even) .b .th{order:0;height:200px;min-height:0}}