/* Obsidian surfaces, platinum accents, restrained architectural detail. */
:root{--ink:#0c0e10;--paper:#ede9e2;--violet:#b6a5c5;--muted:#a4a2aa}body{background:#0c0e10}header{border-bottom-color:#d7d4dc14}.brand img{filter:saturate(.65)}.eyebrow{color:#a9a1b0;letter-spacing:2.8px}.hero h1 em,.journey h2 em{color:#c2b4cd}.hero-image{filter:saturate(.4) brightness(.66)}.hero-shade{background:linear-gradient(90deg,#0c0e10fa,#0c0e10c9 40%,#0c0e1022),linear-gradient(0deg,#0c0e10,transparent 45%)}.hero-crm{border-color:#d4c9de27;background:linear-gradient(135deg,#27252bf0,#101115fa);box-shadow:0 25px 70px #0009}.hero-crm small{color:#a6a0af}.section-light,.work,.services,.process{background:#111316;color:#ede9e2}.comparison-section{background:#16171b}.needs,.journey{background:#0d0f12}.journey-panel{background:linear-gradient(120deg,#191a20,#111216);border-color:#cbc8d21d}.journey-tabs button[aria-selected=true]>span:first-child{border-color:#bbb0c7;background:#cbb9db08}.journey-tabs:after{background:#b9adc5}.stage-status{color:#c5bbd1;border-color:#c0b4ce30}.need-options button{border-color:#b7b0c52c}.need-options button[aria-pressed=true]{border-color:#bcb0ca85;background:linear-gradient(120deg,#c2b6d10a,transparent);box-shadow:inset 0 1px #e1d6e519}.need-icon{color:#bfb2cc}.need-result p{color:#e6dfe9}.floating-wa{background:#182820;border:1px solid #759d8266;color:#d4e6d9;box-shadow:0 7px 30px #0005}.contact{background:radial-gradient(ellipse at 80% 100%,#40344e25,#0c0e10 65%)}.contact-watermark{color:#d0c6dc08}.work .project-art{filter:saturate(.65)}
/* One button language: fine frame, satin fill, separate arrow compartment. */
.button,.intro-enter{position:relative;isolation:isolate;border:1px solid #c1b6cd5c;border-radius:0;background:linear-gradient(115deg,#c6b4d30a,transparent 60%);box-shadow:inset 0 1px #e8dff20a;color:#e5dfe9;min-height:52px;padding:0 0 0 24px;gap:24px;font-size:11px;letter-spacing:.35px;overflow:hidden;transition:border-color .4s,background .4s,box-shadow .4s,transform .4s}.button:before,.intro-enter:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#dbd0e619,#dbd0e607);transform:translateX(-102%);transition:transform .6s cubic-bezier(.22,.61,.36,1)}.button:after,.intro-enter:after{content:'';position:absolute;top:-1px;left:-1px;width:16px;height:1px;background:#e3d9ed;opacity:.65}.button>span:last-child:not(:first-child),.intro-enter>span:last-child{align-self:stretch;display:grid;place-items:center;min-width:51px;padding:0 17px;border-left:1px solid #c3b4ce2b;font-size:17px;color:#c6b8d3;transition:background .4s,color .4s}.button:hover,.intro-enter:hover{background:#bca9d008;border-color:#ded1eaaa;box-shadow:0 10px 35px #0003;transform:translateY(-2px)}.button:hover:before,.intro-enter:hover:before{transform:translateX(0)}.button:hover>span:last-child,.intro-enter:hover>span:last-child{background:#c2afd20c;color:#f2eaf9}.button.primary{background:linear-gradient(120deg,#79638522,#15161b);border-color:#bca9cc80}.button .wa-icon{display:none}.button.small{min-height:36px;font-size:10px;padding-left:15px;gap:15px}.button.small>span:last-child{min-width:35px;padding:0 10px;font-size:14px}.button:focus-visible,.intro-enter:focus-visible{outline:1px solid #e1d4ed;outline-offset:5px}.intro-enter{min-width:225px;min-height:55px;padding-left:24px;gap:45px}.next-link,.text-link{border-bottom-color:#bcb0cb50;color:#cdc3d5;transition:color .3s,border-color .3s}.text-link:hover,.next-link:hover{color:#f5edf9;border-color:#e2d0ed}.text-link span:last-child{transition:translate .3s}.text-link:hover span:last-child{translate:3px -3px}
#intro{background:#090b0e}#intro::backdrop{background:#090b0e}.intro-halo{background:radial-gradient(ellipse 40% 36% at 50% 42%,#b2a2cc14,transparent 80%)}.intro-grid{background-image:linear-gradient(#b9b7c307 1px,transparent 1px),linear-gradient(90deg,#b9b7c307 1px,transparent 1px);background-size:110px 110px;opacity:.7}.intro-content:before,.intro-content:after{content:'';position:absolute;top:18%;bottom:18%;width:1px;background:linear-gradient(transparent,#cbbdd025,transparent);pointer-events:none}.intro-content:before{left:12%}.intro-content:after{right:12%}#intro .eyebrow{font-size:8px;letter-spacing:5px;color:#a29caa}.intro-sculpture{width:230px;height:190px;margin:25px 0 20px}.intro-sculpture:before{content:'';position:absolute;inset:6px 25px;border:1px solid #c7bdcf13;border-radius:50%;transform:rotateX(35deg) rotateY(-20deg)}.intro-sculpture img{width:78px;height:78px}.intro-orbit{border-color:#d8ccdf26}.orbit-two{border-color:#d8ccdf17}#intro h2{font-size:clamp(44px,5.9vw,84px);font-weight:400;letter-spacing:-.055em}#intro h2 em{color:#c3b6cf}#intro #intro-description{font-size:11px;letter-spacing:.15px;color:#99939f;max-width:330px;margin-top:27px;margin-bottom:34px}.intro-skip{font-size:9px;letter-spacing:.5px;color:#9b91a5}.intro-bottom{font-size:6px;letter-spacing:2.5px;color:#736b7f}
@media(max-width:760px){.hero-shade{background:linear-gradient(180deg,#0c0e10 0%,#0c0e10f0 25%,#0c0e10bd 50%,#0c0e1025 75%,#0c0e10 100%)}.hero-buttons .button{padding:0 0 0 17px;gap:14px;min-height:49px;font-size:10px}.button>span:last-child:not(:first-child){min-width:43px;padding:0 13px}.header-actions .button.small{padding:0 0 0 12px;gap:10px;min-height:34px}.header-actions .button.small>span:last-child{min-width:28px;padding:0 7px}.header-actions{gap:10px}#intro h2{font-size:46px}.intro-sculpture{height:160px;width:200px;margin:20px 0}.intro-sculpture img{width:70px;height:70px}.intro-content:before{left:6%}.intro-content:after{right:6%}.intro-enter{min-width:218px;min-height:52px;font-size:10px}#intro #intro-description{max-width:240px;line-height:1.9}.intro-bottom{font-size:5px;letter-spacing:1.3px}.need-result .button{max-width:100%}.button{padding:0 0 0 18px;gap:18px}.hero h1{font-size:clamp(42px,8.7vw,61px)}}
@media(prefers-reduced-motion:reduce){.button:before,.intro-enter:before{transition:none}.button:hover,.intro-enter:hover{transform:none}}
