@import url('./assets/fonts.css');
:root{--bg:#111614;--surface:#191f1c;--text:#efeee7;--muted:#9baba1;--line:#ffffff26;--accent:#d5e3bc;--accent-text:#1a251b;--header:#111614eb;--font:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--gutter:5.2vw;color-scheme:dark}
:root[data-theme=light]{--bg:#f0efe9;--surface:#e4e6dc;--text:#1b251f;--muted:#67766a;--line:#1b251f30;--accent:#d5e3bc;--header:#f0efe9ed;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-weight:400;-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #bcd58e;outline-offset:7px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--font);font-weight:500}h2{letter-spacing:-.065em;line-height:1.12}p{line-height:1.65}::selection{background:#d5e3bc;color:#162018}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.muted{color:var(--muted)}.serif{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.06em}.eyebrow{font:500 10px/1.5 var(--font);letter-spacing:.13em}.section-pad{padding:130px var(--gutter)}.section-label{display:flex;align-items:center;gap:14px;font:500 10px/1.4 var(--font);letter-spacing:.12em;margin-bottom:75px}.tiny-star{font-size:23px;line-height:1;color:var(--accent)}[data-theme=light] .tiny-star{color:#50663b}.section-number{margin-left:auto;color:var(--muted);font-size:11px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #d5e3bc0c}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:14px;padding:10px 0;border-bottom:1px solid var(--line);position:relative}.text-link:after{position:absolute;content:'';left:0;bottom:-1px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s}.text-link:hover:after{transform:scaleX(1);transform-origin:left}.text-link .icon{width:17px;transition:transform .4s}.text-link:hover .icon{transform:translate(3px,-3px)}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.is-visible{opacity:1;transform:none}.skip-link{position:fixed;top:10px;left:20px;padding:14px;background:var(--accent);color:var(--accent-text);z-index:120;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
/* Navigation */
.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:27px var(--gutter);color:#f6f5ef;transition:padding .4s,background .4s,color .4s;border-bottom:1px solid transparent}.site-header.scrolled{padding-top:19px;padding-bottom:19px;background:var(--header);color:var(--text);backdrop-filter:blur(20px);border-color:var(--line)}.wordmark{font:800 33px/.9 var(--font);letter-spacing:-2.3px;position:relative}.wordmark-dot{font:500 14px var(--body);vertical-align:top;position:relative;top:0;left:4px}.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:58px;font-size:13px}.desktop-nav a{position:relative;padding:5px 0}.desktop-nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s}.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-tools{display:flex;align-items:center;gap:23px}.language-switch{display:flex;align-items:center;gap:7px;font:11px var(--font)}.language-switch span{opacity:.3}.language-switch button{padding:6px 0;background:transparent;opacity:.5;font-size:10px;font-weight:600}.language-switch button[aria-pressed=true]{opacity:1}.icon-button{background:transparent;padding:4px;display:grid;place-items:center}.icon-button .icon{width:19px;height:19px}.moon-icon{display:none}[data-theme=light] .sun-icon{display:none}[data-theme=light] .moon-icon{display:block}.menu-toggle{background:transparent;display:none;width:30px;padding:3px 0}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:none}.menu-open .site-header{background:var(--bg);color:var(--text)}
/* Opening frame */
.hero{min-height:850px;height:100svh;max-height:1200px;position:relative;color:#f4f2e9;overflow:hidden;padding:0 var(--gutter);isolation:isolate}.hero-image{position:absolute;inset:-7% 0;z-index:-3;will-change:transform}.hero-image img{height:100%;width:100%;object-position:50% 51%;filter:saturate(.62) brightness(.8)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#04120b50 0%,#07180e10 28%,#08181073 62%,#0c1515d9 100%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.04;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-topline{position:absolute;top:174px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font:9px var(--font);letter-spacing:.17em;opacity:.8}.hero-topline>span:first-child{display:flex;align-items:center;gap:12px}.hero-edition{font-size:10px}.hero-content{position:absolute;top:29%;left:var(--gutter);right:var(--gutter)}.hero-intro{font-size:18px;max-width:320px;line-height:1.6;letter-spacing:-.02em;margin-bottom:40px}.hero h1{font-size:clamp(100px,11.4vw,185px);line-height:1.02;letter-spacing:-.075em;font-weight:400;margin-left:-.065em}.title-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.title-line>span{display:block;animation:title-in 1.6s cubic-bezier(.16,1,.3,1) both}.title-line:nth-child(2)>span{animation-delay:.16s}.hero-cta{position:absolute;bottom:17px;right:0;display:flex;align-items:center;gap:25px;font-size:13px}.round-arrow{height:64px;width:64px;display:grid;place-items:center;border:1px solid #ffffff75;border-radius:50%;transition:background .3s,color .3s,transform .4s}.round-arrow .icon{width:25px;height:25px;transition:transform .4s}.hero-cta:hover .round-arrow{background:var(--accent);color:#17221a;transform:scale(1.05)}.hero-cta:hover .icon{transform:rotate(45deg)}.hero-bottom{position:absolute;bottom:31px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff3a;padding-top:24px;font-size:9px;letter-spacing:.12em}.hero-bottom a{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:0}.hero-bottom .icon{width:16px;height:16px;animation:down-hint 2s ease-in-out infinite}.hero-coordinate{position:absolute;right:var(--gutter);top:44%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;opacity:.5}@keyframes title-in{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes down-hint{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
/* Studio */
.about .section-label{margin-bottom:65px}.about-statement{margin-left:22%;max-width:1010px}.about h2{font-size:clamp(36px,4.65vw,72px);line-height:1.18;letter-spacing:-.055em}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:65px}.about-signature{display:flex;align-items:center;gap:23px;font:9px/1.8 var(--font);letter-spacing:.1em}.orbit-mark{font:600 72px/.9 var(--font);letter-spacing:-9px;color:var(--accent);width:92px;height:92px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;padding-right:11px;padding-bottom:12px;transform:rotate(-12deg)}[data-theme=light] .orbit-mark{color:#4c6542}.about-copy{max-width:480px;font-size:17px}.about-copy p+p{margin-top:22px}.about-copy .text-link{margin-top:25px}.image-story{margin-top:110px;display:grid;grid-template-columns:1.35fr .65fr;gap:12%;align-items:center}.team-image{position:relative;overflow:hidden;aspect-ratio:1.3}.team-image img{width:100%;height:100%;filter:saturate(.55);transition:transform 1.2s}.team-image:hover img{transform:scale(1.04)}.team-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#051109b3)}.team-image figcaption{position:absolute;bottom:28px;left:28px;right:28px;display:flex;gap:20px;justify-content:space-between;align-items:end;z-index:1;color:#f4f2e9;font-size:13px}.team-image figcaption small{font-size:8px;letter-spacing:.12em;white-space:nowrap}.story-aside>.eyebrow{color:var(--muted);font-size:9px}.story-aside p{font:400 clamp(34px,3.6vw,56px)/1.22 var(--font);letter-spacing:-.055em;margin:30px 0 38px}.story-aside em{font-family:Georgia,serif;color:var(--accent);font-weight:400}[data-theme=light] .story-aside em{color:#50663b}.story-line{width:40px;height:1px;background:var(--line);display:block;margin-bottom:24px}.small-copy{font-size:12px;line-height:1.8;color:var(--muted)}
/* Product */
.product{background:var(--surface);transition:background .5s}.product-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:70px}.product-heading h2{font-size:clamp(85px,10vw,154px);line-height:.98;letter-spacing:-.08em}.product-heading h2 .serif{line-height:1.2}.product-heading>div{max-width:360px;padding-bottom:15px}.pill{font-size:8px;letter-spacing:.07em;padding:9px 13px;border:1px solid var(--line);border-radius:30px;display:inline-flex;gap:10px;align-items:center;color:var(--muted)}.product-heading p{margin:22px 0;font-size:18px}.dashboard-stage{background:#aebdab;padding:25px 28px 20px;position:relative;scroll-margin-top:100px;overflow:hidden}.dashboard-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,#e5edd18f,transparent 65%);pointer-events:none}.stage-top{position:relative;display:flex;justify-content:space-between;font:9px var(--font);letter-spacing:.1em;color:#344638;margin-bottom:27px}.stage-top>span:last-child{display:flex;gap:9px;align-items:center}.dashboard{background:#111a17;color:#d9e2dc;display:flex;position:relative;border-radius:9px;box-shadow:0 30px 50px #18251e35;overflow:hidden;border:1px solid #ffffff1c;font-family:var(--body)}.dash-sidebar{width:66px;flex-shrink:0;background:#0c1511;padding:23px 11px;display:flex;flex-direction:column;align-items:center;gap:18px;border-right:1px solid #ffffff08}.dash-logo{font:800 29px var(--font);color:#e0e7da;margin-bottom:25px;position:relative}.dash-logo>span{font-size:18px;color:#b7cf90;position:absolute;top:-1px;right:-10px}.dash-sidebar>span{width:34px;height:34px;display:grid;place-items:center;color:#65766c;border-radius:5px}.dash-sidebar .sidebar-active{background:#c8d9ad;color:#283428}.dash-sidebar .icon{width:17px;height:17px}.sidebar-chart{font-size:25px}.dash-sidebar .sidebar-bottom{margin-top:auto;border:1px solid #ffffff20;border-radius:50%;font-size:11px}.dash-main{padding:30px;width:calc(100% - 66px)}.dash-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.dash-overline{font-size:8px;color:#819388;letter-spacing:.1em}.dash-header h3{font-size:20px;letter-spacing:-.035em;margin-top:8px}.report-button{display:flex;align-items:center;gap:8px;font-size:10px;background:#1e2923;border:1px solid #ffffff18;padding:10px 12px;border-radius:5px;transition:background .2s}.report-button:hover{background:#344638}.report-button .icon{width:13px;height:13px}.dash-filter{display:flex;align-items:center;justify-content:space-between;margin:24px 0 17px}.demo-label{font-size:9px;color:#84988a;display:flex;gap:7px;align-items:center}.demo-label>span:first-child{height:4px;width:4px;border-radius:50%;background:#b5cc94}.period-switch{display:flex;border:1px solid #ffffff14;border-radius:4px;padding:3px;gap:3px}.period-switch button{background:transparent;font-size:9px;color:#82968a;border-radius:2px;padding:5px 10px;transition:background .2s,color .2s}.period-switch button[aria-pressed=true]{color:#deeadc;background:#2d3c31}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#19251e;border:1px solid #ffffff0d;border-radius:5px;padding:17px 20px}.metric>span{font-size:10px;color:#9caf9f}.metric strong{display:flex;align-items:center;justify-content:space-between;font:500 39px/1.5 var(--font);letter-spacing:-.045em;font-variant-numeric:tabular-nums}.metric strong small{font-size:19px;font-weight:400;color:#91aa90}.metric>small{font-size:8px;color:#788e7e}.metric-highlight{background:#c7d7af;color:#20331f;border:none}.metric-highlight>span{color:#496042}.metric-highlight>small{color:#4e6845}.mini-live{background:#4b6940;border:5px solid #afc39a;border-radius:50%;width:17px;height:17px}.dash-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-top:16px}.chart-panel,.tracking-panel{border:1px solid #ffffff0d;background:#15211a;border-radius:5px;overflow:hidden}.chart-panel{padding:18px 20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.panel-heading h4{font-size:10px;font-weight:500;letter-spacing:-.02em}.panel-heading>span{display:flex;gap:5px;align-items:center;font-size:8px;color:#8ca18e}.panel-heading i{width:4px;height:4px;border-radius:50%;background:#c4d5a9}.chart{display:flex;height:139px;margin-top:25px;gap:15px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:#687e6e;padding-bottom:18px}.chart-bars{display:flex;gap:11px;align-items:end;flex:1;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#ffffff07 44px,#ffffff07 45px);padding-top:10px}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.chart-bar{width:100%;min-height:3px;border-radius:3px 3px 0 0;background:#78966b;position:relative;transition:height .65s cubic-bezier(.2,.6,.2,1),background .2s}.chart-column:nth-child(3n) .chart-bar{background:#c3d6a9}.chart-bar:hover{background:#d9e9bd}.chart-bar:before{content:attr(data-value);position:absolute;left:50%;bottom:100%;transform:translate(-50%,-5px);font-size:9px;color:#e2efd7;opacity:0;transition:opacity .2s}.chart-bar:hover:before{opacity:1}.chart-column>span{font-size:7px;color:#788f7e;white-space:nowrap}.chart-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff0b;margin-top:16px;padding-top:11px;font-size:8px;color:#819580}.tracking-panel .panel-heading{padding:18px 16px 0}.tracking-demo{font-size:7px!important;letter-spacing:.12em}.floor-map{height:148px;position:relative;margin:10px 16px;overflow:hidden;background:#1c2b22;border:1px solid #ffffff08}.floor-grid{position:absolute;inset:0;background-image:linear-gradient(#cee1b109 1px,transparent 1px),linear-gradient(90deg,#cee1b109 1px,transparent 1px);background-size:17px 17px}.floor-table{position:absolute;width:42px;height:25px;background:#50634735;border:1px solid #80957645;border-radius:3px}.table-1{left:18%;top:25px}.table-2{right:13%;top:25px}.table-3{right:13%;bottom:25px}.detection-line{position:absolute;left:37%;width:1px;top:0;bottom:0;background:#b4d88b;box-shadow:0 0 20px #94b57055}.detection-line:after{content:'↗';position:absolute;top:48%;left:7px;color:#c5e5a6;font-size:11px}.map-person{position:absolute;width:12px;height:12px;background:#c7d9ad;border:3px solid #9fb88360;border-radius:50%;box-shadow:0 0 0 6px #aec89310;transition:left 1.4s,top 1.4s}.person-one{left:25%;top:48%;animation:walk-in 6s ease-in-out infinite}.person-two{left:72%;top:48%;background:#95b6ba}.person-three{left:53%;top:72%}.map-tag{position:absolute;left:7px;top:6px;font-size:6px;letter-spacing:.1em;color:#8da481}.map-door{position:absolute;bottom:5px;left:5px;font-size:5px;letter-spacing:.08em;color:#97b783}.simulate-button{font-size:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px;width:100%;background:transparent;border-top:1px solid #ffffff0d;color:#b4c3b6}.simulate-button .icon{width:12px;height:12px}.simulate-button:hover{background:#2a3a2b;color:#d5e8bd}.dash-footer{display:flex;justify-content:space-between;font-size:7px;color:#84988a;margin-top:17px;gap:15px;line-height:1.5}.dash-version{font-size:6px;letter-spacing:.08em;white-space:nowrap}.mockup-note{position:relative;font-size:9px;text-align:center;color:#3e5242;margin-top:19px}.product-features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.product-features article>span{font-size:10px;color:var(--muted)}.product-features h3{font-size:20px;letter-spacing:-.045em;margin:19px 0 12px}.product-features p{font-size:14px;color:var(--muted);max-width:320px}.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:45px;padding-top:23px;border-top:1px solid var(--line)}.product-bottom>span{font-size:10px;color:var(--muted)}.product-bottom .text-link{font-size:12px}@keyframes walk-in{0%,15%{left:23%}60%,80%{left:52%}100%{left:23%}}
/* Services */
.services-heading{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:70px}.services h2{font-size:clamp(45px,5.5vw,84px)}.services-heading>p{max-width:330px;font-size:16px;color:var(--muted);margin-bottom:9px}.service-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:7%;align-items:start}.service-list{border-top:1px solid var(--line)}.service-item{border-bottom:1px solid var(--line);padding:26px 0}.service-item summary{display:flex;align-items:center;gap:23px;cursor:pointer;list-style:none}.service-item summary::-webkit-details-marker{display:none}.service-index{color:var(--muted);font-size:10px}.service-item h3{font-size:clamp(16px,1.7vw,25px);letter-spacing:-.04em;flex:1}.service-item summary .icon{width:18px;transition:transform .4s}.service-item[open] summary .icon{transform:rotate(45deg)}.service-body{padding:22px 10px 4px 38px}.service-body p{font-size:14px;max-width:440px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}.tags>span{font-size:9px;padding:6px 11px;border:1px solid var(--line);border-radius:50px;color:var(--muted)}.service-body .text-link{font-size:11px}.service-image{position:relative;aspect-ratio:.88;overflow:hidden}.service-image img{width:100%;height:100%;filter:saturate(.35) brightness(.75);transition:transform 1.3s}.service-image:hover img{transform:scale(1.04)}.service-image:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#07130bbd)}.service-image figcaption{position:absolute;z-index:1;bottom:30px;left:25px;right:25px;color:#fff;display:flex;flex-direction:column;gap:12px}.service-image figcaption>span{font-size:20px;line-height:1.3;letter-spacing:-.04em;max-width:200px}.service-image figcaption small{font-size:7px;letter-spacing:.1em;color:#bccbbf}.image-crosshair{position:absolute;right:15px;top:10px;color:#fff;font-size:25px;font-weight:300}.nature-break{height:570px;position:relative;overflow:hidden;color:#f0f2e9}.nature-break>img{width:100%;height:120%;position:absolute;top:-10%;object-position:50% 72%;filter:saturate(.5) brightness(.7)}.nature-break-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a1a1466,#08120c11)}.nature-break-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.nature-break-content>.eyebrow{font-size:9px;letter-spacing:.18em}.nature-break-content p{font:400 clamp(42px,5.5vw,84px)/1.2 var(--font);letter-spacing:-.055em;margin-top:32px}.nature-break-content em{font-family:Georgia,serif;font-weight:400}.nature-symbol{font-size:45px;margin-top:35px;animation:rotate-star 30s linear infinite}@keyframes rotate-star{to{transform:rotate(360deg)}}
/* Process and closing */
.process-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.process-heading h2{font-size:clamp(42px,5vw,76px)}.process-heading>p{max-width:330px;color:var(--muted);font-size:16px;padding-bottom:9px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:70px}.process-step{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font-size:11px;margin-bottom:42px}.process-step>span:last-child{color:var(--accent);font-size:17px}[data-theme=light] .process-step>span:last-child{color:#50663b}.process-grid h3{font-size:23px;letter-spacing:-.04em;margin-bottom:14px}.process-grid p{font-size:14px;color:var(--muted)}.contact{padding-bottom:26px;background:#d5e0c5;color:#243524;overflow:hidden}.contact .tiny-star{color:#30482f}.contact .section-number{color:#64775e}.contact .section-label{margin-bottom:75px}.contact-main{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-pretitle{font-size:15px;margin-bottom:27px;color:#566a4f}.contact h2{font-size:clamp(70px,9.5vw,145px);line-height:1.07;font-weight:400}.contact-circle{height:190px;width:190px;border-radius:50%;border:1px solid #3c583b77;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;flex-shrink:0;margin-right:3%;transition:color .4s,background .4s,transform .4s}.contact-circle .icon{width:55px;height:55px;stroke-width:.8;transition:transform .5s}.contact-circle span{font-size:11px}.contact-circle:hover{background:#243524;color:#d5e0c5;transform:rotate(-6deg)}.contact-circle:hover .icon{transform:translate(6px,-6px)}.contact-details{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:45px;margin-top:80px;border-top:1px solid #33492e30;padding-top:35px;scroll-margin-top:130px}.contact-details>p{font-size:14px;color:#5b7053}.contact-details>div{display:flex;flex-direction:column;gap:10px}.contact-details .eyebrow{color:#536c4a;font-size:9px}.contact-placeholder{font-size:28px;letter-spacing:.05em}.contact-details small{font-size:10px;color:#667a5e}.footer-wordmark{font:700 22.7vw/.94 var(--font);letter-spacing:-1.6vw;margin:80px 0 45px;position:relative;user-select:none}.footer-wordmark>span{position:absolute;right:0;top:9%;font-size:3vw;letter-spacing:0;font-weight:400}.footer-bottom{border-top:1px solid #34492c30;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#607358}.footer-bottom>span:nth-child(2){font-size:8px;max-width:420px;text-align:center}.footer-bottom a{white-space:nowrap}.cursor-label{position:fixed;left:0;top:0;z-index:60;border-radius:50%;width:88px;height:88px;background:#d5e3bceb;color:#253420;display:grid;place-items:center;pointer-events:none;font-size:9px;letter-spacing:.05em;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .25s,scale .3s;backdrop-filter:blur(5px)}.cursor-label.active{opacity:1;scale:1.1}.toast{position:fixed;z-index:90;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:var(--text);color:var(--bg);padding:15px 25px;border-radius:5px;max-width:calc(100% - 40px);font-size:13px;text-align:center;pointer-events:none;transition:opacity .3s,transform .3s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-note{position:fixed;bottom:0;padding:12px;background:var(--accent);color:var(--accent-text);width:100%;font-size:12px;text-align:center}
/* Responsive */
@media(min-width:1600px){:root{--gutter:6.5vw}.hero-content{top:32%}.hero h1{font-size:11vw}.hero-intro{font-size:22px;max-width:390px}.hero-cta{bottom:24px}.section-pad{padding-top:155px;padding-bottom:155px}.contact{padding-bottom:30px}.dash-main{padding:38px}.metric strong{font-size:46px}.chart{height:180px}.floor-map{height:190px}}
@media(max-width:1100px){.hero{min-height:780px}.hero h1{font-size:11.8vw}.hero-topline{top:150px}.hero-content{top:29%}.hero-cta{bottom:-98px}.desktop-nav{gap:23px;margin-right:35px}.header-tools{gap:16px}.about-statement{margin-left:15%}.about-bottom{gap:7%}.section-pad{padding-top:100px;padding-bottom:100px}.contact{padding-bottom:25px}.product-heading{gap:30px}.product-heading>div{max-width:310px}.product-heading p{font-size:16px}.dashboard-stage{padding:22px 20px 18px}.dash-main{padding:22px}.metric{padding:14px}.metric strong{font-size:33px}.dash-panels{grid-template-columns:1.25fr 1fr}.dash-footer{font-size:6px}.product-features{gap:30px}.product-features h3{font-size:18px}.services-heading{gap:40px}.service-layout{gap:5%;grid-template-columns:1.3fr .7fr}.contact-circle{width:150px;height:150px}.process-grid{gap:25px}.process-heading>p{max-width:280px}}
@media(max-width:760px){:root{--gutter:6vw}html{scroll-padding-top:90px}.section-pad{padding-top:78px;padding-bottom:78px}.section-label{margin-bottom:44px;font-size:8px;gap:10px}.section-number{font-size:9px}.tiny-star{font-size:20px}.site-header{padding-top:24px;padding-bottom:24px}.site-header.scrolled{padding-top:18px;padding-bottom:18px}.wordmark{font-size:29px}.desktop-nav{display:none}.header-tools{gap:20px}.menu-toggle{display:block}.mobile-menu{display:flex;position:fixed;inset:0;background:var(--bg);color:var(--text);z-index:45;padding:135px var(--gutter) 35px;flex-direction:column;transform:translateY(-105%);visibility:hidden;transition:transform .65s cubic-bezier(.7,0,.2,1),visibility .65s}.mobile-menu.open{transform:translateY(0);visibility:visible}.mobile-menu>.eyebrow{color:var(--muted);margin-bottom:25px}.mobile-menu>a{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:18px 0;font:400 clamp(29px,7vw,44px) var(--font);letter-spacing:-.05em}.mobile-menu>a>span{flex:1}.mobile-menu small{font-size:10px;color:var(--muted);letter-spacing:0}.mobile-menu>p{font-size:12px;margin-top:auto;color:var(--muted);padding-top:30px}.hero{height:100svh;min-height:730px;max-height:1000px}.hero-topline{top:136px;font-size:7px;letter-spacing:.09em}.hero-edition{display:none}.hero-content{top:30%}.hero-intro{font-size:16px;max-width:260px;margin-bottom:34px}.hero h1{font-size:clamp(65px,12.7vw,100px);line-height:1.09;letter-spacing:-.075em}.hero-cta{bottom:auto;top:calc(100% + 35px);right:auto;left:0;font-size:12px;gap:20px}.round-arrow{height:47px;width:47px}.round-arrow .icon{width:21px}.hero-bottom{bottom:23px;padding-top:20px;align-items:end}.hero-bottom>span{font-size:7px;max-width:155px;line-height:1.8;letter-spacing:.07em}.hero-bottom a{font-size:9px;gap:10px}.hero-coordinate{right:6%;top:35%;font-size:6px}.hero-image img{object-position:63% center}.about .section-label{margin-bottom:40px}.about-statement{margin-left:0}.about h2{font-size:clamp(33px,6.6vw,49px);line-height:1.25;letter-spacing:-.05em}.about-bottom{display:flex;flex-direction:column;gap:35px;margin-top:35px}.about-signature{order:2;gap:20px;font-size:8px}.orbit-mark{height:60px;width:60px;font-size:48px;letter-spacing:-6px;padding-right:7px;padding-bottom:8px}.about-copy{font-size:15px;max-width:100%}.about-copy .text-link{margin-top:15px}.image-story{margin-top:55px;gap:35px;grid-template-columns:1fr}.team-image{aspect-ratio:1.2}.team-image figcaption{bottom:20px;left:20px;right:20px;font-size:11px}.team-image figcaption small{font-size:6px}.story-aside{display:grid;grid-template-columns:1fr 1.2fr;column-gap:30px}.story-aside>.eyebrow{font-size:7px;grid-column:1;margin-top:9px}.story-aside p{margin:0;grid-column:2;grid-row:1/4;font-size:31px}.story-line{margin-top:22px;margin-bottom:16px}.small-copy{font-size:10px}.product-heading{display:block;margin-bottom:35px}.product-heading h2{font-size:90px}.product-heading>div{max-width:100%;padding:0;margin-top:30px}.product-heading p{font-size:16px;max-width:440px}.pill{font-size:7px;padding:7px 10px}.product-heading .text-link{font-size:12px}.dashboard-stage{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:20px 13px 17px;scroll-margin-top:78px}.stage-top{font-size:6px;margin-bottom:17px;letter-spacing:.04em;gap:10px}.stage-top>span:last-child{gap:5px}.stage-top .status-dot{width:3px;height:3px}.dash-sidebar{display:none}.dash-main{width:100%;padding:17px 13px}.dash-overline{font-size:6px}.dash-header h3{font-size:15px;margin-top:5px}.report-button{padding:7px;gap:4px;font-size:8px}.report-button .icon{width:11px;height:11px}.dash-filter{margin-top:19px;margin-bottom:12px}.demo-label{font-size:8px}.period-switch button{font-size:8px;padding:5px 8px}.metric-grid{gap:6px}.metric{padding:11px 9px}.metric>span{font-size:8px}.metric strong{font-size:28px;line-height:1.6}.metric strong small{font-size:14px}.metric>small{font-size:6px;display:block;line-height:1.4;max-width:100px}.mini-live{width:13px;height:13px;border-width:4px}.dash-panels{grid-template-columns:1fr;gap:10px;margin-top:10px}.chart-panel{padding:15px 13px}.panel-heading h4{font-size:10px}.chart{height:130px;margin-top:20px}.chart-bars{gap:12px}.chart-column>span{font-size:8px}.chart-y{font-size:8px}.chart-foot{font-size:8px}.tracking-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.tracking-panel .panel-heading{padding:10px 12px;grid-column:1;align-self:start}.tracking-panel .panel-heading h4{font-size:9px}.tracking-demo{font-size:6px!important}.floor-map{grid-column:2;grid-row:1/3;height:100px;margin:9px}.tracking-panel .simulate-button{grid-column:1;grid-row:2;border:0;padding:8px 12px;font-size:8px;text-align:left}.map-tag{font-size:5px}.map-door{font-size:4px}.floor-table{width:25px;height:14px}.table-1,.table-2{top:18px}.table-3{bottom:18px}.map-person{width:9px;height:9px;border-width:2px}.dash-footer{font-size:7px;margin-top:12px;line-height:1.6}.dash-version{display:none}.mockup-note{font-size:8px;max-width:290px;margin:15px auto 0}.product-features{grid-template-columns:1fr;gap:0;margin-top:28px}.product-features article{display:grid;grid-template-columns:25px 1fr;column-gap:14px;padding:23px 0;border-bottom:1px solid var(--line)}.product-features article>span{padding-top:5px;font-size:8px}.product-features h3{font-size:19px;margin:0 0 9px}.product-features p{font-size:13px;grid-column:2;max-width:100%}.product-bottom{flex-direction:column;align-items:start;border-top:0;margin-top:25px;padding-top:0;gap:13px}.product-bottom>span{font-size:9px}.services h2{font-size:clamp(43px,8.5vw,65px)}.services-heading{display:block;margin-bottom:35px}.services-heading>p{font-size:15px;max-width:100%;margin-top:25px}.service-layout{display:flex;flex-direction:column;gap:40px}.service-list{width:100%}.service-item{padding:22px 0}.service-item summary{gap:15px}.service-item h3{font-size:18px;max-width:280px}.service-index{font-size:9px}.service-body{padding-left:29px}.service-body p{font-size:13px}.service-image{width:100%;aspect-ratio:1.4}.service-image img{object-position:center 45%}.service-image figcaption>span{max-width:250px}.nature-break{height:400px}.nature-break-content p{font-size:clamp(33px,6.6vw,50px);margin-top:27px}.nature-break-content>.eyebrow{font-size:7px}.nature-symbol{font-size:32px;margin-top:26px}.process-heading{display:block}.process-heading h2{font-size:clamp(37px,7.4vw,56px)}.process-heading>p{font-size:15px;max-width:100%;margin-top:25px}.process-grid{grid-template-columns:1fr 1fr;gap:36px 25px;margin-top:38px}.process-step{margin-bottom:23px;padding-top:13px;font-size:10px}.process-grid h3{font-size:21px;margin-bottom:10px}.process-grid p{font-size:12px}.contact{padding-bottom:24px}.contact .section-label{margin-bottom:38px}.contact-main{display:block;position:relative}.contact-pretitle{font-size:13px;margin-bottom:22px;max-width:240px}.contact h2{font-size:clamp(57px,11.3vw,88px)}.contact-circle{height:94px;width:94px;margin:25px 0 0 auto;gap:5px}.contact-circle .icon{width:32px;height:32px}.contact-circle span{font-size:7px}.contact-details{grid-template-columns:1fr 1fr;gap:27px 20px;margin-top:30px;padding-top:26px}.contact-details>p{grid-column:1/3;font-size:13px}.contact-details .eyebrow{font-size:8px}.contact-placeholder{font-size:24px}.contact-details small{font-size:9px;line-height:1.5}.footer-wordmark{font-size:22.8vw;margin-top:55px;margin-bottom:30px;letter-spacing:-1.7vw}.footer-wordmark>span{font-size:3vw}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:8px;padding-top:18px}.footer-bottom>span:nth-child(2){order:3;text-align:left;max-width:100%;font-size:7px;line-height:1.6}.footer-bottom>a{margin-left:auto}.cursor-label{display:none}.text-link{font-size:13px}}
@media(max-width:370px){.header-tools{gap:13px}.hero h1{font-size:12.2vw}.hero-intro{font-size:15px;max-width:240px}.hero-topline{font-size:6px}.service-item h3{font-size:16px}.metric>span{font-size:7px}.metric strong{font-size:25px}.dash-header h3{font-size:13px}.stage-top{font-size:5px}.contact h2{font-size:12vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.title-line>span{transform:none}.hero-image{will-change:auto}.cursor-label{display:none}}
/* ============ Hero naga — melayang di tengah, mata menyala dekat cursor ============ */
/* Hero diam di tempat; bagian berikutnya naik menutupinya dari bawah. */
.hero{position:sticky;top:0;z-index:0}
.hero.is-covered{visibility:hidden}
:where(.hero ~ section,.hero ~ footer){position:relative;z-index:1;background:var(--bg)}
/* Kontak dihapus: footer tinggal wordmark + baris penutup. */
.contact.site-footer{padding-top:clamp(48px,7vw,96px)}
.site-footer .footer-wordmark{margin-top:0}
.hero-content{top:auto;bottom:clamp(104px,15vh,170px);left:0;right:0;padding:0 16px;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.2vh,26px);text-align:center}
.hero-content::before{content:'';position:absolute;inset:-18% -10%;z-index:-1;border-radius:50%;background:radial-gradient(56% 56% at 50% 55%,#04130bc0,#04130b00 72%);filter:blur(4px)}
.hero h1{font-size:clamp(56px,7.4vw,128px)}
.hero-kicker{margin:0;font-size:clamp(9px,1.05vw,12px);font-weight:600;letter-spacing:.32em;text-indent:.32em;color:#f4f2e9d6}
.hero-kicker>span{display:block;animation:kicker-in 1.3s cubic-bezier(.16,1,.3,1) both}
.hero .title-line:nth-child(1)>span{animation-delay:.26s}
.hero .title-line:nth-child(2)>span{animation-delay:.42s}
@keyframes kicker-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero-dragon{position:absolute;inset:0;z-index:-3;pointer-events:none;background:#0e1512}
.hero-dragon>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-dragon-poster,.hero-dragon-video{filter:brightness(.8) saturate(.92)}
.hero-dragon-video,.hero-dragon-canvas{opacity:0;transition:opacity .9s ease}
.hero.dragon-video .hero-dragon-video,.hero.dragon-gl .hero-dragon-canvas{opacity:1}
/* Kabut mengalir kanan → kiri; tekstur periodik, jadi geser 50% selalu menyambung */
.hero-mist{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-mist i{position:absolute;left:0;width:200%;background-repeat:repeat-x;background-size:50% 100%;will-change:transform;animation:mist-flow linear infinite}
.mist-far{top:38%;height:34%;background-image:url(assets/hero/fog-b.webp);opacity:.3;animation-duration:120s}
.mist-near{top:52%;height:50%;background-image:url(assets/hero/fog-a.webp);opacity:.5;animation-duration:75s}
@keyframes mist-flow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:760px){.hero-content{bottom:clamp(96px,15svh,150px)}.hero h1{font-size:clamp(52px,13vw,96px)}.hero-kicker{letter-spacing:.24em}.hero-mist i{width:500%}}
.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}