:root{font-family:Arial,Helvetica,sans-serif;color:#172e38;background:#f5f7f8;font-synthesis:none;--accent:#bcec68}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 6%;border-bottom:1px solid #d6dfe2}.brand{font-size:30px;font-weight:800;letter-spacing:-1.4px}nav{display:flex;align-items:center;gap:32px}.languages{display:flex;gap:5px;margin-left:20px}.languages a{padding:9px;border-radius:4px;font-size:14px}.languages a[aria-current]{background:#172e38;color:white}main{max-width:1600px;margin:auto}.hero{padding:100px 6% 85px;min-height:590px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:14px;margin:0 0 25px}h1{font-size:clamp(52px,7vw,100px);line-height:1.04;letter-spacing:-.055em;max-width:1000px;margin:0 0 36px;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--accent);padding:19px 25px;border:0;border-radius:4px;font-weight:600;cursor:pointer}.button:hover{background:#aadb54}.about,.contact{padding:80px 6%;display:grid;grid-template-columns:1fr 1.3fr;gap:70px;border-top:1px solid #d6dfe2}h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.04em;line-height:1.1;margin:0 0 25px;font-weight:500}p{line-height:1.7;font-size:18px;max-width:620px}.contact{background:#172e38;color:#fff}.contact p{color:#cad5da}form{display:grid;gap:22px}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:grid;gap:10px;font-size:14px}input,textarea{width:100%;border:1px solid #73858b;border-radius:4px;background:transparent;color:#fff;padding:15px;font-size:16px}textarea{resize:vertical;min-height:140px}.form-note{font-size:14px;margin:0}.submit-row{display:flex;align-items:center;gap:20px}footer{padding:28px 6%;display:flex;justify-content:space-between;font-size:14px}#status{margin:0;font-size:16px}@media(max-width:700px){header{padding:22px 6%}nav{gap:16px}.languages{margin-left:0}nav>a{font-size:14px}.brand{font-size:25px}.hero{padding-top:75px;min-height:510px}.about,.contact{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}.row{grid-template-columns:1fr}footer{gap:20px;flex-wrap:wrap}.submit-row{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{color:#f2f0e9;background:#101010;--accent:#D6A62A}header{border-color:#30302d}.brand span,em{color:var(--accent)}em{font-family:Georgia,serif;font-weight:400}.languages a[aria-current]{background:#D6A62A;color:#101010}.hero{min-height:650px;padding-top:55px;padding-bottom:65px}.hero-top{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.hero-top .eyebrow{margin:0;color:var(--accent)}.code-mark{font-size:26px;color:var(--accent);font-family:monospace}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:50px;width:100%}.hero-bottom p{color:#b6b6ad;max-width:480px}.button{color:#101010;background:var(--accent);border-radius:0}.button:hover{background:#e6c988}.button[aria-disabled=true]{opacity:.65;cursor:not-allowed}.about,.contact{border-color:#30302d}.about{background:#151514}.about-copy p{color:#b6b6ad}.contact{background:#101010}.contact p{color:#b6b6ad}input,textarea{border-color:#55554f;border-radius:0;background:#161615}input:focus,textarea:focus{outline:2px solid var(--accent)}footer{border-top:1px solid #30302d;align-items:center;color:#a6a69f}footer .brand{color:#f2f0e9}.eyebrow{font-size:13px}.about-copy{padding-top:34px}@media(max-width:700px){.hero{min-height:600px;padding-top:40px}.hero-top{margin-bottom:45px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:18px}.about-copy{padding-top:0}.languages a{padding:7px}nav{gap:12px}.hero h1{font-size:clamp(48px,10vw,70px)}}
.brand{font-family:Calibri,Carlito,Arial,sans-serif;font-weight:700;letter-spacing:0}
/* Let the mobile navigation occupy its own row instead of widening the page. */
@media(max-width:700px){header{flex-wrap:wrap;gap:18px}header nav{width:100%;min-width:0;flex-wrap:wrap;gap:12px}header .languages{margin-left:auto}.about>*,.contact>*,.apps>*,.app-grid>*{min-width:0}.hero h1,h2,.app-grid h3{overflow-wrap:break-word}}
.code-visual{width:min(43%,520px);height:auto;border:1px solid #30302d;box-shadow:16px 16px 0 #d6a62a22}
@media(max-width:700px){.code-visual{width:100%;max-width:520px}.hero-bottom{gap:32px}}
body{background:radial-gradient(circle at 78% 18%,#d6a62a16 0,transparent 28%),radial-gradient(circle at 12% 72%,#d6a62a0b 0,transparent 26%),#101010;background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:-35%;pointer-events:none;opacity:.18;background:repeating-radial-gradient(ellipse at 70% 30%,transparent 0 70px,#d6a62a18 71px 73px,transparent 74px 150px);transform:rotate(-12deg);z-index:-1}
.apps{padding:80px 6%;display:grid;grid-template-columns:1fr 1.3fr;gap:70px;border-top:1px solid #30302d;background:#111110}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.app-grid article{border:1px solid #38372f;padding:22px;min-height:220px;transition:transform .25s,border-color .25s}.app-grid article:hover{transform:translateY(-6px);border-color:#D6A62A}.app-grid span{font:13px monospace;color:#D6A62A}.app-grid h3{font-size:22px;margin:45px 0 12px}.app-grid p{font-size:16px;color:#aaa69b;line-height:1.5}@media(max-width:700px){.apps{grid-template-columns:1fr;gap:28px;padding-top:55px;padding-bottom:55px}.app-grid{grid-template-columns:1fr}.app-grid article{min-height:0}}