*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{--bg:#f2f0e5;--ink:#243b2b;--accent:#354b2f;--button:#fff;--line:#cdd1c1;margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'Segoe UI',Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}a,button,input,select,summary{touch-action:manipulation}:focus-visible{outline:3px solid #bd8529;outline-offset:5px}.skip{position:absolute;top:-100px;background:white;z-index:20}.skip:focus{top:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(52px,6vw,90px);letter-spacing:-3px}h2{font-size:clamp(32px,4vw,52px);letter-spacing:-1.5px}h3{font-size:28px}p{margin:16px 0}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#171b22;color:#fff;padding:11px 4%;font-size:11px}.demo-banner a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.demo-banner>a:first-child svg{transform:rotate(180deg);width:14px}.demo-banner a:hover{text-decoration:underline}.demo-banner>span{color:#d0d7d6}.demo-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 5%}.demo-brand{font:30px Georgia,serif;letter-spacing:4px;text-decoration:none}.demo-nav nav{display:flex;align-items:center;gap:28px;font-size:14px}.demo-nav nav a{text-decoration:none}.nav-action{display:flex;align-items:center;gap:12px;border:1px solid var(--ink);padding:7px 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--accent);color:var(--button);border:1px solid var(--accent);padding:14px 22px;font-size:14px;text-decoration:none;cursor:pointer;min-height:48px}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.45;cursor:not-allowed}.demo-hero{display:grid;grid-template-columns:1fr 1fr;min-height:580px;margin:0;padding:0}.hero-copy{padding:60px 8% 70px 10%;align-self:center}.hero-copy p{max-width:470px;font-size:19px;margin:26px 0}.hero-image{width:100%;height:100%;min-height:580px;object-fit:cover}.story{display:grid;grid-template-columns:.4fr 1fr 1fr;gap:48px;align-items:start;border-bottom:1px solid var(--line);padding:60px 5%}.story>span{text-transform:uppercase;font-size:11px;letter-spacing:2px;padding-top:10px}.story h2{font-size:38px}.story p{margin:0}main>section:not(.demo-hero):not(.story){padding:72px 5%}main>section>p{max-width:720px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.filter{border:1px solid var(--line);padding:10px 24px;background:transparent;color:var(--ink);cursor:pointer;border-radius:30px}.filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--button)}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.item{border-top:1px solid var(--line);padding:28px 0}.item[hidden]{display:none}.item>span{font-size:11px;letter-spacing:1px;text-transform:uppercase}.item h3{margin-top:12px}.item p{font-size:15px;max-width:340px}.item strong{font-size:14px}.form-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:color-mix(in srgb,var(--accent) 6%,var(--bg));border-top:1px solid var(--line)}.form-section>div>p{max-width:420px}.demo-form,.brief-form,.estimate-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:13px;font-weight:600}input,select,textarea{display:block;width:100%;min-height:48px;padding:10px 12px;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:0;margin-top:7px}textarea{min-height:100px;resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;min-height:18px;margin:0}.form-result{grid-column:1/-1;font-size:15px;white-space:pre-line}.form-result:not(:empty){padding:20px;border-left:3px solid var(--accent);background:var(--bg)}form>button{grid-column:1/-1;justify-self:start}form>label:has(textarea){grid-column:1/-1}.demo-faq{max-width:1000px;margin:auto}.demo-faq h2{margin-bottom:28px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:600}details p{font-size:15px}.build-cta{text-align:center;background:var(--accent);color:var(--button)}.build-cta p{margin:18px auto}.build-cta .btn{background:var(--bg);color:var(--ink);margin-top:12px}.schedule{display:grid;gap:0;margin-top:30px}.schedule article{display:grid;grid-template-columns:.65fr 1fr 1fr auto;align-items:center;gap:22px;padding:25px 0;border-top:1px solid var(--line)}.schedule article>span{font-size:12px}.schedule p{font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:35px}.product-image{height:290px;overflow:hidden;background:#e3dace}.product img{height:100%;width:100%;object-fit:cover}.crop-0 img{width:230%;max-width:none;object-position:left;transform:translateX(-12%)}.crop-1 img{width:230%;max-width:none;transform:translateX(-28%)}.crop-2 img{width:230%;max-width:none;transform:translateX(-48%)}.product h3{margin-top:22px}.product p{font-size:14px}.product strong{display:block;margin-bottom:20px}.product .btn{width:100%}.bag{border-top:1px solid var(--line)}#bag-items{margin:28px 0}.bag-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.bag-row button{background:transparent;border:1px solid var(--line);color:var(--ink);padding:7px 14px;cursor:pointer}.bag-total{display:flex;gap:40px;font-size:22px}#checkout-result{margin-top:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 5%;font-size:12px}.brightpath{--bg:#f7f9ff;--ink:#123872;--accent:#184aae;--line:#d0d9ee}.brightpath h1,.brightpath h2{font-family:'Segoe UI',Arial,sans-serif;font-weight:650;letter-spacing:-3px}.brightpath .demo-hero{padding:25px 5% 55px;gap:35px}.brightpath .hero-copy{padding:30px 0}.brightpath .hero-image{border-radius:120px 0 0 0}.northline{--bg:#111715;--ink:#f0eee9;--accent:#ef7629;--button:#151915;--line:#3b4540}.northline .demo-brand{font-family:'Segoe UI',sans-serif;font-weight:700;letter-spacing:1px}.northline h1{font-size:clamp(52px,6.5vw,96px)}.northline .hero-copy{position:relative;z-index:1}.northline .demo-hero{background:#090e0d}.northline .hero-image{opacity:.8}.rumah{--bg:#f4f5ef;--ink:#132d3a;--accent:#e9cf51;--button:#132d3a;--line:#cbd3d2}.rumah .demo-hero{background:#112a38;color:#fff}.rumah .demo-brand,.rumah h1,.rumah h2{font-family:'Segoe UI',sans-serif;font-weight:650}.rumah h1{font-size:clamp(50px,5.7vw,84px)}.still{--bg:#f2ece7;--ink:#50463e;--accent:#687c6b;--line:#d8cec3}.still .demo-hero{padding:25px 5% 50px;gap:25px}.still .hero-copy{padding:40px 20px 40px 0}.still .hero-image{border-radius:46% 46% 0 0}.still h1{font-size:clamp(58px,7vw,104px)}.object{--bg:#ede7dc;--ink:#292c26;--accent:#292c26;--line:#ccc4b6}.object .demo-brand{font-family:'Segoe UI',sans-serif;font-weight:700;letter-spacing:2px}.object .hero-copy{padding-right:5%}.object h1{font-size:clamp(52px,5.7vw,84px)}@media(max-width:900px){.demo-banner{font-size:10px}.demo-nav{padding:22px 5%}.demo-nav nav{gap:15px}.demo-hero{min-height:460px}.hero-image{min-height:460px}.hero-copy{padding:40px 6% 40px 10%}h1{font-size:58px}.story{grid-template-columns:1fr 1fr;gap:24px}.story>span{grid-column:1/-1}.form-section{gap:30px}.item-grid{grid-template-columns:1fr 1fr}.schedule article{grid-template-columns:.6fr 1fr}.product-grid{gap:16px}.product-image{height:220px}.product .btn{font-size:12px;padding:12px}.demo-brand{font-size:26px}footer{flex-wrap:wrap}}@media(max-width:620px){.demo-banner{flex-wrap:wrap;gap:8px;padding:10px 5%}.demo-banner>span{order:3;width:100%;text-align:center;font-size:10px}.demo-nav{align-items:center;gap:10px}.demo-brand{font-size:22px;letter-spacing:2px}.demo-nav nav{font-size:11px;gap:12px}.demo-nav nav>a:nth-child(2){display:none}.nav-action{padding:6px 10px}.nav-action svg{width:14px}.demo-hero{grid-template-columns:1fr}.hero-copy{padding:40px 5%}.hero-copy h1,.northline h1,.brightpath h1,.rumah h1,.still h1,.object h1{font-size:54px;letter-spacing:-2px}.hero-copy p{font-size:17px}.hero-image{min-height:0;height:330px}.brightpath .demo-hero,.still .demo-hero{padding:0 5% 30px;gap:10px}.brightpath .hero-copy,.still .hero-copy{padding:35px 0}.brightpath .hero-image{border-radius:60px 0 0 0}.story{grid-template-columns:1fr;padding:40px 5%}.story h2{font-size:34px}main>section:not(.demo-hero):not(.story){padding:48px 5%}.item-grid{grid-template-columns:1fr}.form-section{grid-template-columns:1fr}.demo-form,.brief-form,.estimate-form{gap:15px}.schedule article{grid-template-columns:1fr 1fr;gap:12px}.schedule h3{font-size:25px}.schedule .btn{font-size:12px;padding:10px}.product-grid{grid-template-columns:1fr}.product-image{height:340px}.product .btn{width:auto;font-size:14px}.bag-row{grid-template-columns:1fr auto;gap:12px}footer{display:block}footer p{margin:20px 0}h2,.brightpath h2{font-size:36px;letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brightpath .story h2{letter-spacing:-1px}