:root{color-scheme:dark;--bg:#0c120f;--ink:#f1efe8;--muted:#b3bfb6;--mint:#c8ddce;--gold:#d8c296;--line:#ffffff24;--panel:#17231c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}.wrap{width:min(1160px,88%);margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;background:var(--mint);color:var(--bg);padding:12px 20px;z-index:50}.skip:focus{top:16px}.company-header{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100px;border-bottom:1px solid var(--line)}.brand{font-size:12px;font-weight:700;letter-spacing:.19em}.brand span{display:block;font-size:7px;font-weight:400;letter-spacing:.15em;color:var(--muted);margin-top:5px}.back-link{display:flex;align-items:center;gap:15px;min-height:44px;font-size:12px;color:var(--muted)}.back-link:hover{color:var(--ink)}.back-link b{font-size:20px;font-weight:400;color:var(--gold)}.eyebrow{display:block;font-size:10px;letter-spacing:.17em;color:var(--gold);line-height:1.6}.company-hero{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center;min-height:670px;padding:88px 0 95px}.company-hero h1{font-size:clamp(62px,7.4vw,100px);line-height:.97;letter-spacing:-.065em;margin:29px 0}.company-lead{max-width:530px;font-size:21px;line-height:1.5;letter-spacing:-.02em}.company-intro{max-width:475px;font-size:14px;line-height:1.85;color:var(--muted);margin-top:22px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:62px;padding:18px 25px;border-radius:9px;background:var(--mint);border:1px solid #e2ede3;color:#132218;font-size:13px;font-weight:700;box-shadow:0 4px 0 #617b63,0 14px 35px #0003;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #617b63,0 19px 35px #0004}.button:active{transform:translateY(2px);box-shadow:0 2px 0 #617b63}.button span{font-size:23px;font-weight:400;line-height:1}.button-secondary{background:transparent;border-color:#d8c29666;box-shadow:none;color:var(--ink);font-weight:400}.button-secondary:hover{box-shadow:none;background:#d8c2960b}.destination{display:block;font-size:10px;color:#91a294;margin-top:19px;overflow-wrap:anywhere}.company-visual{position:relative;min-width:0;height:490px;display:grid;place-items:center;perspective:1100px;isolation:isolate;overflow:clip}.company-visual:before{content:'';position:absolute;inset:4%;border-radius:50%;background:radial-gradient(ellipse,#68857624,transparent 67%);z-index:-1}.visual-grid{position:absolute;inset:17% -3% 5%;background:linear-gradient(#c8ddce13 1px,transparent 1px),linear-gradient(90deg,#c8ddce13 1px,transparent 1px);background-size:44px 44px;transform:rotateX(66deg) rotateZ(-27deg);mask-image:radial-gradient(ellipse,#000,transparent 68%);-webkit-mask-image:radial-gradient(ellipse,#000,transparent 68%)}.visual-index{position:absolute;top:10px;right:0;font-size:10px;letter-spacing:.16em;color:#8ea093}.visual-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.18em;color:var(--gold)}.sculpture{position:relative;transform:rotateY(-11deg) rotateX(8deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.3,1);animation:arrive 1.1s both}.company-visual:hover .sculpture{transform:rotateY(-3deg) rotateX(3deg)}.visual-card{width:340px;padding:26px;border:1px solid #d8c2964d;border-radius:18px;background:linear-gradient(135deg,#273d30,#132018 80%);box-shadow:20px 30px 70px #0006;transform-style:preserve-3d}.card-cap{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:#d8c296}.card-cap i{display:block;width:7px;height:7px;background:var(--mint);border-radius:50%}.visual-card strong{display:block;font-weight:400;font-size:44px;line-height:1.08;letter-spacing:-.055em;margin:33px 0 26px}.search-line{display:flex;align-items:center;justify-content:space-between;border:1px solid #c8ddce35;padding:14px;font-size:11px;border-radius:7px;background:#0d17119e}.search-line span{font-size:20px;color:var(--gold)}.filter-row{display:flex;gap:7px;margin-top:13px}.filter-row i{font-size:9px;font-style:normal;border:1px solid #c8ddce26;padding:7px 10px;border-radius:20px;color:#c8d2c9}.floating-note{position:absolute;right:-32px;bottom:22px;transform:translateZ(45px);padding:13px 19px;background:#d8c296;color:#273020;font-size:10px;border:1px solid #f5dfb7;border-radius:7px;box-shadow:6px 13px 26px #0004}.phone-group{position:relative;width:340px;height:350px;transform-style:preserve-3d}.phone{position:absolute;width:152px;height:295px;padding:7px;border:2px solid #738778;border-radius:30px;background:linear-gradient(140deg,#bdcdbd,#273b30);box-shadow:20px 26px 48px #0006;overflow:hidden;transform:translateZ(20px)}.phone:before{content:'';position:absolute;width:51px;height:11px;top:15px;left:50%;transform:translateX(-50%);background:#0b100d;border-radius:10px;z-index:2}.phone-screen{height:100%;border:1px solid #c1d1ba38;border-radius:22px;background:radial-gradient(ellipse at 0% 15%,#9fa786,#293f2d 42%,#101b14 75%);display:grid;align-content:center;text-align:center;gap:10px}.phone-screen b{font-family:Georgia,serif;font-size:48px;color:#e4dec9;font-weight:400}.phone-screen small{font-size:8px;color:#dce1d5;letter-spacing:.14em}.phone:first-child{left:32px;top:40px;transform:rotate(-12deg);opacity:.68}.phone:nth-child(2){left:156px;top:5px;transform:rotate(11deg) translateZ(40px)}.phone:first-child .phone-screen{background:linear-gradient(135deg,#5e7064,#15281d)}.phone-group .floating-note{bottom:-1px;right:15px}.web-stack{height:330px;width:350px;position:relative;transform-style:preserve-3d}.browser-plane{position:absolute;inset:0 0 30px;background:linear-gradient(135deg,#26392c,#101d15);border:1px solid #d8c29660;border-radius:14px;box-shadow:20px 30px 55px #0005;transform:translateZ(35px);overflow:hidden}.browser-plane:before{content:'';display:block;height:35px;border-bottom:1px solid #ffffff20;background:radial-gradient(circle at 17px 17px,#d8c296 2px,transparent 3px),radial-gradient(circle at 29px 17px,#82988a 2px,transparent 3px),radial-gradient(circle at 41px 17px,#82988a 2px,transparent 3px)}.browser-plane.under{transform:translate(-30px,37px) translateZ(-30px);background:#17221a;border-color:#c8ddce28}.browser-content{padding:28px}.browser-content small{color:var(--gold);font-size:9px;letter-spacing:.18em}.browser-content strong{display:block;margin:14px 0 20px;font-weight:400;font-size:33px;line-height:1.05;letter-spacing:-.04em}.browser-content i{display:block;width:155px;height:6px;margin:9px 0;border-radius:3px;background:#c8ddce35}.browser-content i:last-child{width:100px}.browser-pill{display:block;width:105px;height:25px;border-radius:5px;background:var(--mint);margin-top:24px}.web-stack .floating-note{right:-20px;bottom:8px}.overview{padding:80px 0 85px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.13;letter-spacing:-.04em;margin-top:17px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:295px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{padding:29px 26px 25px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,#1b2a2070,#11201630);display:flex;flex-direction:column;align-items:flex-start;transition:border-color .3s,background .3s,transform .3s;min-width:0}.feature:hover{border-color:#d8c29680;background:#1a2b20;transform:translateY(-5px)}.feature-number{color:var(--gold);font-size:10px;letter-spacing:.14em}.feature h3{font-size:23px;line-height:1.16;letter-spacing:-.035em;margin:36px 0 16px}.feature p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:26px}.feature-link{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:var(--gold);gap:10px}.feature-link span{font-size:20px}.boundary{margin-top:26px;font-size:11px;color:#99aa9d;line-height:1.75;max-width:720px}.next-step{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;padding:85px 0}.next-step h2{font-size:clamp(32px,4vw,51px);letter-spacing:-.045em;line-height:1.1;margin:17px 0}.next-step p{font-size:14px;color:var(--muted);max-width:510px}.next-step .hero-actions{margin-top:0;flex-direction:column;align-items:stretch}.next-step .button{min-width:265px}.company-footer{padding:25px 0 40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#94a296}.company-footer nav{display:flex;gap:22px;flex-wrap:wrap}.company-footer a:hover{color:var(--gold)}.company-footer a[aria-current=page]{color:var(--ink)}@keyframes arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.company-hero{gap:20px}.company-hero h1{font-size:72px}.company-lead{font-size:19px}.company-visual{scale:.9;transform-origin:center}.button{padding:17px 20px;gap:20px}.feature{padding:24px 21px}.feature h3{font-size:21px}.feature-grid{gap:14px}}
@media(max-width:760px){.wrap{width:88%}.company-header{height:87px;gap:15px}.brand{font-size:10px}.brand span{font-size:6px}.back-link{font-size:10px;gap:7px}.back-link b{font-size:17px}.company-hero{grid-template-columns:1fr;gap:22px;padding:48px 0 55px;min-height:0}.company-hero h1{font-size:clamp(59px,14vw,80px);margin:25px 0}.company-lead{font-size:19px}.company-intro{font-size:13px}.hero-actions{gap:12px}.hero-actions .button{flex:1;white-space:nowrap}.hero-actions .button-secondary{flex:0 1 auto}.button{min-height:59px;font-size:12px;padding:17px 20px}.company-visual{height:380px;scale:1;margin-top:22px}.sculpture{transform:rotateY(-8deg) rotateX(5deg) scale(.88)}.company-visual:hover .sculpture{transform:rotateY(-3deg) rotateX(3deg) scale(.88)}.visual-index{right:0;font-size:8px}.visual-caption{font-size:8px}.visual-grid{inset:10% 0 3%}.visual-card{width:320px}.floating-note{right:-6px}.phone-group,.web-stack{width:320px}.phone:nth-child(2){left:142px}.web-stack .floating-note{right:0}.overview{padding:50px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:35px}.section-heading>p{margin-top:20px;max-width:100%}.feature-grid{grid-template-columns:1fr;gap:15px}.feature{padding:26px}.feature h3{font-size:24px;margin:22px 0 13px}.feature p{margin-bottom:20px;max-width:500px}.feature-link{font-size:12px;min-height:44px}.boundary{font-size:11px}.next-step{grid-template-columns:1fr;gap:28px;padding:55px 0}.next-step h2{font-size:37px}.next-step .hero-actions{align-items:stretch}.next-step .button{width:100%;min-width:0}.company-footer{flex-direction:column;align-items:flex-start;padding:28px 0 40px;gap:18px}.company-footer nav{gap:20px;font-size:11px}}
@media(max-width:370px){.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.company-visual{height:345px}.sculpture,.company-visual:hover .sculpture{transform:rotateY(-5deg) rotateX(3deg) scale(.78)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.sculpture,.company-visual:hover .sculpture{transform:none}.feature:hover,.button:hover,.button:active{transform:none}@media(max-width:760px){.sculpture,.company-visual:hover .sculpture{transform:scale(.88)}}@media(max-width:370px){.sculpture,.company-visual:hover .sculpture{transform:scale(.78)}}}