:root{--blue:#1AAFD0;--blue-deep:#0F8FAE;--ink:#1A1A1A;--gray:#666666;--light:#F5F5F5;--line:#E4E4E4;--white:#FFFFFF;--font-sans:Arial,"Helvetica Neue",Helvetica,sans-serif;--font-mono:Consolas,"Liberation Mono",Menlo,"Courier New",monospace;--maxw:1120px;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{animation-duration:0.001ms !important;transition-duration:0.001ms !important;}}
body{margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.12em;color:var(--blue);text-transform:uppercase;margin:0 0 14px;}
.eyebrow::before{content:"// ";color:var(--gray);}
section{padding:96px 0;}
h1,h2,h3{margin:0;font-family:var(--font-sans);}
h2{font-size:32px;font-weight:bold;color:var(--ink);margin-bottom:14px;}
p{color:var(--gray);margin:0;}
.section-intro{max-width:620px;font-size:16px;margin-bottom:48px;}
.btn{display:inline-block;padding:13px 26px;font-size:15px;font-weight:bold;text-decoration:none;border-radius:2px;transition:background .15s ease,color .15s ease,border-color .15s ease;font-family:var(--font-sans);}
.btn-primary{background:var(--blue);color:#fff;border:1px solid var(--blue);}
.btn-primary:hover{background:var(--blue-deep);border-color:var(--blue-deep);}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink);}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);}
.bracket{position:relative;border:1px solid var(--line);background:var(--white);padding:28px 26px;}
.bracket::before,.bracket::after{content:"";position:absolute;width:18px;height:18px;border-color:var(--blue);transition:width .2s ease,height .2s ease;}
.bracket::before{top:-1px;left:-1px;border-top:3px solid var(--blue);border-left:3px solid var(--blue);}
.bracket::after{bottom:-1px;right:-1px;border-bottom:3px solid var(--blue);border-right:3px solid var(--blue);}
.bracket:hover::before,.bracket:hover::after{width:26px;height:26px;}