body{min-width:320px}:root{--bg:#0f1117;--bg-soft:#171b24;--surface:#fff;--surface-muted:#f6f2eb;--text:#121317;--text-inverse:#f5f7fb;--text-muted:#737887;--line:#1213171f;--line-inverse:#ffffff24;--primary:#5b74ff;--primary-deep:#3047c9;--accent:#d6ff57;--shadow:0 28px 60px #0f111729;--radius-lg:32px;--radius-md:20px;--radius-sm:14px;--container:1200px;--font-sans:"SUIT Variable", "Pretendard Variable", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at 0 0,#5b74ff2e,#0000 26%),linear-gradient(#101218 0%,#121722 100%);margin:0;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 48px), var(--container));margin:0 auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line-inverse);background:#0a0c12c2;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand,.footer-brand{letter-spacing:-.03em;align-items:center;gap:14px;font-weight:700;display:inline-flex}.brand{color:var(--text-inverse);font-size:1.5rem}.brand-mark{flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.brand-mark img{object-fit:contain;width:100%;height:100%}.site-nav{align-items:center;gap:28px;margin-left:auto;margin-right:12px;display:flex}.site-nav a{color:#f5f7fbc2;font-weight:600}.site-nav a:hover{color:#fff}.nav-toggle{border:1px solid var(--line-inverse);color:var(--text-inverse);background:0 0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:50px;height:50px;padding:0;display:none}.nav-toggle span{background:currentColor;border-radius:999px;width:18px;height:2px;display:block}.button{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:54px;padding:0 22px;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg, var(--primary) 0%, #6b82ff 100%);color:#fff;box-shadow:0 18px 32px #5b74ff47}.button-secondary{border-color:var(--line-inverse);color:var(--text-inverse);background:#ffffff05}.button-block{width:100%}.hero{color:var(--text-inverse);padding:84px 0 88px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:48px;display:grid}.eyebrow,.section-kicker{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 16px;font-size:.85rem;font-weight:800;display:inline-flex}.eyebrow:before,.section-kicker:before{content:"";opacity:.4;background:currentColor;width:46px;height:1px}.hero h1,.section-heading h2{letter-spacing:-.06em;margin:0;line-height:.96}.hero h1{max-width:none;font-size:clamp(2.4rem,4.2vw,3.8rem);line-height:1.04}.hero-description{color:#f5f7fbb3;max-width:36rem;margin:28px 0 0;font-size:1rem}.hero-points{color:#f5f7fbdb;gap:10px;margin:22px 0 0;padding:0;font-size:.94rem;font-weight:700;list-style:none;display:grid}.hero-points li{line-height:1.5}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.hero-visual{padding-top:28px;position:relative}.hero-badge{z-index:2;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:240px;box-shadow:var(--shadow);background:#ffffff14;border:1px solid #ffffff1a;padding:14px 16px;position:absolute;top:0;right:38px}.hero-badge p,.hero-badge strong{display:block}.hero-badge p{color:#f5f7fb99;margin:0 0 6px;font-size:.9rem}.hero-badge strong{color:#fff;font-size:1.05rem}.hero-image-shell{box-shadow:var(--shadow);background:#ffffff0a;border:1px solid #ffffff14;border-radius:32px;margin:68px 0 0 44px;overflow:hidden}.hero-image{object-fit:cover;width:100%;min-height:540px;display:block}.features,.results,.reviews,.contact{padding:92px 0}.metric-card,.review-card,.feature-card,.contact-form,.contact-scene{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb}.section-light{background:#fffdfa}.section-heading{margin-bottom:48px}.section-heading.centered{text-align:center}.section-heading.centered .section-kicker{justify-content:center}.section-heading h2{font-size:clamp(2.1rem,3.6vw,3.2rem)}.section-heading p:last-child{max-width:46rem;color:var(--text-muted);margin:18px auto 0;font-size:.98rem}.feature-tabs{border-bottom:1px solid var(--line);justify-content:center;gap:6px;margin-bottom:34px;display:flex;overflow-x:auto}.feature-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none;padding:18px 14px 16px;font-weight:700;position:relative}.feature-tab:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.feature-tab.is-active{color:var(--text)}.feature-tab.is-active:after{background:var(--text)}.feature-panel{display:none}.feature-panel.is-active{display:block}.project-showcase{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:32px;grid-template-columns:minmax(340px,.96fr) minmax(360px,1.04fr);gap:22px;padding:24px;display:grid}.project-copy{padding:12px 4px 4px}.project-eyebrow{letter-spacing:.16em;color:var(--primary-deep);margin:0 0 12px;font-size:.82rem;font-weight:800}.project-copy h3{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(1.6rem,2.2vw,2.2rem)}.project-copy>p{color:#373c46;margin:0;font-size:.98rem}.project-list{gap:18px;margin-top:28px;display:grid}.project-item{background:linear-gradient(#fff 0%,#f8f5ef 100%);border:1px solid #12131714;border-radius:24px;padding:24px}.project-item h4{letter-spacing:-.04em;margin:0;font-size:1.18rem}.project-points{color:#3c414a;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.project-points li{line-height:1.6}.project-result{color:var(--primary-deep);margin:16px 0 0;font-weight:800}.project-media{display:flex}.project-gallery{gap:16px;width:100%;display:grid}.project-shot,.project-placeholder{background:#fff;border:1px solid #12131714;border-radius:26px;margin:0;overflow:hidden}.project-shot img{width:100%;height:auto;display:block}.project-shot img[src*=fitmetric-ai]{aspect-ratio:16/9;object-fit:cover;object-position:top left}.project-placeholder{text-align:center;background:linear-gradient(#f7f3ec 0%,#fff 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;padding:40px;display:flex}.project-placeholder strong{letter-spacing:-.04em;font-size:1.6rem}.project-placeholder p{max-width:24rem;color:var(--text-muted);margin:0}.results{background:#fff}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px;display:flex}.portfolio-filter{border:1px solid var(--line);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:999px;padding:12px 18px;font-weight:700}.portfolio-filter.is-active{background:var(--text);border-color:var(--text);color:#fff}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.portfolio-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #12131714;border-radius:24px;padding:0;display:block;overflow:hidden;box-shadow:0 14px 28px #0f111714}.portfolio-card.is-hidden{display:none}.portfolio-card figure{margin:0}.portfolio-card img{aspect-ratio:.8;object-fit:cover;background:#f3f4f6;width:100%;display:block}.portfolio-card figcaption{justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.portfolio-copy{gap:6px;display:grid}.portfolio-card strong{letter-spacing:-.02em;font-size:.96rem}.portfolio-copy p{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.45}.portfolio-card span{color:var(--text-muted);letter-spacing:.08em;flex:none;font-size:.76rem;font-weight:800}.portfolio-modal[hidden]{display:none}.portfolio-modal{z-index:60;position:fixed;inset:0;overflow-y:auto}.portfolio-modal-backdrop{cursor:pointer;background:#0f1117b8;border:0;width:100%;min-height:100%;padding:0;position:absolute;inset:0}.portfolio-modal-dialog{background:#fff;border-radius:28px;width:min(100% - 40px,1080px);margin:48px auto;position:relative;overflow:hidden;box-shadow:0 30px 70px #0f111747}.portfolio-modal-close{z-index:2;cursor:pointer;background:#12131714;border:0;border-radius:50%;width:42px;height:42px;font-size:1.7rem;position:absolute;top:14px;right:16px}.portfolio-modal-body{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);display:grid}.portfolio-modal-main{background:#0f1117}.portfolio-modal-main img{object-fit:contain;width:100%;height:100%;max-height:760px;display:block}.portfolio-mobile-gallery{display:none}.portfolio-mobile-shot{margin:0}.portfolio-mobile-shot img{background:#fff;width:100%;display:block}.portfolio-modal-copy{padding:32px 28px 28px}.portfolio-modal-copy h3{letter-spacing:-.04em;margin:8px 0 14px;font-size:1.9rem}.portfolio-modal-copy>p{color:#475467;margin:0;line-height:1.6}.portfolio-modal-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.portfolio-thumb{cursor:pointer;background:#fff;border:1px solid #1213171a;border-radius:14px;padding:0;overflow:hidden}.portfolio-thumb.is-active{border-color:var(--primary);box-shadow:0 0 0 2px #5b74ff26}.portfolio-thumb img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.metric-card{border-radius:28px;flex-direction:column;justify-content:center;gap:14px;min-height:214px;padding:38px;display:flex}.metric-card strong{letter-spacing:-.07em;font-size:clamp(2.2rem,3.8vw,3.2rem)}.metric-card span{color:var(--text-muted);font-size:.98rem;font-weight:600}.review-list{gap:18px;display:grid}.review-card{background:#fff;border:1px solid #12131714;border-radius:28px;padding:28px 24px 30px;box-shadow:0 16px 32px #0f11170f}.review-head{align-items:flex-start;gap:16px;display:flex}.avatar{background:linear-gradient(#f2f4f8 0%,#dfe3eb 100%);border:1px solid #12131714;border-radius:50%;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid;position:relative}.avatar:before,.avatar:after{content:"";background:#cfd4dd;position:absolute;left:50%;transform:translate(-50%)}.avatar:before{border-radius:50%;width:18px;height:18px;top:11px}.avatar:after{border-radius:18px 18px 10px 10px;width:30px;height:18px;bottom:10px}.review-head strong,.review-meta span{display:inline-block}.review-head strong{letter-spacing:-.02em;font-size:1.1rem}.review-meta{color:#9499a8;align-items:center;gap:14px;margin-top:6px;font-size:.98rem;display:flex}.review-rating{color:#1f2937;font-weight:800}.review-body{margin-top:22px}.review-body p{letter-spacing:-.02em;margin:0 0 10px;font-size:1rem;line-height:1.6}.review-body p:last-child{margin-bottom:0}.contact{background:linear-gradient(#fbfaf8 0%,#fff 100%)}.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:start;gap:28px;display:grid}.contact-grid-single{grid-template-columns:minmax(0,760px);justify-content:center}.contact-scene{background:linear-gradient(#10121805,#10121814),linear-gradient(120deg,#d2cbc2 0%,#9c948c 45%,#5f5d5e 100%);border-radius:30px;min-height:720px;position:sticky;top:120px;overflow:hidden}.contact-scene:before{content:"";background:linear-gradient(#bd936b 0%,#8d613d 100%);height:130px;position:absolute;inset:auto 0 0}.chart{background:#fffffff0;border-radius:18px;position:absolute;box-shadow:0 20px 40px #0f11172e}.chart-large{height:220px;bottom:18%;left:14%;right:14%}.chart-large:before{content:"";background:linear-gradient(#0000 0 82%,#75a5ff38 82%),linear-gradient(90deg,#75a5ff61 12%,#0000 12% 22%,#75a5ff61 22% 32%,#0000 32% 42%,#75a5ff61 42% 52%,#0000 52% 62%,#75a5ff61 62% 72%,#0000 72%);position:absolute;inset:18px}.chart-small{width:180px;height:110px;bottom:8%;left:8%}.chart-line{width:200px;height:126px;bottom:10%;right:12%}.chart-line:before{content:"";background:linear-gradient(135deg,#0000 0 22%,#649affcc 22% 24%,#0000 24% 40%,#649affcc 40% 42%,#0000 42% 58%,#649affcc 58% 60%,#0000 60%);position:absolute;inset:18px}.contact-copy h2{letter-spacing:-.07em;margin:10px 0 0;font-size:clamp(2.1rem,3.6vw,3.1rem);line-height:.95}.contact-heading{margin-bottom:24px}.contact-copy>p:last-of-type{color:var(--text-muted);margin:24px 0 38px;font-size:.98rem}.contact-copy a{text-underline-offset:4px;font-weight:700;text-decoration:underline}.contact-form{border-radius:28px;padding:28px}.form-notice{color:var(--primary-deep);background:#5b74ff1a;border-radius:14px;margin:0 0 18px;padding:14px 16px;font-weight:700}.form-notice.is-error{color:#b42318;background:#da36331a}.contact-form label{margin-bottom:18px;display:block}.contact-form span{color:#525763;margin-bottom:10px;font-size:.92rem;font-weight:700;display:inline-block}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--text);background:#fff;border:1px solid #1213171a;border-radius:14px;padding:15px 16px}.contact-form textarea{resize:vertical;min-height:140px}.checkbox{align-items:center;gap:12px;display:flex}.checkbox input{width:22px;height:22px}.checkbox span{margin:0}.site-footer{color:#f5f7fbc7;border-top:1px solid var(--line-inverse);background:#111318;padding:28px 0 36px}.footer-shell{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.footer-shell>p{margin:0;font-size:.98rem}.footer-brand{color:#fff;justify-self:center;font-size:1.2rem;font-weight:800}.footer-links{justify-self:end;gap:18px;display:flex}.footer-links a{color:#f5f7fbc2;font-weight:600}.footer-meta{border-top:1px solid var(--line-inverse);flex-wrap:wrap;gap:10px 24px;margin-top:22px;padding-top:20px;font-size:.96rem;display:flex}.footer-meta p{color:#f5f7fbb8;margin:0}.footer-meta strong{color:#fff}.footer-meta a{color:#f5f7fbd1}@media (width<=1100px){.hero-grid,.project-showcase,.contact-grid,.footer-shell{grid-template-columns:1fr}.hero-visual{padding-top:18px}.hero-image-shell{margin:48px 0 0}.hero-badge{top:14px;right:20px}.section-heading p:last-child{max-width:none}.metric-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-modal-body{grid-template-columns:1fr}.contact-scene{min-height:520px;position:relative;top:0}.footer-brand,.footer-links{justify-self:start}.footer-meta{flex-direction:column;gap:8px}}@media (width<=820px){.container{width:min(calc(100% - 28px), var(--container))}.features,.results,.reviews,.contact{padding:84px 0}.site-header{position:static}.nav-shell{flex-wrap:wrap;padding:18px 0}.nav-toggle{order:2;margin-left:auto;display:inline-flex}.nav-cta{display:none}.site-nav{flex-direction:column;order:3;align-items:flex-start;gap:16px;width:100%;margin:0;padding-top:12px;display:none}.site-nav.is-open{display:flex}.hero{padding:36px 0 72px}.section-heading h2,.contact-copy h2{max-width:none;line-height:1.08;font-size:clamp(1.45rem,5.8vw,2rem)!important}.hero h1{letter-spacing:-.05em;white-space:nowrap;max-width:none;font-weight:900;line-height:1.1;font-size:clamp(1.48rem,5.8vw,1.72rem)!important}.hero-description,.contact-copy>p:last-of-type{font-size:.96rem}.hero-points{gap:8px;font-size:.92rem}.button{min-height:48px;padding:0 18px;font-size:.96rem}.section-heading{margin-bottom:34px}.section-heading p:last-child,.project-copy>p,.metric-card span,.footer-meta,.footer-shell>p{font-size:.94rem}.project-copy h3,.review-head strong{font-size:1.28rem}.project-item h4{font-size:1.02rem}.project-points li,.review-meta{font-size:.92rem}.project-showcase{padding:18px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-modal-dialog{width:min(100% - 24px,1080px);margin:20px auto}.metric-card{min-height:170px;padding:28px}.metric-card strong{font-size:clamp(2rem,7vw,2.6rem)}.review-body p{font-size:1rem}}@media (width<=560px){.hero-actions,.footer-links{flex-direction:column;align-items:stretch}.button{width:100%}.hero-visual{padding-top:0}.section-heading h2,.contact-copy h2{line-height:1.12;font-size:clamp(1.2rem,5.2vw,1.45rem)!important}.hero h1{letter-spacing:-.05em;white-space:nowrap;max-width:none;font-weight:900;line-height:1.1;font-size:clamp(1.42rem,5.6vw,1.62rem)!important}.eyebrow,.section-kicker,.project-eyebrow{letter-spacing:.12em;font-size:.72rem}.hero-description,.section-heading p:last-child,.project-copy>p,.contact-copy>p:last-of-type,.project-points li,.review-meta,.review-body p{font-size:.9rem}.hero-points{gap:6px;font-size:.84rem}.feature-tab{padding:14px 10px 12px;font-size:.92rem}.portfolio-filters{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:6px;overflow-x:auto}.portfolio-filter{flex:none;padding:10px 14px;font-size:.88rem}.portfolio-grid{scroll-snap-type:none;-webkit-overflow-scrolling:auto;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:row;gap:16px;padding-bottom:0;display:grid;overflow:visible}.portfolio-card{scroll-snap-align:none}.portfolio-modal-copy{padding:22px 18px 18px}.portfolio-modal-copy h3{font-size:1.3rem}.portfolio-modal-thumbs{display:none}.portfolio-modal-dialog{border-radius:20px;width:min(100% - 16px,1080px);margin:8px auto 20px;overflow:visible}.portfolio-modal-main{background:#fff}.portfolio-modal-main>img{display:none}.portfolio-mobile-gallery{gap:10px;padding:12px;display:grid}.portfolio-mobile-shot{background:#fff;border:1px solid #12131714;border-radius:16px;overflow:hidden}.project-showcase{border-radius:24px;padding:14px}.project-item{border-radius:18px;padding:16px}.project-copy h3{font-size:1.12rem}.project-item h4{font-size:.95rem}.hero-image-shell{margin-top:18px}.hero-image{min-height:340px}.hero-badge{width:auto;margin-bottom:14px;position:relative;top:auto;right:auto}.metric-card,.review-card,.contact-form{padding:22px}.metric-card strong{font-size:1.85rem}.review-head strong{font-size:1rem}.review-card{padding:20px}.review-head{gap:12px}.avatar{flex-basis:48px;width:48px;height:48px}.contact-form{border-radius:22px;padding:20px}.contact-form input,.contact-form select,.contact-form textarea{padding:13px 14px}}