:root{--ink:#071b19;--muted:#5c6b68;--paper:#f4f7f4;--line:#d8e0dc;--green:#b7f24a;--teal:#0b514a;--white:#fff;--shadow:0 20px 60px rgba(5,25,23,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.section-shell{width:min(1220px,calc(100% - 48px));margin:auto}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:.3s}.site-header.scrolled{height:68px;background:rgba(7,27,25,.94);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.04em}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font:800 26px/1 Space Grotesk}.brand small{font-size:8px;letter-spacing:.22em;margin-top:4px}.brand-mark{width:30px;height:38px;display:block;position:relative;border:2px solid var(--green);border-radius:18px 18px 4px 18px;transform:rotate(-18deg)}.brand-mark i{position:absolute;width:2px;height:23px;background:var(--green);left:13px;top:7px;transform:rotate(18deg)}.main-nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.main-nav>a:not(.nav-cta){opacity:.86}.main-nav>a:hover{opacity:1}.nav-cta{padding:12px 17px;border-radius:2px;color:var(--ink);background:var(--green)}.menu-toggle{display:none;background:none;border:0}.hero{height:min(880px,100svh);min-height:700px;position:relative;color:white;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:31% center;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,13,.82) 0%,rgba(2,15,14,.48) 43%,rgba(2,15,14,.06) 70%),linear-gradient(0deg,rgba(2,14,13,.55),transparent 45%)}.hero-content{position:absolute;left:max(6vw,calc((100vw - 1220px)/2));top:50%;transform:translateY(-49%);width:min(690px,84vw)}.eyebrow{margin:0 0 18px;font-size:11px;letter-spacing:.22em;font-weight:800;color:#287b6c}.eyebrow.light{color:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,Manrope,sans-serif}h1{font-size:clamp(50px,6.7vw,104px);line-height:.94;letter-spacing:-.055em;margin-bottom:28px}h1 em{font-style:normal;color:var(--green)}.hero-copy{font-size:17px;line-height:1.7;max-width:580px;color:rgba(255,255,255,.83)}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;border:0;padding:16px 22px;font-size:13px;font-weight:800;cursor:pointer}.primary{background:var(--green);color:var(--ink)}.ghost{border:1px solid rgba(255,255,255,.55);color:#fff}.hero-stats{position:absolute;right:4vw;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(7,27,25,.9);backdrop-filter:blur(14px)}.hero-stats div{padding:22px 28px;border-left:1px solid rgba(255,255,255,.15)}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:17px;color:var(--green)}.hero-stats span{font-size:10px;margin-top:5px;opacity:.66}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:11vw;padding:130px 0 90px}.intro h2,.section-heading h2,.about h2,.inquiry h2,.feature-copy h2,.project-inner h2{font-size:clamp(38px,5vw,70px);line-height:1.03;letter-spacing:-.045em;margin:0}.intro-copy{align-self:end}.intro-copy p,.about>div:last-child p{color:var(--muted);line-height:1.8}.text-link{display:inline-flex;gap:24px;margin-top:16px;font-size:13px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:6px}.use-cases{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:12px;padding-bottom:120px}.use-card{min-height:480px;padding:28px;display:flex;justify-content:space-between;flex-direction:column;color:#fff;background-position:center;background-size:cover;position:relative;overflow:hidden}.use-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,20,18,.82),rgba(0,20,18,.05) 65%)}.use-card>*{position:relative}.use-card>span{font-size:11px;opacity:.7}.use-card p{font-size:10px;letter-spacing:.2em;color:var(--green);font-weight:800}.use-card h3{font-size:30px;line-height:1.05;max-width:330px;margin-bottom:20px}.use-card a{font-size:12px;font-weight:800}.use-card.home{background-image:url('assets/p6-hero.png');background-position:29% center}.use-card.business{background-image:url('assets/candi-shop.jpg')}.use-card.mobile{background-image:url('assets/xt1500.png');background-position:7% center}.products{background:var(--paper);padding:120px 0}.section-heading{display:grid;grid-template-columns:1.25fr .6fr;gap:8vw;align-items:end}.section-heading>p{color:var(--muted);line-height:1.7;margin:0}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:52px 0 28px}.filter-bar button{border:1px solid var(--line);background:#fff;padding:11px 17px;cursor:pointer;font-size:12px;font-weight:700}.filter-bar button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-card{background:#fff;min-height:470px;display:flex;flex-direction:column;transition:.25s;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-visual{height:270px;background:#e8eeea;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product-visual img{width:100%;height:100%;object-fit:cover}.product-card[data-id="w"] .product-visual img,.product-card[data-id="t"] .product-visual img,.product-card[data-id="s"] .product-visual img,.product-card[data-id="b"] .product-visual img,.product-card[data-id="micro"] .product-visual img{object-fit:contain;padding:22px;mix-blend-mode:multiply}.product-tag{position:absolute;left:16px;top:16px;background:var(--green);font-size:9px;font-weight:800;padding:7px 9px;letter-spacing:.1em}.product-body{padding:24px;display:flex;flex-direction:column;flex:1}.product-name{display:flex;justify-content:space-between;gap:15px}.product-name h3{font-size:24px;margin-bottom:8px}.product-name span{font-size:11px;color:var(--muted)}.product-body>p{font-size:13px;color:var(--muted);line-height:1.6}.spec-row{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:16px;margin-top:auto}.spec-row div{font-size:10px;color:var(--muted)}.spec-row strong{display:block;font-size:14px;color:var(--ink);margin-bottom:3px}.card-action{width:100%;border:0;background:var(--ink);color:#fff;text-align:left;padding:14px 20px;font-size:12px;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.feature-split{display:grid;grid-template-columns:1fr 1fr;min-height:700px;margin-top:120px;margin-bottom:120px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{background:var(--ink);color:#fff;padding:clamp(45px,7vw,95px)}.feature-copy>p:not(.eyebrow){color:rgba(255,255,255,.67);line-height:1.8;margin:28px 0 42px}.feature-list>div{display:grid;grid-template-columns:40px 1fr;gap:18px;border-top:1px solid rgba(255,255,255,.18);padding:21px 0}.feature-list b{color:var(--green);font-size:11px}.feature-list span,.feature-list strong{display:block}.feature-list span{color:rgba(255,255,255,.6);font-size:12px}.feature-list strong{color:#fff;font-size:14px;margin-bottom:5px}.project-band{background:#0d4d47;color:#fff;padding:110px 0}.project-inner{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.project-metrics div{border-left:1px solid rgba(255,255,255,.2);padding-left:22px}.project-metrics strong,.project-metrics span{display:block}.project-metrics strong{font-size:24px;color:var(--green)}.project-metrics span{font-size:10px;opacity:.65;margin-top:8px}.about{padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.inquiry{background:var(--ink);color:#fff;padding:120px 0}.inquiry-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.inquiry-grid>div>p:not(.eyebrow){line-height:1.75;color:rgba(255,255,255,.65);max-width:470px;margin-top:30px}.address{margin-top:70px;color:var(--green);font-size:13px}.address span{color:rgba(255,255,255,.55);font-size:11px}.inquiry form{display:flex;flex-direction:column;gap:20px}.inquiry label{font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.6);font-weight:700}.inquiry input,.inquiry select,.inquiry textarea{display:block;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.24);background:transparent;color:#fff;padding:12px 0;outline:none;resize:vertical}.inquiry option{color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-submit{margin-top:8px;width:max-content}.form-note{font-size:10px;color:rgba(255,255,255,.4)}footer{background:#04100f;color:#fff;padding:38px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner>div p{font-size:10px;color:rgba(255,255,255,.48);margin:5px}.footer-inner>a:last-child{font-size:11px}.product-dialog,.brief-dialog{width:min(760px,calc(100% - 32px));border:0;padding:0;box-shadow:var(--shadow);background:#fff}.product-dialog::backdrop,.brief-dialog::backdrop{background:rgba(2,15,14,.78);backdrop-filter:blur(5px)}.dialog-close{position:absolute;z-index:3;right:16px;top:14px;width:36px;height:36px;border:0;background:var(--ink);color:#fff;font-size:22px;cursor:pointer}.dialog-visual{height:350px;background:var(--paper);overflow:hidden}.dialog-visual img{width:100%;height:100%;object-fit:cover}.dialog-body{padding:38px}.dialog-body h2,.brief-dialog h2{font-size:40px;margin:0 0 12px}.dialog-body>p{color:var(--muted);line-height:1.7}.dialog-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.dialog-specs div{background:var(--paper);padding:16px}.dialog-specs strong,.dialog-specs span{display:block}.dialog-specs span{font-size:10px;color:var(--muted);margin-top:4px}.brief-dialog{padding:38px}.brief-dialog pre{white-space:pre-wrap;background:var(--paper);padding:22px;font:12px/1.7 Manrope;margin:24px 0}.copy-status{font-size:11px;color:var(--teal);margin-top:12px}@media(max-width:900px){.main-nav{position:fixed;inset:68px 0 auto;background:var(--ink);padding:26px;display:none;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:6px}.hero-stats{left:0;right:0}.intro,.section-heading,.project-inner,.about,.inquiry-grid{grid-template-columns:1fr}.use-cases{grid-template-columns:1fr 1fr}.use-card:first-child{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,1fr)}.feature-split{grid-template-columns:1fr}.feature-image{height:500px}.project-metrics{margin-top:35px}}@media(max-width:620px){.section-shell{width:min(100% - 28px,1220px)}.site-header{height:68px;padding:0 16px}.hero{min-height:760px}.hero-content{left:20px;top:43%;width:calc(100% - 40px)}h1{font-size:52px}.hero-copy{font-size:14px}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats div:last-child{display:none}.hero-stats div{padding:18px}.intro{padding:90px 0 60px}.use-cases{grid-template-columns:1fr}.use-card:first-child{grid-column:auto}.use-card{min-height:390px}.products{padding:85px 0}.product-grid{grid-template-columns:1fr}.feature-split{margin:75px auto}.feature-image{height:380px}.feature-copy{padding:42px 25px}.project-band,.inquiry{padding:85px 0}.project-metrics{grid-template-columns:1fr;gap:18px}.about{padding:85px 0}.form-row{grid-template-columns:1fr}.footer-inner{gap:20px;align-items:flex-start;flex-direction:column}.dialog-visual{height:260px}.dialog-body{padding:26px}.dialog-specs{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:flex-start}}