*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:96px}html,body,#root{background:#0c0c0c}html,body{overflow-x:hidden}body{font-family:Kanit,sans-serif;color:#d7e2ea}.hero-heading{background:linear-gradient(180deg,#646973,#bbccd7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.btn-contact{border:none;cursor:pointer;color:#fff;font-family:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.18em;border-radius:9999px;padding:14px 40px;font-size:clamp(.72rem,1vw,1rem);background:linear-gradient(123deg,#3d0a24 5%,#c2186f 38%,#ff2e88 72%,#ff7eb3);box-shadow:0 4px 4px #ff2e8840,4px 4px 12px #c2186f inset;outline:2px solid #fff;outline-offset:-3px;transition:transform .2s ease,filter .2s ease}.btn-contact:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost{cursor:pointer;background:transparent;font-family:inherit;font-weight:500;text-transform:uppercase;letter-spacing:.18em;border-radius:9999px;border:2px solid #D7E2EA;color:#d7e2ea;padding:12px 34px;font-size:clamp(.72rem,1vw,1rem);transition:background .2s ease;display:inline-flex;align-items:center;gap:.4em}.btn-ghost:hover{background:#d7e2ea1a}a{text-decoration:none}.fade{opacity:0;transition:opacity .7s cubic-bezier(.25,.1,.25,1),transform .7s cubic-bezier(.25,.1,.25,1)}.fade.in{opacity:1;transform:none!important}.ph{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d7e2ea0f,#c2186f1f),repeating-linear-gradient(45deg,rgba(215,226,234,.03) 0 12px,transparent 12px 24px);border:1px dashed rgba(215,226,234,.22);color:#d7e2ea8c;font-weight:400;letter-spacing:.05em;text-align:center;padding:12px;overflow:hidden}.ph span{font-size:clamp(.62rem,1vw,.85rem);line-height:1.4}.ph img{width:100%;height:100%;object-fit:cover;display:block}.nav{position:fixed;inset:0 0 auto;z-index:800;display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;gap:16px;background:#0c0c0cdb;border-bottom:1px solid rgba(215,226,234,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-logo{display:flex;align-items:center;transition:opacity .2s}.nav-logo img{height:64px;width:auto;display:block}.nav-logo:hover{opacity:.85}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.2vw,44px)}.nav-links a{color:#d7e2ea;font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(.72rem,1.1vw,1.3rem);transition:opacity .2s}.nav-links a:hover{opacity:.7}.nav-links{margin-left:auto}.nav-design{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;background:#ec187d;color:#fff;font-weight:500;font-size:clamp(.8rem,1vw,1rem);white-space:nowrap}.nav-design:hover{background:#c2186f}.nav a:focus-visible,.booth-showcase button:focus-visible,.booth-start:focus-visible,.hero-compare-link:focus-visible{outline:3px solid #ff7eb3;outline-offset:4px}.hero-compare-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:20px;color:#ff7eb3;font-size:.9rem}@media (max-width:900px){.nav{flex-wrap:wrap;gap:6px 12px;padding:8px 16px}.nav-logo img{height:42px}.nav-design{margin-left:auto;font-size:.82rem;padding:8px 14px}.nav-links{order:3;flex-basis:100%;justify-content:space-between;gap:8px}.nav-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.8rem;letter-spacing:0}html{scroll-padding-top:120px}}@media (max-width:640px){html{scroll-padding-top:120px}.nav{padding:9px 16px;gap:8px}.nav-logo img{height:42px}.nav-links{gap:11px}.nav-links a{font-size:.78rem;letter-spacing:0}}.booth-showcase{padding:clamp(48px,7vw,104px) 24px;background:linear-gradient(155deg,#1e141c,#111014 50%,#15171b);border-block:1px solid #ffffff16;scroll-margin-top:12px}.booth-showcase-inner{max-width:1160px;margin:auto}.booth-showcase-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-bottom:44px}.booth-eyebrow{color:#ff77b5;font-size:.73rem;font-weight:500;letter-spacing:.18em}.booth-showcase h2{color:#fff;font-size:clamp(2.1rem,4.6vw,4.2rem);font-weight:500;line-height:1.3;margin-top:14px}.booth-showcase h2 span{color:#aeb6c2}.booth-showcase-intro p{font-weight:300;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.9;max-width:420px}.booth-start{display:inline-flex;align-items:center;gap:20px;min-height:48px;padding:12px 22px;margin-top:24px;border-radius:999px;color:#fff;background:#c2186f;font-size:.95rem}.booth-start:hover{background:#e51e82}.booth-example-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.booth-example-bar h3{font-size:1.15rem;font-weight:500;color:#fff;margin-top:8px}.booth-example-bar h3 span{font-size:.9rem;color:#b9bec8;font-weight:300}.booth-example-buttons{display:flex;gap:8px;flex-wrap:wrap}.booth-example-buttons button,.ba-modes button{font-family:inherit;cursor:pointer;color:#cbd0d8;background:#ffffff05;border:1px solid #ffffff25;min-height:44px;border-radius:10px;padding:9px 16px;font-size:.85rem}.booth-example-buttons button span{font-size:.7rem;margin-right:6px;color:#a8a1a9}.booth-example-buttons button[aria-pressed=true]{border-color:#f14c99;background:#c2186f20;color:#fff}.booth-comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.booth-comparison-card{margin:0;min-width:0;overflow:hidden;border:1px solid #ffffff25;border-radius:16px;background:#1b191e}.booth-comparison-card figcaption{display:flex;align-items:center;gap:12px;padding:16px 18px;min-height:60px;flex-wrap:wrap}.booth-comparison-card figcaption span{color:#bec4ce;font-size:.7rem;font-weight:600;letter-spacing:.16em}.booth-comparison-card figcaption strong{font-size:.88rem;font-weight:400;color:#f2f2f5}.booth-comparison-card-after{border-color:#f14c9960}.booth-comparison-card-after figcaption span{color:#ff77b5}.booth-comparison-card a{display:block;overflow:hidden;background:#e8ebef;cursor:zoom-in}.booth-comparison-card a:focus-visible{outline:3px solid #ff7eb3;outline-offset:-3px}.booth-comparison-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.booth-comparison-card img.booth-comparison-before-island{transform:translate(6%,-10%) scale(1.35);transform-origin:center}.booth-comparison-hint{text-align:center;color:#bec4ce;font-size:.8rem;margin:14px 0 0}@media (max-width:640px){.booth-comparison-pair{grid-template-columns:1fr;gap:18px}.booth-comparison-card figcaption{padding:12px 14px;min-height:52px}}.ba-modes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ba-modes button{border-radius:999px;min-height:44px;padding:8px 18px}.ba-modes button[aria-pressed=true]{background:#e5e7ec;color:#151418;border-color:#e5e7ec}.ba-modes button:disabled{opacity:.45;cursor:not-allowed}.ba-stage{position:relative;overflow:hidden;border-radius:18px;background:#e8ebef;border:1px solid #ffffff30;isolation:isolate;-webkit-user-select:none;user-select:none}.ba-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.ba-after{clip-path:inset(0 0 0 var(--compare-position))}.ba-label{position:absolute;z-index:2;top:16px;background:#11131ae6;color:#fff;border:1px solid #ffffff33;padding:9px 13px;border-radius:8px;font-size:.64rem;font-weight:600;letter-spacing:.13em;pointer-events:none}.ba-label span{display:block;margin-top:3px;font-size:.8rem;font-weight:400;letter-spacing:0;color:#e2e6ed}.ba-label-left{left:16px}.ba-label-right{right:16px}.ba-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;touch-action:pan-y;cursor:ew-resize;outline:none}.ba-slider:focus-visible{box-shadow:inset 0 0 0 4px #ff2e88}.ba-divider{position:absolute;top:0;bottom:0;left:var(--compare-position);width:2px;transform:translate(-50%);background:#fff;box-shadow:0 0 5px #0009;pointer-events:none}.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:#c2186f;color:#fff;box-shadow:0 2px 14px #0006;font:26px sans-serif;white-space:pre}.ba-hint{font-size:.8rem;color:#bec4ce;text-align:center;min-height:1.7em;margin:12px 0 0;line-height:1.7}.ba-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#303540}.booth-disclaimer{max-width:880px;font-size:.78rem;font-weight:300;color:#a5acb7;text-align:center;line-height:1.85;margin:14px auto 0}@media (max-width:640px){.booth-showcase{padding:42px 16px}.booth-showcase-heading{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.booth-example-bar{align-items:flex-start;flex-direction:column;gap:16px}.booth-example-buttons{width:100%}.booth-example-buttons button{flex:1}.ba-modes{display:grid;grid-template-columns:1fr 1fr 1fr}.ba-modes button{font-size:.75rem;padding:7px 6px}.ba-stage{border-radius:12px}.ba-label{top:8px;padding:5px 7px;font-size:.52rem}.ba-label span{font-size:.65rem}.ba-label-left{left:8px}.ba-label-right{right:8px}.ba-hint{font-size:.73rem}}.hero-title{font-weight:900;text-transform:uppercase;letter-spacing:0;line-height:1.08;white-space:nowrap;width:100%;font-size:clamp(2.4rem,13.5vw,230px);margin:0;padding-top:.06em}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:40px;position:relative;z-index:20;gap:20px}@media (max-width:640px){.hero-bottom{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:26px}}.mq-section{background:#0c0c0c;padding:120px 0 40px;overflow:hidden}@media (max-width:640px){.mq-section{padding:84px 0 20px}}.mq-row{display:flex;gap:12px;will-change:transform}.mq-tile{flex:0 0 auto;width:420px;height:270px;border-radius:16px;overflow:hidden}@media (max-width:640px){.mq-tile{width:230px;height:150px}}.svc{background:#fff;border-top-left-radius:56px;border-top-right-radius:56px}.svc-item{display:flex;gap:clamp(16px,3vw,48px);align-items:flex-start;border-top:1px solid rgba(12,12,12,.15);padding:clamp(28px,4vw,48px) 0}.svc-num{font-weight:900;color:#0c0c0c;line-height:.85;font-size:clamp(2.6rem,9vw,140px)}.svc-name{font-weight:500;text-transform:uppercase;color:#0c0c0c;font-size:clamp(1rem,2.2vw,2.1rem);line-height:1.15}.svc-desc{font-weight:300;color:#0c0c0c;opacity:.6;line-height:1.6;max-width:640px;margin-top:8px;font-size:clamp(.85rem,1.6vw,1.25rem)}.svc-link{color:#0c0c0c;transition:background .2s ease,padding .2s ease}.svc-link:hover,.svc-link:focus-visible{background:#c2186f0f;padding-inline:clamp(12px,2vw,24px)}.svc-link-icon{width:clamp(28px,4vw,52px);height:clamp(28px,4vw,52px);margin-left:auto;flex:0 0 auto;color:#c2186f}.proj-card{border:2px solid #D7E2EA;background:#0c0c0c;border-radius:48px;padding:clamp(16px,2.4vw,32px);will-change:transform;transform-origin:top center}.proj-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:clamp(16px,2vw,28px)}.proj-grid{display:grid;grid-template-columns:40% 60%;gap:12px}@media (max-width:640px){.proj-grid{grid-template-columns:1fr}}.eyebrow{font-size:clamp(.66rem,1vw,.85rem);letter-spacing:.22em;text-transform:uppercase;color:#8a929b}.corner{position:absolute;pointer-events:none}@media (max-width:640px){.corner{opacity:.5}}.to-top{position:fixed;right:20px;bottom:88px;z-index:900;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(123deg,#c2186f,#ff2e88);box-shadow:0 6px 20px #ff2e8866;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{filter:brightness(1.1)}.mq2-section{background:#0c0c0c;padding:34px 0;overflow:hidden;display:flex;flex-direction:column;gap:16px}.mq2-row{display:flex;gap:16px;width:max-content;will-change:transform}.mq2-left{animation:mq-left 48s linear infinite}.mq2-right{animation:mq-right 48s linear infinite}.mq2-row:hover{animation-play-state:paused}@keyframes mq-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes mq-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.mq2-tile{position:relative;flex:0 0 auto;width:480px;height:310px;border-radius:16px;overflow:hidden;border:none;padding:0;cursor:pointer;background:#141418;transition:transform .3s ease,box-shadow .3s ease;transform-origin:center}.mq2-tile img{width:100%;height:100%;object-fit:cover;display:block}.mq2-tile:hover{transform:scale(1.07);z-index:5;box-shadow:0 20px 50px #0000008c}.mq2-cap{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;color:#fff;font-weight:500;font-size:.95rem;text-align:left;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));opacity:0;transition:opacity .3s ease;pointer-events:none}.mq2-tile:hover .mq2-cap{opacity:1}.mq2-empty{display:flex;align-items:center;justify-content:center;cursor:default;border:1px dashed rgba(215,226,234,.22);color:#d7e2ea80;padding:16px;text-align:center;font-size:.8rem;line-height:1.4}.mq2-empty:hover{transform:none;box-shadow:none}@media (max-width:640px){.mq2-section{padding:22px 0;gap:12px}.mq2-row{gap:12px}.mq2-tile{width:300px;height:200px}.mq2-left,.mq2-right{animation-duration:32s}.mq2-cap{font-size:.78rem;padding:9px 12px}}.line-btn{position:fixed;right:20px;bottom:20px;z-index:901;height:56px;display:inline-flex;align-items:center;justify-content:center;background:#06c755;color:#fff;border-radius:9999px;padding:0 15px;box-shadow:0 6px 20px #06c7556b;text-decoration:none;transition:transform .2s ease}.line-btn svg{flex:0 0 auto}.line-btn-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-weight:600;font-size:.95rem;transition:max-width .3s ease,opacity .3s ease,margin-left .3s ease}.line-btn:hover{transform:translateY(-2px)}.line-btn:hover .line-btn-label{max-width:140px;opacity:1;margin-left:8px}@media (max-width:640px){.line-btn:hover .line-btn-label{max-width:0;opacity:0;margin-left:0}}.about-line-contact{display:flex;justify-content:center;width:100%}.line-contact{display:flex;flex-direction:column;align-items:center;gap:12px;width:210px;max-width:78vw}.line-contact-center{margin-inline:auto}.line-contact a{display:block;width:100%}.line-contact .btn-contact{width:100%;padding:13px 12px;letter-spacing:.05em;text-align:center}.line-qr{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.line-qr img{width:100%;aspect-ratio:1;height:auto;object-fit:contain;background:#fff;border-radius:12px;padding:8px}.line-qr span{font-size:.72rem;color:#9aa6b0;letter-spacing:.03em;white-space:nowrap}.site-footer{margin:0 -20px -40px;padding-top:clamp(80px,12vw,160px)}.footer-cta{text-align:center;padding:0 20px clamp(64px,8vw,104px)}.footer-cta-heading{font-weight:900;text-transform:uppercase;font-size:clamp(2rem,8vw,84px);line-height:1.28;padding-top:.08em}.footer-panel{background:#fff;color:#29272a;text-align:left}.footer-panel-inner{max-width:1240px;margin:0 auto;padding:clamp(48px,5vw,72px) clamp(24px,5vw,64px) 28px}.footer-brand-row{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-bottom:clamp(32px,4vw,48px);border-bottom:1px solid #E7E3E6}.footer-logo{display:block;width:min(280px,68vw);height:auto}.footer-brand-row p{max-width:540px;color:#69656a;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.7;text-align:right}.footer-grid{display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(150px,.7fr) minmax(170px,.75fr) minmax(250px,.9fr);gap:clamp(32px,4vw,56px);align-items:start;padding-top:clamp(32px,4vw,48px)}.footer-column{min-width:0}.footer-column h3,.footer-line-card h3{font-size:1rem;line-height:1.3;margin-bottom:16px;color:#29272a;letter-spacing:.02em;white-space:nowrap}.footer-link-list,.footer-nav-links,.footer-social-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-link-list a,.footer-social-links a{display:flex;align-items:center;gap:10px;min-width:0}.footer-panel a{color:#565257;font-size:.95rem;line-height:1.45;transition:color .2s ease}.footer-panel a:hover,.footer-panel a:focus-visible{color:#c2186f}.footer-panel svg{flex:0 0 auto;color:#e91e8d}.footer-link-list a[href^="mailto:"]{font-size:clamp(.76rem,1vw,.9rem);white-space:nowrap}.footer-line-card{display:grid;grid-template-columns:minmax(0,1fr) 96px;grid-template-areas:"copy qr" "action qr";width:100%;min-width:0;column-gap:12px;row-gap:10px;align-items:center;padding:16px;background:#f7f8f7;border:1px solid #E4E8E5;border-radius:16px;overflow:hidden}.footer-line-copy{grid-area:copy;min-width:0;align-self:end}.footer-line-copy h3{margin-bottom:4px}.footer-line-copy p{color:#39794f;font-size:.9rem;font-weight:600}.footer-qr-link{grid-area:qr;display:block;width:96px;max-width:100%}.footer-qr-link img,.footer-qr-image{display:block;width:96px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.footer-qr-image{grid-area:qr}.footer-line-action{grid-area:action;display:inline-flex;justify-content:center;width:max-content;max-width:100%;padding:7px 12px;color:#fff!important;background:#06c755;border-radius:999px;font-size:.78rem!important;font-weight:600}.footer-line-action:hover,.footer-line-action:focus-visible{color:#fff!important;background:#05b94f}.footer-bottom{margin-top:clamp(48px,6vw,72px);padding-top:24px;border-top:1px solid #E7E3E6;color:#69656a;font-size:.82rem;line-height:1.6}@media (max-width:1080px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.footer-panel-inner{padding:40px 24px 24px}.footer-brand-row{align-items:flex-start;flex-direction:column;gap:24px}.footer-brand-row p{text-align:left}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-line-card{max-width:360px}.footer-bottom{margin-top:44px}}@media (max-width:640px){.proj-wrap{height:auto!important;margin-bottom:22px}.proj-card{position:static!important;transform:none!important}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;z-index:1100;background:#0c0c0cd9;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;animation:popup-fade .3s ease}@keyframes popup-fade{0%{opacity:0}to{opacity:1}}.popup-card{position:relative;background:#141418;border:1px solid rgba(215,226,234,.15);border-radius:20px;width:100%;max-width:760px;max-height:90vh;overflow-x:hidden;overflow-y:auto;box-shadow:0 30px 80px #0009;animation:popup-pop .35s cubic-bezier(.2,.8,.3,1)}@keyframes popup-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.popup-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}.popup-close:hover{background:#000000bf}.popup-img{width:100%;max-width:100%;height:auto;max-height:74vh;object-fit:contain;display:block;border-radius:20px 20px 0 0;background:#0c0c0c}.popup-text{padding:20px 22px 4px}.popup-title{font-weight:700;color:#fff;font-size:1.3rem;margin-bottom:8px;line-height:1.35}.popup-body{color:#b8c2cc;line-height:1.6;font-size:.95rem;white-space:pre-line}.popup-cta{display:flex;justify-content:center;padding:18px 22px 22px}body.lightbox-open .to-top,body.lightbox-open .line-btn{display:none!important}