/* styles.css */
:root{--ink:#141412;--paper:#f5f3ee;--gold:#c5a96f;--muted:#77736b;--line:#d9d5cc;--dark:#20211e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.section-pad{padding-left:6.5vw;padding-right:6.5vw}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:absolute;top:0;left:0;width:100%;z-index:5}.brand{color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.08em;font-size:17px;display:flex;align-items:center;gap:8px;line-height:.76}.brand small{display:block;font:500 8px "DM Mono";letter-spacing:.17em;margin:5px 0 0 1px}.brand-mark{font:700 25px "Playfair Display";color:var(--gold);font-style:italic;letter-spacing:-.18em}.desktop-nav{display:flex;gap:28px;margin-left:90px}.desktop-nav a,.header-link{font-size:12px;font-weight:700;text-decoration:none;color:var(--ink)}.header-link span{font-size:17px;margin-left:4px}.menu-button,.mobile-nav{display:none}.hero{min-height:790px;display:grid;grid-template-columns:52% 48%;align-items:center;padding-top:110px;position:relative;overflow:hidden}.eyebrow{font:500 10px "DM Mono";letter-spacing:.1em;text-transform:uppercase;margin:0 0 26px;display:flex;gap:9px;align-items:center}.eyebrow span{height:1px;width:22px;background:var(--gold);display:inline-block}.hero h1,.intro h2,.statement h2,.service h2,.process h2,.technology h2,.results h2,.contact h2{font-size:clamp(43px,5.3vw,85px);line-height:.98;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 em,h2 em{font-family:"Playfair Display";font-weight:600;color:var(--gold);letter-spacing:-.08em}.hero-text{max-width:460px;color:#57544e;line-height:1.7;font-size:14px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:29px}.button{padding:17px 20px;text-decoration:none;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:20px}.button-dark{color:white;background:var(--ink);transition:transform .3s}.button:hover{transform:translateY(-3px)}.button b,.contact-button b{font-size:18px;font-weight:400}.text-link{color:var(--ink);font-weight:700;text-decoration:none;font-size:12px}.text-link span{font-size:18px;margin-left:7px}.hero-visual{height:560px;position:relative;margin-left:2vw}.hero-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.74)}.hero-label{position:absolute;left:20px;bottom:18px;color:white;font:10px "DM Mono";letter-spacing:.1em}.metric-card{position:absolute;right:-20px;bottom:45px;background:#fff;padding:20px 22px;width:170px;box-shadow:0 15px 35px #19171221}.metric-card span,.metric-card strong{display:block}.metric-card span{font-size:9px;color:#777;text-transform:uppercase;font-family:"DM Mono"}.metric-card strong{font-size:32px;letter-spacing:-.08em;margin-top:7px}.metric-card sup{font-size:15px}.spark{display:flex;align-items:end;gap:4px;height:23px;margin-top:8px}.spark i{display:block;width:9px;background:var(--gold)}.spark i:nth-child(1){height:17px}.spark i:nth-child(2){height:20px}.spark i:nth-child(3){height:19px}.spark i:nth-child(4){height:16px}.spark i:nth-child(5){height:24px}.spark i:nth-child(6){height:19px}.spark i:nth-child(7){height:33px}.circle-seal{position:absolute;width:106px;height:106px;bottom:-45px;left:-45px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center}.circle-seal svg{width:94px;position:absolute;animation:spin 18s linear infinite}.circle-seal text{fill:white;font:9px "DM Mono";letter-spacing:1.8px}.circle-seal b{font-size:22px}.hero-index{position:absolute;bottom:38px;left:6.5vw;font:10px "DM Mono";letter-spacing:.1em}.hero-index span{display:inline-block;width:70px;height:1px;background:#a39d91;margin:0 10px 3px}.intro{padding-top:150px;padding-bottom:120px}.intro-grid{display:grid;grid-template-columns:55% 34%;justify-content:space-between;align-items:end}.intro h2{max-width:700px}.intro-body{font-size:14px;line-height:1.75;color:#5d5952}.intro-body .text-link{display:block;margin-top:25px}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);margin-top:110px;border-top:1px solid var(--line)}.capability{min-height:250px;border-right:1px solid var(--line);padding:20px 24px 20px 0;position:relative}.capability:not(:first-child){padding-left:24px}.capability:last-child{border:0}.capability>span,.service-num,.section-count{font:10px "DM Mono";color:#7c776c}.capability h3{font-size:21px;letter-spacing:-.06em;line-height:1.1;margin:48px 0 12px}.capability p{font-size:11px;color:#68645d;line-height:1.6;max-width:165px}.capability>b{position:absolute;right:22px;bottom:20px;font-size:18px;font-weight:400}.statement{min-height:640px;background:var(--dark);color:#f8f6ef;position:relative;padding-top:105px;overflow:hidden}.light{color:#f8f6ef}.statement h2{font-size:clamp(57px,8.3vw,130px);position:relative;z-index:1}.statement-text{width:260px;line-height:1.7;font-size:13px;color:#bcb9af;margin:35px 0 0 47%;position:relative;z-index:1}.statement-orbit{position:absolute;width:670px;height:670px;border:1px solid #77746650;border-radius:50%;right:-90px;bottom:-330px}.statement-orbit i{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--gold)}.statement-orbit i:nth-child(1){top:55px;left:83px}.statement-orbit i:nth-child(2){top:160px;right:2px;background:#f7f5ef}.statement-orbit i:nth-child(3){bottom:94px;left:128px}.services{padding-top:135px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between}.service-list{margin-top:75px}.service{display:grid;grid-template-columns:8% 34% 1fr 45px;gap:20px;border-top:1px solid var(--line);padding:31px 0 36px;align-items:start}.service:last-child{border-bottom:1px solid var(--line)}.service h2{font-size:57px}.service h2 span{color:var(--gold)}.service p{font-size:12px;line-height:1.65;max-width:300px;color:#67635d;margin:14px 0 0}.service-tags{display:flex;gap:7px;flex-wrap:wrap;padding-top:10px;align-self:center}.service-tags span{font-size:10px;border:1px solid var(--line);padding:7px 9px;border-radius:20px;color:#55514b}.plus{border:1px solid #bcb7ab;border-radius:50%;background:none;width:38px;height:38px;font-size:23px;font-weight:300;cursor:pointer}.process{display:grid;grid-template-columns:45% 48%;gap:7%;background:#eae6dd;padding-top:100px;padding-bottom:100px}.process-image{height:610px;position:relative}.process-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4)}.process-image span{position:absolute;left:20px;bottom:18px;color:white;font:9px "DM Mono";letter-spacing:.1em}.process h2{font-size:57px;max-width:500px}.process ol{padding:36px 0 0;margin:33px 0 0;border-top:1px solid #cac4b9;list-style:none}.process li{display:flex;gap:32px;padding:18px 0;border-bottom:1px solid #cac4b9}.process li b{font:10px "DM Mono";color:#887e6d}.process h3{font-size:14px;margin:0;letter-spacing:-.03em}.process li p{font-size:11px;color:#68635a;margin:7px 0 0}.technology{background:#1c1d1a;color:white;padding-top:115px;padding-bottom:65px;overflow:hidden}.tech-top{display:flex;justify-content:space-between;align-items:end}.tech-top h2{font-size:61px}.tech-top>p{width:300px;color:#c3c1b9;line-height:1.7;font-size:12px}.dashboard{height:430px;background:#f7f6f0;color:#222;margin-top:70px;border-radius:6px;display:flex;box-shadow:0 25px 55px #0007;overflow:hidden}.dash-sidebar{width:65px;background:#242521;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:25px}.dash-logo{font:italic 23px "Playfair Display";color:var(--gold);margin-bottom:13px}.dash-sidebar i{width:16px;height:16px;border:1px solid #888;border-radius:3px;opacity:.5}.dash-sidebar i:nth-child(2){background:var(--gold);opacity:1}.dash-sidebar small{margin-top:auto;color:#aaa}.dash-main{padding:34px 42px;flex:1}.dash-header{display:flex;justify-content:space-between}.dash-header small,.dash-stats small{font:10px "DM Mono";color:#777}.dash-header h3{margin:8px 0 0;font-size:20px;letter-spacing:-.05em}.dash-header h3 span{color:var(--gold)}.avatar{color:white;background:#384650;border-radius:50%;padding:9px;font-size:10px;font-weight:700}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:27px 0}.dash-stats>div{padding:15px;background:white}.dash-stats strong{display:block;font-size:25px;letter-spacing:-.06em;margin:7px 0}.dash-stats em{font:9px "DM Mono";color:#45835e;font-style:normal}.chart{background:white;padding:18px;height:190px}.chart-head{display:flex;justify-content:space-between;font-size:11px}.chart-head span{color:#777}.chart-lines{height:130px;position:relative;margin-top:13px}.chart-lines>i{height:1px;background:#eee;position:absolute;left:0;right:0}.chart-lines>i:nth-child(1){top:0}.chart-lines>i:nth-child(2){top:25%}.chart-lines>i:nth-child(3){top:50%}.chart-lines>i:nth-child(4){top:75%}.chart-lines>i:nth-child(5){bottom:0}.chart svg{position:absolute;inset:0;width:100%;height:100%}.tech-features{display:flex;justify-content:space-between;color:#b6b4ac;font:10px "DM Mono";letter-spacing:.06em;text-transform:uppercase;margin-top:38px}.tech-features span:before{content:'✦';color:var(--gold);margin-right:8px}.results{display:grid;grid-template-columns:40% 1fr;gap:8%;padding-top:145px;padding-bottom:145px}.results h2{font-size:58px}.results-copy>p:not(.eyebrow){font-size:13px;color:#656158;line-height:1.7;max-width:270px;margin-top:30px}.results-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.result{padding:31px 0;border-bottom:1px solid var(--line)}.result:nth-child(odd){border-right:1px solid var(--line);padding-right:30px}.result:nth-child(even){padding-left:30px}.result strong{font-size:58px;letter-spacing:-.09em}.result p{font-size:11px;color:#757168}.contact{background:var(--gold);padding-top:110px;color:#fff}.contact h2{font-size:clamp(54px,7vw,108px);margin-bottom:40px}.contact h2 em{color:var(--dark)}.contact-button{display:inline-flex;background:var(--dark);color:white;padding:19px 23px;text-decoration:none;font-size:12px;font-weight:700;gap:30px;align-items:center}.contact-bottom{border-top:1px solid #ffffff66;margin-top:150px;padding:27px 0;display:flex;justify-content:space-between;align-items:end;font-size:10px;line-height:1.6}.brand.light{color:white}.brand.light .brand-mark{color:var(--dark)}.contact-bottom p{margin:0;color:#f2eadc}.contact-bottom div{display:flex;gap:18px}.contact-bottom a{color:white;text-decoration:none;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}@media(max-width:760px){.section-pad{padding-left:24px;padding-right:24px}.site-header{height:75px;padding:0 24px}.desktop-nav,.header-link{display:none}.menu-button{display:flex;border:0;background:none;width:32px;height:28px;justify-content:center;flex-direction:column;gap:7px;padding:0}.menu-button i{height:1px;width:100%;background:var(--ink);display:block}.mobile-nav{display:flex;position:fixed;z-index:4;inset:75px 0 auto;background:var(--paper);padding:0 24px;max-height:0;overflow:hidden;transition:max-height .4s;border-bottom:1px solid var(--line);flex-direction:column}.mobile-nav.open{max-height:280px;padding-top:15px;padding-bottom:20px}.mobile-nav a{padding:12px 0;color:var(--ink);text-decoration:none;font-size:15px;font-weight:700}.hero{display:block;min-height:0;padding-top:135px;padding-bottom:65px}.hero h1{font-size:49px}.hero-text{font-size:13px;margin:25px 0}.hero-actions{gap:18px;flex-wrap:wrap}.hero-visual{height:380px;margin:65px 0 0}.metric-card{right:-9px;bottom:25px;transform:scale(.85);transform-origin:right bottom}.circle-seal{left:-30px;bottom:-35px;transform:scale(.78)}.hero-index{display:none}.intro{padding-top:85px;padding-bottom:75px}.intro-grid,.process,.results{display:block}.intro h2{font-size:42px}.intro-body{margin-top:28px}.capabilities{grid-template-columns:1fr 1fr;margin-top:60px}.capability{min-height:205px;padding:15px!important;border-bottom:1px solid var(--line)}.capability:nth-child(2n){border-right:0;padding-left:18px!important}.capability:nth-child(odd){padding-right:18px!important}.capability h3{margin-top:35px;font-size:18px}.statement{min-height:490px;padding-top:76px}.statement h2{font-size:60px}.statement-text{margin:30px 0 0;width:245px}.statement-orbit{transform:scale(.7);transform-origin:bottom right}.services{padding-top:80px;padding-bottom:70px}.service-list{margin-top:45px}.service{grid-template-columns:34px 1fr 36px;gap:10px;padding:22px 0}.service h2{font-size:42px}.service p{font-size:11px;margin-top:7px}.service-tags{display:none}.plus{width:32px;height:32px}.process{padding-top:0;padding-bottom:65px}.process-image{height:310px;margin:0 -24px 65px}.process-content h2{font-size:45px}.technology{padding-top:75px}.tech-top{display:block}.tech-top h2{font-size:45px}.tech-top>p{width:auto;margin-top:26px}.dashboard{height:330px;margin-top:48px}.dash-sidebar{display:none}.dash-main{padding:22px 18px}.dash-stats{gap:6px}.dash-stats>div{padding:10px}.dash-stats strong{font-size:19px}.chart{height:150px}.tech-features{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:8px}.results{padding-top:85px;padding-bottom:85px}.results h2{font-size:46px}.results-grid{margin-top:55px}.result strong{font-size:42px}.contact{padding-top:75px}.contact h2{font-size:54px}.contact-bottom{margin-top:90px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-bottom div{grid-column:span 2}.reveal{transform:translateY(15px)}}


/* hero-refinement.css */
:root{--paper:#fff;--gold:#606060;--line:#dfdfdf;--dark:#111}
body{background:#fff}.hero{grid-template-columns:57% 43%;min-height:900px}.hero h1{font-size:clamp(45px,4.6vw,76px);line-height:.96}.hero-text{max-width:555px}.hero-visual{height:650px;margin-left:0;overflow:visible;background:#f6f6f6}.hero-visual>img{display:none}#hero-pattern{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.hero-pattern-caption{position:absolute;inset:auto 18px 17px;display:flex;justify-content:space-between;font:9px "DM Mono",monospace;letter-spacing:.1em;color:#606060}.metric-card{right:-17px;bottom:64px;border:1px solid #ddd;box-shadow:0 15px 30px #00000012}.spark i{background:#606060}.circle-seal{width:70px;height:70px;left:-35px;bottom:-35px;background:#111}.circle-seal svg{display:none}.circle-seal b{font-size:18px}.button-dark{background:#111}.statement,.technology{background:#111}.contact{background:#606060}.contact h2 em{color:#111}.brand-mark{color:#606060}.tech-features span:before,.dash-header h3 span{color:#606060}
@media(max-width:760px){.hero{min-height:0}.hero h1{font-size:45px}.hero-visual{height:460px;margin-top:50px}.metric-card{bottom:35px}.hero-pattern-caption{font-size:8px}}


/* section-two.css */
.intro{position:relative;isolation:isolate;overflow:hidden;background:#111;color:#fff;padding-top:130px;padding-bottom:105px}.intro-image{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,rgba(10,13,16,.94) 0%,rgba(10,13,16,.82) 42%,rgba(10,13,16,.47) 100%),url("assets/trusted-growth-partner.png");background-position:center;background-size:cover;filter:saturate(.7)}.intro-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 50%)}.intro .eyebrow{color:#f4f4f4}.intro .eyebrow span{background:#606060}.intro h2{max-width:790px;color:#fff}.intro h2 em{color:#d5d5d5}.intro-body{color:#e0e0e0}.intro .text-link{color:#fff}.intro .capabilities{border-color:rgba(255,255,255,.35)}.intro .capability{border-color:rgba(255,255,255,.26)}.intro .capability>span,.intro .capability p{color:#c8c8c8}.intro .capability h3{color:#fff}.intro .capability>b{color:#d7d7d7}@media(max-width:760px){.intro{padding-top:85px;padding-bottom:72px}.intro-image{background-position:58% center;background-image:linear-gradient(90deg,rgba(10,13,16,.94),rgba(10,13,16,.61)),url("assets/trusted-growth-partner.png")}.intro h2{font-size:42px}}


/* section-three.css */
.statement{cursor:crosshair}.growth-dot{--dot-size:12px;position:absolute;z-index:2;left:0;top:0;width:var(--dot-size);height:var(--dot-size);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);background:#606060;transition:opacity .22s ease}.growth-dot:before{content:"";position:absolute;inset:calc(var(--dot-size) * -.55);border-radius:inherit;background:radial-gradient(circle,rgba(96,96,96,.34) 0%,rgba(96,96,96,.15) 34%,rgba(96,96,96,0) 72%);filter:blur(calc(var(--dot-size) * .12));opacity:0;transition:opacity .25s ease}.statement.is-growing .growth-dot{opacity:1}.statement.is-growing .growth-dot:before{opacity:1}.statement.is-growing .statement-orbit i:nth-child(1){opacity:0}.statement-orbit i:nth-child(1){transition:opacity .25s ease}


/* section-four.css */
.process{background:#fff}.process-image{box-shadow:0 18px 50px rgba(0,0,0,.12)}.process-image img{filter:grayscale(.12) saturate(.8)}.process ol{border-color:#d9d9d9}.process li{border-color:#d9d9d9}.process li b{color:#606060}.process li p{max-width:420px;line-height:1.55}


/* section-five.css */
/* The live Sampatthi OS product mockup replaces the illustrative dashboard. */
.technology .dashboard{height:auto;aspect-ratio:1.375;background:#e6e6e6 url("assets/sampatthi-os-mockup.jpg") center/contain no-repeat;border-radius:18px;box-shadow:0 28px 64px rgba(0,0,0,.42)}
.technology .dashboard>*{display:none}
@media(max-width:760px){.technology .dashboard{height:auto;aspect-ratio:1.375;margin-top:42px;border-radius:12px}}


/* footer-wave.css */
.contact{position:relative;isolation:isolate;overflow:hidden;background:#171717;color:#fff}.contact:before{content:"";position:absolute;z-index:-1;inset:-13%;background:url("assets/footer-wave-texture.jpg") center/cover no-repeat;filter:grayscale(1) contrast(1.25) brightness(.64);transform-origin:center;animation:footer-momentum 6.8s cubic-bezier(.58,.02,.33,1) infinite}.contact>*{position:relative;z-index:1}.contact .eyebrow,.contact .contact-bottom p,.contact .brand.light,.contact .contact-bottom a{color:#fff}.contact .eyebrow span{background:#fff}.contact h2{color:#fff}.contact h2 em{display:inline-block;color:#e4e4e4;animation:momentum-word 6.8s cubic-bezier(.58,.02,.33,1) infinite}.contact-button{background:#fff;color:#111}.contact-bottom{border-color:rgba(255,255,255,.58)}.brand.light .brand-mark{color:#fff}@keyframes footer-momentum{0%,100%{transform:scale(1.18) translate3d(-6%,0,0) skewY(-1deg);filter:grayscale(1) contrast(1.25) brightness(.64)}18%{transform:scale(1.2) translate3d(-1.5%,-1.4%,0) skewY(.8deg);filter:grayscale(1) contrast(1.38) brightness(.56)}44%{transform:scale(1.22) translate3d(6%,.25%,0) skewY(-1.6deg);filter:grayscale(1) contrast(1.48) brightness(.48)}62%{transform:scale(1.2) translate3d(1.8%,1.1%,0) skewY(.9deg);filter:grayscale(1) contrast(1.38) brightness(.56)}82%{transform:scale(1.19) translate3d(-3%,.2%,0) skewY(-.65deg);filter:grayscale(1) contrast(1.29) brightness(.62)}}@keyframes momentum-word{0%,100%{transform:translateX(0) skewX(0);letter-spacing:inherit;text-shadow:none}18%{transform:translateX(4px) skewX(-4deg);text-shadow:9px 0 0 rgba(255,255,255,.14)}44%{transform:translateX(15px) skewX(-8deg);text-shadow:18px 0 0 rgba(255,255,255,.18)}62%{transform:translateX(5px) skewX(-3deg);text-shadow:8px 0 0 rgba(255,255,255,.1)}}@media(prefers-reduced-motion:reduce){.contact:before,.contact h2 em{animation:none}}@media(max-width:760px){.contact:before{background-position:57% center}.contact h2 em{animation:none}}


/* footer-motion-refinement.css */
/* Keep all footer copy static; the image alone carries the momentum. */
.contact h2 em{display:inline;color:#d6d6d6;animation:none;transform:none;text-shadow:none}
.contact:before{transform-origin:50% 50%;animation:footer-centre-zoom 6.8s cubic-bezier(.56,.04,.36,1) infinite}
@keyframes footer-centre-zoom{0%,100%{transform:scale(1.08);filter:grayscale(1) contrast(1.2) brightness(.66)}42%{transform:scale(1.28);filter:grayscale(1) contrast(1.38) brightness(.54)}58%{transform:scale(1.28);filter:grayscale(1) contrast(1.38) brightness(.54)}}
@media(prefers-reduced-motion:reduce){.contact:before{animation:none}}


/* logo-refinement.css */
.brand{gap:0;line-height:1}.brand-word{display:inline-block;font-weight:800;font-size:17px;letter-spacing:-.08em}.brand-word small{width:100%;display:flex;align-items:center;justify-content:space-between;margin:7px 0 0;font:500 8px "DM Mono",monospace;line-height:1;letter-spacing:0}.brand-word small i{font-style:normal}.brand-mark{display:none}


/* logo-final-tuning.css */
.brand-word small{width:calc(100% - 3px);margin:4px 0 0 1.5px}