:root{--mint:#0dcc94;--ink:#393b3a;--muted:#757b78;--line:#e3e9e5;--soft:#eff8f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:'Mitr',sans-serif;font-weight:300;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #07855f;outline-offset:5px}img{display:block;max-width:100%}header{height:100px;max-width:1360px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:132px;display:block}.brand img{width:100%;height:auto}nav{display:flex;gap:32px;font-size:14px;font-weight:400}nav a:hover,.text-link:hover{color:#008c64}.button{background:var(--mint);padding:17px 25px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:400;color:#173a2d;font-size:15px;border:0;transition:background .2s,transform .2s}.button:hover{background:#19dfa5;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.button.small{font-size:14px;padding:12px 20px;gap:24px}.hero{max-width:1360px;margin:24px auto 60px;padding:0 48px;display:grid;grid-template-columns:1fr 1.05fr;min-height:565px;align-items:center;gap:42px}.eyebrow{font-size:12px;font-weight:400;letter-spacing:2px;color:#52806b;display:block}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.8px}.spark{font-size:25px;color:var(--mint)}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,4.2vw,61px);font-weight:500;line-height:1.4;letter-spacing:-1.8px;margin:23px 0 20px;position:relative}.green{color:#00b780}.heading-spark{display:inline-block;color:var(--mint);font-size:40px;position:absolute;margin:1px 0 0 10px}p{color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:30px}.text-link{font-size:14px;font-weight:400}.text-link span{margin-left:10px}.hero-note{display:flex;align-items:center;gap:10px;font-size:13px;color:#7e8781;margin-top:37px}.outline-icon{border:1px solid #9caea4;border-radius:50%;height:19px;width:19px;display:grid;place-items:center;font-size:11px;color:#648b76}.hero-visual{position:relative;height:565px;padding-bottom:24px}.room{width:100%;height:100%;object-fit:cover;border-radius:100px 14px 100px 14px;object-position:48% 50%}.photo-tag{position:absolute;left:24px;top:24px;background:#ffffffed;padding:8px 15px;border-radius:30px;font-size:12px;display:flex;align-items:center;gap:8px}.photo-tag span{color:#00b580;font-size:19px}.float-card{position:absolute;bottom:0;left:-30px;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #ebefec;padding:19px 24px;box-shadow:0 12px 40px #244c3510;border-radius:12px;font-size:16px;font-weight:400}.float-card small{display:block;font-size:12px;color:var(--muted);font-weight:300}.card-icon{width:42px;height:42px;display:grid;place-items:center;background:#e2faf0;border-radius:50%;color:#00ac75;font-size:21px}.float-spark{font-size:34px;color:var(--mint);margin-left:30px}.vertical-label{position:absolute;right:-25px;top:190px;writing-mode:vertical-rl;letter-spacing:2px;font-size:9px;color:#929a95}.promise-strip{background:var(--soft);display:flex;align-items:center;justify-content:center;gap:49px;padding:25px 30px;font-size:14px;font-weight:400}.promise-strip b{color:#0ac98e;font-size:20px}.section{max-width:1360px;margin:auto;padding:92px 48px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;gap:40px}h2{font-size:36px;font-weight:400;line-height:1.55;letter-spacing:-.8px}.section-top h2{margin-top:12px}.section-top p{font-size:14px;padding-bottom:6px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.service-art{height:210px;position:relative;overflow:hidden}.service-art img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transition:transform .5s}.service-card:hover .service-art img{transform:scale(1.04)}.service-number{font-size:11px;letter-spacing:1.3px;font-weight:400}.service-art .service-number{position:absolute;top:18px;left:20px;background:#ffffffef;border-radius:20px;padding:4px 12px}.service-body{padding:26px;flex:1;display:flex;flex-direction:column}.service-label{color:#00875e;font-size:12px;font-weight:400}.service-body h3{font-size:19px;font-weight:400;line-height:1.6;margin:7px 0 12px}.service-body p{font-size:14px;line-height:1.85}.service-link{display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #d9e5de;background:transparent;text-align:left;margin-top:24px;padding:19px 0 0;font-size:13px;color:var(--ink);font-weight:400}.service-link span{font-size:24px;transition:transform .2s}.service-link:hover span{transform:translate(3px,-3px)}.mint-card{background:#e8f9f2;border-color:#e8f9f2}.gray-card{background:#f2f4f3;border-color:#f2f4f3}.service-top{height:210px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.line-icon{width:94px;height:94px;stroke:#35765b;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;margin:16px 0 2px}.large-spark{position:absolute;right:22px;bottom:-37px;color:#c3ecdc;font-size:160px;line-height:1.4}.gray-card .large-spark{color:#e0e7e3}.why{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);gap:100px;padding-top:75px;padding-bottom:75px}.why-heading h2{margin:15px 0}.why-heading p{font-size:14px;max-width:330px}.why-spark{color:var(--mint);font-size:84px;line-height:1.3;display:block;margin-top:20px}.reasons article{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.reasons article:first-child{padding-top:0}.reasons article>span{font-size:13px;color:#03aa77;padding-top:5px}.reasons h3{font-size:19px;font-weight:400;margin-bottom:10px}.reasons p{font-size:14px}.steps{background:#f8faf9;max-width:none;text-align:center;padding-top:68px;padding-bottom:75px}.steps h2{margin-top:14px;font-size:32px}.steps-grid{max-width:1150px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr)}.steps-grid article+article{border-left:1px solid #dce5df}.steps-grid article>span{display:inline-grid;place-items:center;background:#e0f6ec;color:#16805b;width:46px;height:46px;border-radius:50%;font-size:14px;margin-bottom:15px}.steps h3{font-size:19px;font-weight:400;margin:6px 0 10px}.steps p{font-size:14px}.closing{background:#c9f8e6;margin:68px auto;max-width:1264px;border-radius:18px;padding:50px 60px;display:flex;align-items:center;gap:40px}.closing>span{color:#00b77e;font-size:100px;line-height:1}.closing h2{font-size:33px}.closing p{color:#4e7b66;font-size:14px;margin-top:12px}.closing .button{margin-left:auto;background:#343d37;color:#fff;white-space:nowrap}footer{max-width:1360px;padding:8px 48px 32px;display:flex;align-items:center;gap:30px;margin:auto}footer .brand{width:108px}footer p{font-size:12px}footer>span{margin-left:auto;font-size:11px;color:#8b938e}dialog{max-width:540px;width:calc(100% - 36px);border:1px solid #dce7e0;border-radius:18px;padding:38px;color:var(--ink);box-shadow:0 30px 100px #122d3530}dialog::backdrop{background:#152d2570;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:16px 0}dialog p,dialog li{font-size:15px}dialog ul{padding-left:20px;line-height:2.1}.dialog-note{background:var(--soft);padding:15px;border-radius:8px;color:#5b7366;font-size:13px;margin:22px 0}.close{position:absolute;top:10px;right:16px;background:none;border:0;font-size:28px;color:#6c7f73}.dialog-done{width:100%}@media(min-width:1450px){.hero{margin-top:40px}}@media(max-width:1050px){header{padding:0 28px}nav{gap:18px;font-size:12px}.hero{padding:0 28px;gap:26px}.hero-visual{height:510px}h1{font-size:46px}.heading-spark{font-size:25px}.hero-actions{gap:17px;flex-wrap:wrap}.promise-strip{gap:25px;font-size:12px}.section{padding:68px 28px}.service-body{padding:20px}.service-body h3{font-size:17px}.why{gap:50px}.closing{margin:45px 28px;padding:36px;gap:25px}.closing>span{font-size:65px}.closing h2{font-size:28px}}@media(max-width:760px){header{height:82px;padding:0 22px;gap:12px}.brand{width:110px}header nav{display:none}.button.small{font-size:12px;padding:10px 12px;gap:12px}.hero{grid-template-columns:1fr;padding:0 22px;margin:25px auto 42px;gap:35px}.hero-copy{padding-top:0}.hero .eyebrow{font-size:10px}h1{font-size:44px;line-height:1.45;margin:18px 0}.heading-spark{font-size:31px}.hero p{font-size:15px}.hero-actions{margin-top:25px}.button{padding:15px 18px;font-size:14px;gap:18px}.hero-note{margin-top:24px;font-size:12px}.hero-visual{height:400px;padding-bottom:17px}.room{border-radius:65px 12px 65px 12px}.float-card{left:12px;bottom:0;padding:13px 16px;font-size:14px;gap:12px}.float-spark{margin-left:20px}.photo-tag{left:16px;top:18px;font-size:11px}.vertical-label{display:none}.promise-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px;text-align:center;font-size:11px}.promise-strip b{display:none}.section{padding:55px 22px}.section-top{display:block;margin-bottom:28px}.section-top h2,h2{font-size:28px}.section-top p{margin-top:18px;font-size:13px}.service-grid{grid-template-columns:1fr;gap:20px}.service-art{height:220px}.service-body{padding:24px}.service-body h3{font-size:21px}.service-top{height:155px}.line-icon{width:72px;height:72px}.large-spark{font-size:140px;bottom:-44px}.service-body p{font-size:15px}.why{grid-template-columns:1fr;gap:35px}.why-heading{position:relative}.why-heading p{max-width:270px}.why-spark{position:absolute;right:5px;top:25px;font-size:65px}.reasons h3{font-size:18px}.steps h2{font-size:26px}.steps-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.steps-grid article+article{border-left:0;border-top:1px solid #dce5df;padding-top:28px}.steps-grid article>span{margin-bottom:4px}.closing{margin:32px 22px;padding:30px 24px;flex-wrap:wrap;gap:20px}.closing>span{font-size:52px}.closing h2{font-size:26px}.closing>div{width:100%}.closing .button{margin-left:0}.closing p{font-size:13px}footer{padding:15px 22px 30px;gap:18px;flex-wrap:wrap}footer>span{width:100%;margin:0}dialog{padding:30px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.portfolio{border-top:1px solid var(--line)}.portfolio .section-top p{font-size:13px}.portfolio-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.portfolio-grid figure{margin:0;min-width:0}.portfolio-feature{grid-row:span 2}.portfolio-image{position:relative;overflow:hidden;border-radius:14px;height:215px;background:var(--soft)}.portfolio-feature .portfolio-image{height:560px}.portfolio-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.portfolio-grid figure:hover img{transform:scale(1.025)}.sample-label{position:absolute;top:16px;left:16px;background:#ffffffed;border-radius:30px;padding:5px 12px;font-size:12px;color:#53665b}.portfolio-grid figcaption{padding:17px 0 0}.portfolio-grid figcaption>span{font-size:11px;letter-spacing:1px;color:#00875e;font-weight:400}.portfolio-grid h3{font-size:21px;font-weight:400;margin:4px 0}.portfolio-grid figcaption p{font-size:14px}@media(max-width:1050px){header nav{gap:14px}.portfolio-feature .portfolio-image{height:540px}}@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr;gap:30px}.portfolio-feature{grid-row:auto}.portfolio-image,.portfolio-feature .portfolio-image{height:280px}.portfolio-grid h3{font-size:20px}.portfolio .section-top p{font-size:12px}}

#bubble-canvas{position:absolute;inset:-30px;z-index:2;width:calc(100% + 60px);height:calc(100% + 60px);pointer-events:none}.photo-tag,.float-card{z-index:3}.portfolio-image{transform-style:preserve-3d;will-change:transform;transition:transform .3s ease,box-shadow .3s ease}.portfolio-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,0%),#ffffff75,transparent 60%);opacity:0;transition:opacity .3s}.portfolio-image.is-tilting{box-shadow:0 25px 45px #154b3525}.portfolio-image.is-tilting::after{opacity:1}.clean-story{height:180vh;min-height:1000px;background:#edf7f2;position:relative}.clean-sticky{min-height:650px;height:100vh;max-width:1360px;margin:auto;position:sticky;top:0;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:35px;padding:50px 48px}.clean-copy h2{margin:18px 0}.clean-copy p{font-size:15px}.clean-control{display:block;font-size:13px;margin-top:30px;color:#50705e}#clean-progress{display:block;width:100%;max-width:330px;accent-color:#00ad7a;margin:15px 0;cursor:pointer;min-height:30px}.clean-state{display:flex;max-width:330px;justify-content:space-between;font-size:14px;color:#187c58}.clean-reset{background:none;border:0;border-bottom:1px solid #8cb7a1;color:#4f7460;padding:5px 0;margin-top:15px;font-size:12px}.room-stage{height:520px;position:relative;min-width:0;border-radius:28px;background:radial-gradient(ellipse at 50% 60%,#fcfffd,#d9eee3);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff90}.room-fallback{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.4}#room-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s}.room-stage.ready #room-canvas{opacity:1}.room-stage.ready .room-fallback{display:none}.scene-label,.scene-caption{position:absolute;left:24px;font-size:11px;letter-spacing:.5px;color:#557563}.scene-label{top:20px}.scene-caption{bottom:20px}.clean-story.no-webgl{height:auto;min-height:0}.clean-story.no-webgl .clean-sticky{position:relative;height:auto}.clean-story.no-webgl .clean-control,.clean-story.no-webgl input,.clean-story.no-webgl .clean-state,.clean-story.no-webgl .clean-reset{display:none}@media(max-width:760px){#bubble-canvas{inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px)}.clean-story{height:155vh;min-height:1000px}.clean-sticky{height:100svh;min-height:670px;grid-template-columns:1fr;padding:30px 22px;gap:20px;align-content:center}.clean-copy h2{font-size:27px;margin:8px 0}.clean-copy p{font-size:13px}.clean-control{margin-top:12px;font-size:12px}#clean-progress{margin:5px 0;max-width:none}.clean-state{max-width:none;font-size:12px}.room-stage{height:310px}.scene-label,.scene-caption{font-size:10px;left:16px}.scene-caption{bottom:12px}}@media(prefers-reduced-motion:reduce){.clean-story{height:auto;min-height:0}.clean-sticky{height:auto;position:relative}.portfolio-image{transform:none!important}.clean-copy{padding:24px 0}}

.line-floating{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:10px;background:var(--mint);color:#fff;padding:12px 20px 12px 12px;border-radius:40px;font-size:14px;font-weight:400;box-shadow:0 6px 24px #07582c30;transition:background .2s,transform .2s}.line-floating:hover{background:#19dfa5;transform:translateY(-3px)}.line-badge{display:grid;place-items:center;width:42px;height:34px;background:#fff;color:#00875e;border-radius:15px;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.line-button{background:var(--mint);color:#fff}.line-button:hover{background:#19dfa5}.closing .line-button{background:var(--mint);color:#fff}.closing .line-button:hover{background:#19dfa5}footer{padding-bottom:100px}@media(max-width:760px){.line-floating{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:10px 15px 10px 10px;font-size:13px;gap:8px}.line-badge{width:38px;height:30px}footer{padding-bottom:95px}}

.line-floating,.line-button,.closing .line-button{color:#173a2d}
/* Prominent primary service actions in the iClear brand green. */
.line-button,.button.small.line-button,.closing .line-button{min-height:54px;padding:15px 30px;font-size:17px;font-weight:500;color:#103d2e;border:1px solid #00ad7a;border-bottom:4px solid #008f65;border-radius:12px;box-shadow:0 7px 0 #d9f8ec,0 12px 24px #00875e22;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}
.line-button:hover,.button.small.line-button:hover,.closing .line-button:hover{transform:translateY(-3px);box-shadow:0 10px 0 #d9f8ec,0 16px 28px #00875e30}
.line-button:active,.button.small.line-button:active,.closing .line-button:active{transform:translateY(2px);box-shadow:0 3px 0 #d9f8ec,0 5px 12px #00875e22}
.line-floating{min-height:64px;padding:12px 25px 12px 14px;font-size:18px;font-weight:500;gap:12px;border:2px solid #fff;box-shadow:0 0 0 1px #00ad7a,0 0 0 6px #0dcc941a,0 10px 30px #006c4940}
.line-badge{width:46px;height:38px;font-size:13px}
@media(max-width:760px){.button.small.line-button{min-height:48px;padding:10px 20px;font-size:15px}.closing .line-button{font-size:16px;padding:14px 27px}.line-floating{min-height:58px;font-size:16px;padding:10px 19px 10px 11px;gap:10px}.line-badge{width:41px;height:34px}}