*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-width:320px}#root{display:flex;flex-direction:column;min-height:100vh}button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,.1)}@media (max-width: 768px){*{-webkit-overflow-scrolling:touch}}:root{--ink: #0B0B0C;--muted: #54555b;--faint: #8b8c92;--line: #ECEDF0;--alt: #F4F5F7;--accent: #2440E6;--dark-body: #9a9ba3;--list-desc: #7a7b83;--footer-link: #a4a5ab;--copyright: #6c6d74;--nav-h: 62px;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display: "Space Grotesk", var(--font-sans)}.wordmark{font-family:var(--font-display);letter-spacing:-.01em}.shell{max-width:1200px;margin:0 auto;padding:104px 32px}.cols2{display:grid;grid-template-columns:1fr 1fr}.eyebrow{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--faint)}.eyebrow--dark{letter-spacing:.16em;color:#8b8c95}.btn-pill{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);font-family:inherit;font-weight:600;font-size:16px;padding:15px 28px;border:0;border-radius:100px;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-pill:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #00000073}.btn-plain{background:none;border:0;padding:15px 8px;font-family:inherit;font-weight:600;font-size:16px;color:#fff;cursor:pointer;transition:opacity .16s}.btn-plain:hover{opacity:.55}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:0;animation:rise .95s cubic-bezier(.2,.7,.2,1) forwards}.rise--1{animation-delay:.14s}.rise--2{animation-delay:.22s}[id=top],[id=snapic],[id=values],[id=about],[id=contact]{scroll-margin-top:var(--nav-h)}@media (max-width: 820px){.shell{padding:72px 20px}.cols2{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.rise{opacity:1;animation:none}.btn-pill:hover{transform:none}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#0b0b0c47;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12);transition:background .3s ease}.site-nav.is-solid{background:var(--ink)}.site-nav__inner{max-width:1200px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}.site-nav__brand{display:flex;align-items:center;gap:9px;text-decoration:none;transition:opacity .16s}.site-nav__brand:hover{opacity:.55}.site-nav__mark{height:22px;width:auto;filter:brightness(0) invert(1)}.site-nav__wordmark{font-weight:600;font-size:18px;color:#fff}.site-nav__links{display:flex;align-items:center;gap:36px}.site-nav__link{display:flex;align-items:center;background:none;border:0;padding:0;cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;color:#ffffffd1;transition:opacity .16s}.site-nav__link:hover{opacity:.55}.site-nav__link--strong{color:#fff;font-weight:600}.site-nav__snapic{height:16px;width:auto;filter:brightness(0) invert(1);opacity:.9;display:block}.site-nav__toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-10px;background:none;border:0;color:#fff;cursor:pointer}.site-nav__mobile{display:none;overflow:hidden;max-height:0;background:var(--ink);border-top:1px solid rgba(255,255,255,.1);transition:max-height .3s ease}.site-nav__mobile.is-open{max-height:320px}.site-nav__mobile ul{list-style:none;margin:0;padding:8px 24px 20px}.site-nav__mobile button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.08);padding:15px 0;font-family:inherit;font-size:16px;font-weight:500;color:#ffffffdb;cursor:pointer}.site-nav__mobile li:last-child button{border-bottom:0}@media (max-width: 820px){.site-nav__inner{padding:14px 20px}.site-nav__links{display:none}.site-nav__toggle,.site-nav__mobile{display:flex}.site-nav__mobile{display:block}.site-nav__mobile.is-open{background:var(--ink)}}@media (prefers-reduced-motion: reduce){.site-nav,.site-nav__mobile{transition:none}}.site-footer{background:var(--ink);color:#fff;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.site-footer__inner{max-width:1200px;margin:0 auto;padding:56px 32px;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.site-footer__brand{max-width:300px}.site-footer__logo{display:flex;align-items:center;gap:9px}.site-footer__logo img{height:22px;width:auto;filter:brightness(0) invert(1)}.site-footer__logo .wordmark{font-weight:600;font-size:16px;color:#fff}.site-footer__tagline{margin-top:14px;font-size:14px;color:var(--faint);line-height:1.6}.site-footer__social{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-top:18px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;transition:background .2s,color .2s}.site-footer__social:hover{background:#fff;color:var(--ink)}.site-footer__cols{display:flex;gap:56px;flex-wrap:wrap}.site-footer__col{display:flex;flex-direction:column}.site-footer__heading{font-weight:600;font-size:14px;margin-bottom:14px;color:#fff}.site-footer__col a{font-size:14px;color:var(--footer-link);text-decoration:none;margin-bottom:10px;transition:opacity .16s}.site-footer__col a:hover{opacity:.55}.site-footer__address{font-size:14px;color:var(--footer-link);line-height:1.55;margin-bottom:10px}.site-footer__bottom{border-top:1px solid rgba(255,255,255,.1)}.site-footer__bottom-inner{max-width:1200px;margin:0 auto;padding:22px 32px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--copyright)}@media (max-width: 820px){.site-footer__inner{padding:44px 20px;gap:36px}.site-footer__cols{gap:36px}.site-footer__bottom-inner{padding:20px}}.about{border-top:1px solid var(--line);background:#fff}.about__grid{gap:80px;align-items:center}.about__title{margin-top:20px;font-size:46px;line-height:1.08;letter-spacing:-.035em;font-weight:700;text-wrap:balance}.about__body{margin-top:24px;font-size:18.5px;line-height:1.68;color:var(--muted)}.about__body+.about__body{margin-top:16px}.about__link{display:inline-block;margin-top:28px;padding:0 0 2px;background:none;border:0;border-bottom:1.5px solid var(--ink);font-family:inherit;font-weight:600;font-size:16px;color:var(--ink);text-decoration:none;cursor:pointer;transition:opacity .16s}.about__link:hover{opacity:.55}.about__image{border-radius:20px;aspect-ratio:4 / 5;overflow:hidden;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.about__image:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px #0b0b0c47}.about__image img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 820px){.about__grid{gap:40px}.about__title{font-size:34px}.about__body{font-size:17px}}@media (prefers-reduced-motion: reduce){.about__image,.about__image:hover{transition:none;transform:none}}.page>.about{border-top:0}.page>.about .shell{padding-top:56px}.home{width:100%;overflow-x:hidden;background:#fff}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:flex-end;background:var(--ink);overflow:hidden}.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#06070f40,#06070f73 55%,#06070fdb)}.hero__inner{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0 32px 88px;color:#fff}.hero__title{font-size:72px;line-height:1;letter-spacing:-.04em;font-weight:700;color:#fff;text-wrap:balance}.hero__cols{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;margin-top:34px;align-items:end}.hero__lead{font-size:21px;line-height:1.6;color:#ffffffdb;max-width:600px;text-wrap:pretty}.hero__lead strong{color:#fff;font-weight:700}.hero__actions{display:flex;gap:16px;align-items:center;justify-content:flex-end}.snapic{background:#fff}.snapic__grid{grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}.snapic__logo{height:26px;width:auto;display:block}.snapic__title{margin-top:22px;font-size:52px;line-height:1.06;letter-spacing:-.035em;font-weight:700;text-wrap:balance}.snapic__lead{margin-top:24px;font-size:19px;line-height:1.65;color:var(--muted);max-width:620px}.feature-list{margin-top:36px;padding:0;list-style:none;border-top:1px solid var(--line)}.feature-list__row{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.feature-list__row:last-child{border-bottom:0}.feature-list__no{font-family:var(--font-display);color:var(--accent);font-weight:600;font-size:15px;min-width:34px}.feature-list__title{font-weight:600;font-size:17px}.feature-list__desc{font-size:14.5px;color:var(--list-desc);margin-top:2px}.store-buttons{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.store-btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:13px 22px;border-radius:100px;text-decoration:none;transition:transform .2s,box-shadow .2s}.store-btn svg{width:17px;height:17px;flex:none}.store-btn--ios{background:var(--ink);color:#fff}.store-btn--ios svg{fill:currentColor}.store-btn--ios:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px #0b0b0c8c}.store-btn--play{background:#fff;color:var(--ink);border:1px solid #dddee3}.store-btn--play svg{width:16px;height:16px}.store-btn--play:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px #0b0b0c66}.snapic__device{display:flex;justify-content:center}.phone{width:290px;height:600px;background:#000;border-radius:44px;padding:10px;box-shadow:0 50px 90px -40px #0b0b0c73}.phone__screen{width:100%;height:100%;border-radius:36px;overflow:hidden}.phone__screen img{width:100%;height:100%;object-fit:cover;display:block}.feed{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0;overflow:hidden;background:#fff}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.feed__rail{display:flex;width:max-content;animation:marquee 52s linear infinite}.feed__group{display:flex;gap:14px;padding-right:14px}.feed__tile{height:170px;border-radius:12px;overflow:hidden;position:relative;flex:none}.feed__tile img{width:100%;height:100%;object-fit:cover;display:block}.feed__caption{position:absolute;left:11px;bottom:9px;color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.6)}.values{background:var(--ink);color:#fff}.values .shell{padding-top:112px;padding-bottom:112px}.values__head{gap:56px;align-items:end}.values__title{margin-top:18px;font-size:46px;line-height:1.06;letter-spacing:-.035em;font-weight:700;color:#fff;text-wrap:balance}.values__lead{font-size:17px;line-height:1.66;color:var(--dark-body);max-width:440px}.values__rows{margin-top:72px;border-top:1px solid rgba(255,255,255,.14)}.valrow{display:grid;grid-template-columns:130px 1fr;gap:32px;padding:44px 24px 44px 0;border-bottom:1px solid rgba(255,255,255,.14);border-radius:14px;transition:padding .3s,background .3s}.valrow:last-child{border-bottom:0}.valrow:hover{background:#ffffff09;padding-left:24px}.valrow__no{font-family:var(--font-display);font-size:70px;font-weight:700;line-height:.9;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.55)}.valrow__body{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:baseline}.valrow__title{font-size:28px;font-weight:600;letter-spacing:-.02em;color:#fff}.valrow__desc{font-size:16.5px;line-height:1.62;color:var(--dark-body);max-width:460px}.cta{position:relative;overflow:hidden;background:var(--ink)}.cta__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cta__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#06070f8c,#06070fd1)}.cta__inner{position:relative;max-width:1200px;margin:0 auto;padding:140px 32px;text-align:center;color:#fff}.cta__title{font-size:64px;line-height:1.02;letter-spacing:-.04em;font-weight:700;text-wrap:balance}.cta__lead{margin-top:24px;font-size:19px;color:#ffffffd1}.cta__btn{margin-top:38px;padding:16px 32px}.cta__btn:hover{box-shadow:0 16px 34px -14px #00000080}@media (max-width: 820px){.hero__inner{padding:0 20px 64px}.hero__title{font-size:52px}.hero__cols{grid-template-columns:1fr;gap:28px}.hero__lead{font-size:18px}.hero__actions{justify-content:flex-start}.snapic__grid{grid-template-columns:1fr;gap:48px}.snapic__title{font-size:38px}.snapic__lead{font-size:17px}.values .shell{padding-top:80px;padding-bottom:80px}.values__head{gap:24px}.values__title{font-size:34px}.values__rows{margin-top:44px}.valrow,.valrow__body{grid-template-columns:1fr;gap:12px}.valrow{padding:32px 0}.valrow:hover{padding-left:0;background:none}.valrow__no{font-size:48px}.valrow__title{font-size:24px}.cta__inner{padding:96px 20px}.cta__title{font-size:40px}.cta__lead{font-size:17px}}@media (max-width: 480px){.phone{width:240px;height:496px;border-radius:38px}.phone__screen{border-radius:30px}.store-btn{flex:1 1 auto;justify-content:center}}@media (prefers-reduced-motion: reduce){.feed__rail{animation:none}.store-btn:hover,.valrow:hover{transform:none}}.page{padding-top:70px;min-height:100vh;display:flex;flex-direction:column}.page-container{max-width:1200px;margin:0 auto;padding:0 20px;flex:1}.page-header{text-align:center;padding:60px 0;border-bottom:1px solid #e9ecef;margin-bottom:60px}.page-title{font-size:42px;font-weight:700;margin-bottom:16px;color:#000}.page-subtitle{font-size:18px;color:#666;line-height:1.6;max-width:600px;margin:0 auto}.section-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:40px;padding-top:20px;color:#000}.content-section{margin-bottom:80px}.section-content h2{font-size:28px;font-weight:600;margin-bottom:24px;color:#000}.section-content p{font-size:16px;line-height:1.8;color:#666;margin-bottom:20px}.values-section{margin-bottom:80px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.value-card{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:16px;transition:transform .3s ease}.value-card:hover{transform:translateY(-8px)}.value-icon{width:80px;height:80px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff}.value-card h3{font-size:24px;font-weight:600;margin-bottom:16px;color:#000}.value-card p{font-size:16px;line-height:1.6;color:#666}.mission-section{background:#000;color:#fff;padding:80px 40px;border-radius:20px;text-align:center;margin-bottom:40px}.mission-content h2{font-size:28px;font-weight:600;margin-bottom:16px;color:#fff}.mission-text,.vision-text{font-size:20px;font-style:italic;line-height:1.6;margin-bottom:40px}.main-service{margin-bottom:10px}.service-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:5px 0}.service-title{font-size:48px;font-weight:700;margin-bottom:8px;color:#000}.service-subtitle{font-size:20px;color:#666;margin-bottom:24px}.service-description{font-size:16px;line-height:1.8;color:#666;margin-bottom:32px}.service-note{font-size:14px;line-height:1.6;color:#888;font-style:italic;margin-bottom:24px;padding:16px;background:#f8f9fa;border-left:3px solid #000;border-radius:4px}.service-status{margin-bottom:20px}.status-badge{background:#000;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px;display:inline-block}.qr-codes{display:flex;gap:50px;justify-content:flex-start;margin-top:20px}.qr-code-item{text-align:center;display:flex;flex-direction:column}.qr-code-item:first-child{margin-left:5px}.qr-label{font-size:14px;color:#000;margin-bottom:8px;font-weight:700}.qr-image{width:120px;height:120px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.qr-image:hover{transform:scale(1.05)}.qr-link{display:inline-block;text-decoration:none;transition:transform .3s ease}.qr-link:hover{transform:scale(1.05)}.service-mockup{display:flex;justify-content:center;align-items:center;min-height:450px;padding:20px;width:100%;overflow:visible}.app-preview{width:200px;height:200px;background:linear-gradient(135deg,#000,#333);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff}.features-section{margin-bottom:80px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-item{padding:30px 20px;text-align:center;border:1px solid #e9ecef;border-radius:12px;transition:transform .3s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.feature-icon{width:60px;height:60px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.feature-item h3{font-size:18px;font-weight:600;margin-bottom:12px;color:#000}.feature-item p{font-size:14px;line-height:1.6;color:#666}.coming-soon{background:#f8f9fa;padding:60px 40px;border-radius:16px;text-align:center;margin-bottom:48px}.coming-soon-content h2{font-size:32px;font-weight:700;margin-bottom:20px;color:#000}.coming-soon-content p{font-size:16px;line-height:1.6;color:#666;max-width:600px;margin:0 auto}.timeline-section{margin-bottom:80px}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:100%;background:#e9ecef}.timeline-item{position:relative;margin-bottom:40px;display:flex;align-items:center}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-marker{position:absolute;left:50%;transform:translate(-50%);width:40px;height:40px;background:#fff;border:3px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;z-index:2}.timeline-item.completed .timeline-marker{background:#000;color:#fff}.timeline-item.current .timeline-marker{background:#000;color:#fff;box-shadow:0 0 0 4px #0000001a;animation:pulse-marker 2s infinite}@keyframes pulse-marker{0%{box-shadow:0 0 0 4px #0000001a}50%{box-shadow:0 0 0 8px #0000000d}to{box-shadow:0 0 0 4px #0000001a}}.timeline-item .timeline-marker svg{color:currentColor}.timeline-item .timeline-marker:has(svg[stroke-width="0"]){background:linear-gradient(135deg,gold,orange);border-color:gold;color:#fff}.timeline-content{flex:1;padding:20px;background:#f8f9fa;border-radius:12px;margin:0 60px}.timeline-item:nth-child(odd) .timeline-content{margin-right:60px;margin-left:0}.timeline-item:nth-child(2n) .timeline-content{margin-left:60px;margin-right:0}.timeline-date{font-size:14px;color:#666;font-weight:600;margin-bottom:8px}.timeline-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#000}.timeline-description{font-size:14px;line-height:1.6;color:#666}.future-plans{background:#f8f9fa;padding:60px 40px;border-radius:16px;text-align:center;margin-bottom:64px}.plans-content p{font-size:16px;line-height:1.8;color:#666;max-width:800px;margin:0 auto}.team-origin{margin-bottom:60px}.origin-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:60px 40px;border-radius:20px;text-align:center;position:relative;overflow:hidden}.origin-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,0,0,.05) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.origin-icon{color:#000;margin-bottom:24px;position:relative;z-index:1}.origin-card h2{font-size:28px;font-weight:700;margin-bottom:20px;color:#000;position:relative;z-index:1}.origin-card p{font-size:16px;line-height:1.8;color:#666;max-width:700px;margin:0 auto;position:relative;z-index:1}.team-stats{margin-bottom:80px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.stat-card{text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:16px}.stat-number{font-size:36px;font-weight:700;color:#000;margin-bottom:8px}.stat-label{font-size:16px;color:#666}.team-roles{margin-bottom:80px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.role-card{text-align:center;padding:40px 20px;border:1px solid #e9ecef;border-radius:16px;transition:transform .3s ease;background:#fff}.role-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #0000001a}.role-icon{color:#000;margin-bottom:20px}.role-name{font-size:20px;font-weight:600;margin-bottom:12px;color:#000}.role-description{font-size:14px;line-height:1.6;color:#666;margin-bottom:16px}.role-count{font-size:16px;font-weight:600;color:#000;background:#f8f9fa;padding:8px 20px;border-radius:20px;display:inline-block}.team-culture{margin-bottom:80px}.culture-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.culture-item{padding:30px 20px;background:#f8f9fa;border-radius:12px}.culture-item h3{font-size:20px;font-weight:600;margin-bottom:12px;color:#000}.culture-item p{font-size:14px;line-height:1.6;color:#666}.join-us{background:#000;color:#fff;padding:60px 40px;border-radius:16px;text-align:center;margin-bottom:64px}.join-content h2{font-size:28px;font-weight:600;margin-bottom:20px;color:#fff}.join-content p{font-size:16px;line-height:1.6;margin-bottom:20px;color:#ccc}.contact-info p{font-size:18px;font-weight:600;color:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px}.contact-info-section h2,.contact-form-section h2{font-size:28px;font-weight:600;margin-bottom:32px;color:#000}.contact-methods{display:flex;flex-direction:column;gap:30px}.contact-method{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px}.method-icon{width:50px;height:50px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.method-info h3{font-size:18px;font-weight:600;margin-bottom:4px;color:#000}.method-info p{font-size:16px;font-weight:600;margin-bottom:4px;color:#000}.method-info span{font-size:14px;color:#666}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:600;margin-bottom:8px;color:#000}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#000}textarea,.contact-form textarea,.form-group textarea{resize:none!important}.submit-btn{padding:14px 28px;background:#000;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start}.submit-btn:hover{background:#333}.business-info{background:#f8f9fa;padding:40px;border-radius:16px;text-align:center;margin-bottom:48px}.business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px}.business-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000000d;text-align:left}.business-group h3{font-size:18px;font-weight:600;color:#000;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f5f5f5}.info-row:last-child{border-bottom:none}.info-row.full-width{flex-direction:column;gap:8px}.info-row .label{font-size:14px;font-weight:600;color:#666;min-width:100px}.info-row .value{font-size:14px;color:#000;text-align:right;flex:1}.info-row.full-width .value{text-align:left}.value.address{text-align:right!important;display:block;width:100%}@media (max-width: 768px){.page{padding-top:60px}.page-container{padding:0 24px}.page-header{padding:40px 24px;margin-bottom:40px}.page-title{font-size:32px;margin-bottom:12px}.page-subtitle{font-size:16px;line-height:1.6}.section-title{font-size:26px;margin-bottom:32px;padding-top:16px}.content-section{margin-bottom:60px}.section-content h2{font-size:24px;margin-bottom:20px}.section-content p{font-size:15px;line-height:1.7;margin-bottom:16px}.values-grid{grid-template-columns:1fr;gap:24px}.value-card{padding:32px 24px}.value-icon{width:64px;height:64px;margin-bottom:20px}.value-card h3{font-size:20px;margin-bottom:12px}.value-card p{font-size:15px}.mission-section{padding:48px 32px;margin-bottom:32px}.mission-content h2{font-size:24px}.mission-text,.vision-text{font-size:18px;margin-bottom:32px}.main-service{margin-bottom:8px}.service-hero{grid-template-columns:1fr;gap:32px;text-align:center;padding:0}.service-title{font-size:32px;margin-bottom:8px}.service-subtitle{font-size:18px;margin-bottom:20px}.service-description{font-size:15px;margin-bottom:24px}.service-note{font-size:14px;padding:14px;margin-bottom:20px}.service-mockup{order:-1;min-height:350px;padding:20px 0}.features-section{margin-bottom:60px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-item{padding:24px 20px}.feature-icon{width:48px;height:48px;margin-bottom:16px}.feature-item h3{font-size:16px;margin-bottom:10px}.feature-item p{font-size:14px}.coming-soon{padding:48px 32px}.coming-soon-content h2{font-size:28px;margin-bottom:16px}.coming-soon-content p{font-size:15px}.qr-codes{flex-direction:row;gap:40px;align-items:flex-start;justify-content:center}.qr-image{width:90px;height:90px}.team-origin{margin-bottom:48px}.origin-card{padding:48px 32px}.origin-card h2{font-size:24px;margin-bottom:16px}.origin-card p{font-size:15px}.team-stats{margin-bottom:60px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{padding:32px 16px}.stat-number{font-size:32px}.stat-label{font-size:15px}.roles-grid{grid-template-columns:1fr;gap:20px}.role-card{padding:32px 20px}.role-name{font-size:18px;margin-bottom:10px}.role-description{font-size:14px;margin-bottom:14px}.role-count{font-size:15px;padding:8px 16px}.culture-content{grid-template-columns:1fr;gap:20px}.culture-item{padding:24px 20px}.culture-item h3{font-size:18px;margin-bottom:10px}.culture-item p{font-size:14px}.join-us{padding:48px 32px}.join-content h2{font-size:24px;margin-bottom:16px}.join-content p{font-size:15px;margin-bottom:16px}.contact-info p{font-size:16px}.timeline:before{left:20px}.timeline-item{flex-direction:row!important;margin-left:40px;margin-bottom:32px}.timeline-item:nth-child(2n){flex-direction:row!important}.timeline-marker{left:20px!important;transform:translate(-50%);width:36px;height:36px}.timeline-content{margin:0 0 0 40px!important;padding:16px}.contact-content{grid-template-columns:1fr;gap:40px;margin-bottom:60px}.form-row{grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:14px 16px}.submit-btn{padding:16px 24px;font-size:16px;width:100%;justify-content:center}.business-info{padding:32px 24px;margin-bottom:32px}.business-grid{grid-template-columns:1fr;gap:20px;margin-top:32px}.business-card{padding:24px}.business-group h3{font-size:16px;margin-bottom:16px}}@media (max-width: 480px){.page{padding-top:56px}.page-container{padding:0 16px}.page-header{padding:32px 16px;margin-bottom:32px}.page-title{font-size:26px}.page-subtitle{font-size:15px}.section-title{font-size:22px;margin-bottom:24px;padding-top:24px}.content-section{margin-bottom:48px}.section-content h2{font-size:20px;margin-bottom:16px}.section-content p{font-size:14px}.value-card{padding:24px 20px}.value-icon{width:56px;height:56px;margin-bottom:16px}.value-card h3{font-size:18px}.value-card p{font-size:14px}.mission-section{padding:32px 20px;border-radius:16px;margin:0 16px 32px}.mission-content h2{font-size:20px}.mission-text,.vision-text{font-size:16px;margin-bottom:24px}.service-title{font-size:26px}.service-subtitle{font-size:16px}.service-description{font-size:14px}.service-note{font-size:13px;padding:12px}.service-mockup{min-height:180px;width:100vw;display:flex;justify-content:center;align-items:center;overflow:visible;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0}.service-mockup .marvel-device{transform:scale(.8);transform-origin:center top}.feature-item{padding:20px 16px}.feature-icon{width:40px;height:40px}.feature-item h3{font-size:15px}.feature-item p{font-size:13px}.coming-soon{padding:32px 20px;margin:32px 16px;border-radius:12px}.coming-soon-content h2{font-size:24px}.coming-soon-content p{font-size:14px}.qr-codes{flex-direction:row;gap:32px;align-items:flex-start;justify-content:center}.qr-image{width:70px;height:70px}.qr-label{font-size:13px}.team-origin{margin-bottom:40px}.origin-card{padding:32px 20px;margin:0 16px}.origin-card h2{font-size:20px}.origin-card p{font-size:14px}.team-stats{margin-bottom:48px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:24px 16px;margin-bottom:8px}.stat-number{font-size:28px;margin-bottom:4px}.stat-label{font-size:14px}.team-roles{margin-bottom:48px}.role-card{padding:24px 16px}.role-name{font-size:16px}.role-description{font-size:13px}.role-count{font-size:14px}.team-culture{margin-bottom:48px;margin-top:32px}.culture-content{grid-template-columns:1fr;gap:16px}.culture-item{padding:20px 16px}.culture-item h3{font-size:16px}.culture-item p{font-size:13px}.join-us{padding:32px 20px;margin:32px 16px 48px;border-radius:12px}.join-content h2{font-size:20px}.join-content p{font-size:14px}.timeline-section{margin-bottom:48px}.timeline-item{margin-left:30px;margin-bottom:24px}.timeline-marker{width:32px;height:32px}.timeline-content{margin:0 0 0 30px!important;padding:14px}.timeline-date{font-size:12px}.timeline-title{font-size:16px}.timeline-description{font-size:13px}.future-plans{padding:32px 20px;margin:32px 16px 48px;border-radius:12px}.plans-content p{font-size:14px}.contact-content{margin-bottom:48px}.contact-info-section h2,.contact-form-section h2{font-size:20px;margin-bottom:20px}.contact-method{padding:14px}.method-icon{width:40px;height:40px}.method-info h3{font-size:15px}.method-info p{font-size:14px}.method-info span{font-size:12px}.business-info{padding:30px 20px;margin-bottom:32px}.business-card{padding:20px}.business-group h3{font-size:15px}.info-row{flex-direction:column;gap:4px;padding:10px 0}.info-row .label{min-width:auto;font-size:13px}.info-row .value{text-align:left;font-size:13px}}@media (max-width: 375px){.page{padding-top:56px}.page-container{padding:0 12px}.page-header{padding:28px 12px}.page-title{font-size:24px}.section-title{font-size:20px;padding-top:20px}.value-card,.role-card,.culture-item{padding:20px 16px}.mission-section{padding:24px 16px;margin:0 12px 24px}.coming-soon{padding:24px 16px;margin:24px 12px}.origin-card{padding:24px 16px;margin:0 12px}.join-us,.future-plans{padding:24px 16px;margin:24px 12px 40px}.business-info{padding:24px 16px;margin-bottom:28px}.stat-card{margin-bottom:12px}.team-culture{margin-top:24px;margin-bottom:40px}}.mt-20{margin-top:20px;display:block}.form-group select{width:100%;margin-left:0;margin-right:0;display:block}@media (max-width: 768px){.service-mockup{max-width:350px;width:100%;margin:0 auto;padding:0;min-height:unset}}@media (max-width: 480px){.service-mockup{max-width:calc(100vw - 32px);width:100%;margin:0 auto;padding:0;min-height:unset;left:unset;right:unset;transform:none}}@media (max-width: 375px){.service-mockup{max-width:calc(100vw - 24px)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--ink);background-color:#fff;overflow-x:hidden;word-break:keep-all;overflow-wrap:break-word}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0;line-height:1.6;text-wrap:pretty}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:40px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;min-height:44px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:#000;color:#fff;border:2px solid #000}.btn-primary:hover{background:#333;border-color:#333}.btn-secondary{background:transparent;color:#000;border:2px solid #000}.btn-secondary:hover{background:#000;color:#fff}.btn-outline{background:transparent;color:#666;border:1px solid #e9ecef}.btn-outline:hover{background:#f8f9fa;border-color:#000;color:#000}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.loading:after{content:"";width:20px;height:20px;border:2px solid #e9ecef;border-top:2px solid #000;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-control{width:100%;padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:16px;transition:border-color .3s ease;min-height:44px}.form-control:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#000}.card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:24px;transition:box-shadow .3s ease}.card:hover{box-shadow:0 8px 24px #0000001a}.card-header{margin-bottom:20px}.card-title{font-size:20px;font-weight:600;margin-bottom:8px;color:#000}.card-subtitle{font-size:14px;color:#666}.card-body{margin-bottom:20px}.card-footer{border-top:1px solid #e9ecef;padding-top:16px}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.col{flex:1;padding:0 12px}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-6{flex:0 0 50%;max-width:50%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-9{flex:0 0 75%;max-width:75%}.col-12{flex:0 0 100%;max-width:100%}@media (max-width: 768px){.row{margin:0 -8px}.col{padding:0 8px}.col-1,.col-2,.col-3,.col-4,.col-6,.col-8,.col-9{flex:0 0 100%;max-width:100%}}.fade-in{animation:fadeIn .5s ease-in}.slide-up{animation:slideUp .5s ease-out}.slide-down{animation:slideDown .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus{outline:2px solid transparent;outline-offset:2px}*:focus-visible{outline:2px solid #000;outline-offset:2px}::selection{background:var(--ink);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}@media print{.header,.footer{display:none}body{font-size:12pt;line-height:1.4}.page{padding-top:0}}@media (max-width: 768px){body{font-size:16px}.container{padding:0 16px}.btn{padding:14px 20px;font-size:16px;min-height:48px}.form-control{font-size:16px;min-height:48px}.mb-3{margin-bottom:20px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.mt-3{margin-top:20px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}}@media (max-width: 480px){.container{padding:0 12px}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}p{font-size:15px;line-height:1.7}}
