@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#235ADB;--primary-dark:#1a47b3;--primary-light:#4a7de8;--secondary-color:#f8f9fa;--text-dark:#2c3e50;--text-light:#6c757d;--white:#ffffff;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.1);--border-radius:8px;--border-radius-lg:12px;--transition:all 0.3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.25rem}p{margin-bottom:1rem;color:var(--text-light)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 24px;border:none;border-radius:var(--border-radius);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);font-size:.95rem;position:relative;overflow:hidden;width:-moz-fit-content;width:fit-content;min-width:140px}.btn i{transition:transform .3s ease}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:hover i{transform:translateX(5px)}.btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.btn-secondary:hover i{transform:translateX(5px)}.btn-outline{background:transparent;color:var(--white);border:2px solid var(--white)}.btn-outline:hover{background:var(--white);color:var(--primary-color)}.btn-outline:hover i{transform:translateX(5px)}.btn-large{padding:14px 28px;font-size:1rem;width:-moz-fit-content;width:fit-content;min-width:160px}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;transition:var(--transition)}.navbar.scrolled{background:rgba(255,255,255,.98);box-shadow:var(--shadow-sm)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary-color)}.nav-logo .logo-image{object-fit:contain;flex-shrink:0;width:155px;height:47px;transition:transform .3s ease;max-width:none}.nav-logo .logo-image:hover{transform:scale(1.05)}.nav-logo i{font-size:2rem}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:var(--text-dark);font-weight:500;transition:var(--transition);position:relative;cursor:pointer}.nav-menu a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-menu a:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer;z-index:1001}.nav-toggle span{width:25px;height:3px;background:var(--primary-color);margin:3px 0;transition:var(--transition)}@media (max-width:768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease;z-index:1000;padding-top:80px}.nav-menu.active{right:0}.nav-menu li{margin:1rem 0}.nav-menu a{font-size:1.2rem;font-weight:600;color:var(--text-dark)}.nav-menu a:after{display:none}.nav-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative;overflow:visible;padding-top:80px;margin-bottom:0}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e9ecef" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.5;will-change:transform}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;position:relative;z-index:10}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.typing-container{display:inline-block;min-height:1.2em}.typing-cursor{display:inline-block;margin-left:2px;animation:blink 1s infinite;color:var(--primary-color);font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight{color:var(--primary-color)}.gold-text{color:#FFD700;font-weight:700}.hero-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:2rem;line-height:1.6}.hero-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color)}.stat-label{font-size:.9rem;color:var(--text-light)}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-start}.hero-visual{flex-direction:column;min-height:500px;padding:2rem}.hero-image,.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hero-image{max-width:600px;max-height:500px;z-index:1;animation:float 3s ease-in-out infinite}.mockup{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:var(--transition)}.mockup:hover{transform:perspective(1000px) rotateY(-10deg) rotateX(2deg)}.mockup svg .smoke-anim1{animation:smoke1 7.5s linear infinite;transform-box:fill-box;transform-origin:center}.mockup svg .smoke-anim2{animation:smoke2 9s linear infinite;transform-box:fill-box;transform-origin:center}.mockup svg .smoke-anim3{animation:smoke3 11s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes smoke1{0%{opacity:.22;transform:scale(1) translateY(0)}40%{opacity:.28;transform:scale(1.08,1.13) translateY(-36px) translateX(12px)}70%{opacity:.18;transform:scale(1.13,1.05) translateY(-64px) translateX(-16px)}to{opacity:.22;transform:scale(1) translateY(0)}}@keyframes smoke2{0%{opacity:.18;transform:scale(1) translateY(0)}30%{opacity:.22;transform:scale(1.09,1.12) translateY(-24px) translateX(-20px)}60%{opacity:.13;transform:scale(1.15,1.04) translateY(-56px) translateX(16px)}to{opacity:.18;transform:scale(1) translateY(0)}}@keyframes smoke3{0%{opacity:.15;transform:scale(1) translateY(0)}25%{opacity:.18;transform:scale(1.08,1.11) translateY(-16px) translateX(24px)}50%{opacity:.12;transform:scale(1.12,1.06) translateY(-40px) translateX(-30px)}75%{opacity:.08;transform:scale(1.16,1.02) translateY(-60px) translateX(20px)}to{opacity:.15;transform:scale(1) translateY(0)}}.about{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:5rem 0;min-height:auto;position:relative;z-index:0;margin-top:0;overflow:visible;border-top:1px solid rgba(0,0,0,.1)}.about-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;max-width:1200px;min-height:unset}.about-content,.about-left{align-items:center;margin:0 auto;position:relative}.about-left{min-height:320px;display:flex;justify-content:center;padding:1.5rem;overflow:hidden;z-index:1;pointer-events:none;border:none;width:auto;height:auto}.about-illustration{width:100%;max-width:1060px;height:auto;display:block;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));animation:floatAbout 3.5s ease-in-out infinite}@keyframes floatAbout{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.about-right{padding:2rem}.about-features{margin:3rem 0}.feature-item{align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--gray-100);border-radius:var(--border-radius-lg);transition:var(--transition)}.feature-item:hover{box-shadow:var(--shadow-md)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon i{font-size:1.5rem;color:var(--white)}.feature-content h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.feature-content p{color:var(--text-light);line-height:1.6;margin:0}.about-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}@media (max-width:768px){.about-cta{justify-content:center;align-items:center}}.mockup-keywords-list{display:flex;gap:.7rem;margin-top:1.2rem;justify-content:center;flex-wrap:wrap;list-style:none}.mockup-keywords-list li{display:flex;align-items:center;gap:.4rem;background:#eaf3ff;color:var(--primary-color);font-weight:600;font-size:1rem;border-radius:12px;padding:.45rem 1.1rem .45rem .9rem;box-shadow:0 2px 8px rgba(35,90,219,.06);transition:box-shadow .2s,background .2s,transform .18s;white-space:nowrap;cursor:pointer;position:relative;z-index:1}.mockup-keywords-list li:focus,.mockup-keywords-list li:hover{background:#d0e2ff;color:#1741a6;box-shadow:0 4px 16px rgba(35,90,219,.13);transform:translateY(-3px) scale(1.06)}.mockup-keywords-list li:active{background:#c2d6f8;color:#1741a6;transform:scale(.98);box-shadow:0 2px 8px rgba(35,90,219,.09)}.mockup-keywords-list li i{font-size:1.1rem;color:inherit;transition:color .2s}.availability-banner.notice{background:rgba(234,243,255,.95);border:1px solid #d0e2ff;color:var(--text-dark);box-shadow:0 2px 8px rgba(35,90,219,.06);margin-bottom:1.5rem;padding:1.1rem 1.5rem 1.1rem 1.2rem;border-radius:16px;display:flex;align-items:center;gap:1.2rem;min-width:0;max-width:480px;width:100%;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.availability-banner.notice:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(35,90,219,.15);border-color:rgba(35,90,219,.4)}.availability-banner.notice:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:2px;background:transparent;border:2px solid transparent;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.availability-banner.notice:after{content:"";position:absolute;width:8px;height:8px;background:rgb(35,90,219);border-radius:50%;box-shadow:0 0 12px rgb(35,90,219),0 0 24px rgb(35,90,219),0 0 36px rgba(35,90,219,.6);animation:laser-pointer-border 3s linear infinite;z-index:1;filter:blur(1px)}.availability-banner.notice .availability-content{display:flex;align-items:center;gap:1rem;width:100%}.availability-banner.notice .availability-content i{color:var(--primary-color);font-size:1.4rem;margin-right:.7rem;flex-shrink:0}.availability-banner.notice .availability-text{display:flex;flex-direction:column;gap:.1rem;flex:1 1;min-width:0;width:100%}.availability-banner.notice .availability-label{font-size:.98rem;color:var(--text-light);font-weight:500;margin-bottom:.1rem}.availability-banner.notice .availability-highlight{display:flex;align-items:baseline;gap:.5rem;margin-top:.1rem;flex-wrap:nowrap;min-width:0}.availability-banner.notice .availability-number.highlight{color:var(--primary-color);font-weight:800;font-size:1.6rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;animation:numberGlow 2s ease-in-out infinite;position:relative}@keyframes numberGlow{0%{filter:drop-shadow(0 0 8px rgba(35,90,219,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(35,90,219,.8));transform:scale(1.08)}to{filter:drop-shadow(0 0 8px rgba(35,90,219,.4));transform:scale(1)}}.availability-banner.notice .availability-date{color:var(--text-light);font-size:.85rem;font-weight:500;opacity:.8}.availability-banner.notice .availability-badge.soft{background:#d0e2ff;color:var(--primary-color);border:none;font-size:.95rem;font-weight:600;border-radius:14px;padding:.32rem 1.1rem;margin-left:.5rem;display:flex;align-items:center;gap:.5rem;box-shadow:none;white-space:nowrap}.availability-banner.notice .pulse-dot{background:var(--primary-color);width:7px;height:7px;margin-right:.3rem;animation:pulse-dot 1.5s infinite}@keyframes laser-pointer-border{0%{top:-3px;left:-3px;transform:translateX(0) translateY(0)}25%{top:-3px;left:calc(100% - 3px);transform:translateX(0) translateY(0)}50%{top:calc(100% - 3px);left:calc(100% - 3px);transform:translateX(0) translateY(0)}75%{top:calc(100% - 3px);left:-3px;transform:translateX(0) translateY(0)}to{top:-3px;left:-3px;transform:translateX(0) translateY(0)}}section{padding:5rem 0;width:100%;display:block}.section-header{margin-bottom:2rem}.about .section-header{margin-bottom:1rem}.section-header{text-align:center;margin-bottom:2.5rem;position:relative;z-index:105}.section-header h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-dark)}.section-header p{font-size:1.1rem;color:var(--text-light);max-width:600px;margin:0 auto;line-height:1.6}.services{background:linear-gradient(135deg,#ffffff,#f1f3f4);padding:5rem 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.service-card{background:var(--white);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--gray-200)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.service-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.service-icon i{font-size:1.5rem;color:var(--white)}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-dark)}.service-card p{margin-bottom:1.5rem;color:var(--text-light)}.service-features{list-style:none}.service-features li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-light)}.service-features i{color:var(--primary-color);font-size:.9rem}.portfolio{background:linear-gradient(135deg,#ffffff,#f8f9fa);padding:5rem 0}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem}.portfolio-item{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);cursor:pointer}.portfolio-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.portfolio-image{position:relative;width:100%;height:250px;overflow:hidden;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid var(--gray-200);transition:var(--transition)}.portfolio-item:hover .portfolio-image{transform:scale(1.02)}.portfolio-overlay{display:none}.portfolio-info{text-align:center;color:var(--white);padding:2rem;max-width:90%}.portfolio-card-meta{padding:1rem .5rem 0}.portfolio-card-title{margin:.25rem 0 .5rem;font-size:1.125rem;color:var(--text-dark)}.portfolio-info-header{display:flex;justify-content:center;margin-bottom:.75rem}.category-badge{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.15);color:var(--white);border:1px solid rgba(255,255,255,.35);padding:.25rem .6rem;border-radius:9999px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.portfolio-info h3{font-size:1.5rem;margin-bottom:.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.2}.portfolio-info p{margin-bottom:1.5rem;opacity:1;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.8);line-height:1.5;font-size:.95rem}.mini-tech-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1rem}.mini-tech-tag{color:#fff;border:1px solid rgba(255,255,255,.3);padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;line-height:1}.mini-tech-tag,.portfolio-info .btn-outline{background:rgba(255,255,255,.15);font-weight:600}.portfolio-info .btn-outline{color:var(--white);border:2px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.portfolio-info .btn-outline:hover{background:rgba(255,255,255,.25);border-color:var(--white);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.coming-soon{text-align:center;margin-top:1rem}.coming-soon span{display:inline-block;background:rgba(255,255,255,.2);color:var(--white);padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px rgba(0,0,0,.2)}.portfolio-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{background:var(--white);border-radius:var(--border-radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:20px;right:20px;background:var(--gray-200);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition)}.modal-close:hover{background:var(--gray-300)}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--gray-200)}.modal-header h3{margin-bottom:.5rem}.modal-category{background:var(--primary-color);color:var(--white);padding:.25rem .75rem;border-radius:20px;font-size:.9rem}.modal-body{padding:2rem;display:grid;grid-template-columns:1.2fr 1fr;grid-gap:2rem;gap:2rem}@media (max-width:900px){.modal-body{grid-template-columns:1fr}}.modal-image{margin-bottom:2rem;height:300px;border-radius:var(--border-radius);background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center}.modal-left .modal-image{height:420px}.modal-cta{margin-top:.5rem}.modal-placeholder{text-align:center;color:var(--white)}.modal-placeholder i{font-size:3rem;margin-bottom:1rem;opacity:.8}.modal-placeholder span{font-size:1.2rem;font-weight:600;opacity:.9}.modal-info>div{margin-bottom:2rem}.modal-info h4{margin-bottom:1rem;color:var(--primary-color)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:var(--gray-100);color:var(--text-dark);padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.modal-features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}.modal-features li{display:flex;align-items:center;gap:.5rem;color:var(--text-dark)}.modal-features i{color:var(--primary-color)}.pricing{background:linear-gradient(135deg,#ffffff,#f8f9fa);padding:5rem 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background:var(--white);padding:2.5rem 2rem 2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);position:relative;border:2px solid transparent;display:flex;flex-direction:column;height:100%}.pricing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.pricing-card.featured{position:relative;overflow:visible;border:2px solid transparent;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,var(--primary-color),var(--primary-light)) border-box;animation:floatCard 3s ease-in-out infinite,glowPulse 3s ease-in-out infinite}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glowPulse{0%,to{box-shadow:var(--shadow-md),0 0 0 0 rgba(35,90,219,0)}50%{box-shadow:0 8px 25px rgba(35,90,219,.2),0 0 20px 5px rgba(35,90,219,.1)}}.pricing-card.featured:hover{transform:translateY(-15px);box-shadow:var(--shadow-xl),0 0 30px 8px rgba(35,90,219,.15);animation:floatCard 3s ease-in-out infinite,glowPulse 3s ease-in-out infinite}.pricing-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--primary-color);color:var(--white);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;animation:pulse 2s infinite;box-shadow:0 4px 15px rgba(35,90,219,.3);z-index:1000}@keyframes pulse{0%,to{transform:translateX(-50%) scale(1);box-shadow:0 4px 15px rgba(35,90,219,.3)}50%{transform:translateX(-50%) scale(1.05);box-shadow:0 6px 20px rgba(35,90,219,.4)}}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h3{font-size:1.5rem;margin-bottom:1rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.currency{font-size:1.2rem;color:var(--text-light)}.amount{font-size:3rem;font-weight:700;color:var(--primary-color)}.period{font-size:1rem;color:var(--text-light)}.pricing-features{list-style:none;margin-bottom:2rem;flex-grow:1}.pricing-features li{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-light)}.pricing-features i{color:var(--primary-color);font-size:.9rem}.pricing-note{text-align:center;margin-top:3rem;padding:2rem;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.pricing-note p{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0}.popular-tooltip{position:relative;max-width:400px;margin:0 auto 40px;background:#235ADB;color:white;padding:14px 24px;border-radius:12px;text-align:center;font-weight:600;font-size:.95rem;box-shadow:0 4px 12px rgba(35,90,219,.25)}.popular-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #235adb}.pricing-grid-new{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.pricing-card-new{background:white;border:2px solid #e5e7eb;border-radius:16px;padding:2.5rem;transition:all .3s ease}.pricing-card-new:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(35,90,219,.12);border-color:#235ADB}.card-type{font-size:.8rem;font-weight:700;color:#235ADB;letter-spacing:.05em;margin-bottom:.5rem}.card-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem}.card-subtitle{font-size:.95rem;color:#6b7280;line-height:1.6;margin-bottom:1.5rem;white-space:pre-line}.card-divider{height:1px;background:#e5e7eb;margin:1.5rem 0}.card-details{gap:1.25rem;margin-bottom:2rem}.card-details,.detail-item{display:flex;flex-direction:column}.detail-item{gap:.5rem}.detail-label{font-size:.9rem;font-weight:700;color:#1a1a1a}.detail-value{font-size:.9rem;color:#4b5563;line-height:1.6;white-space:pre-line}.detail-value.highlight{background:#EBF5FF;color:#235ADB;padding:.6rem .9rem;border-radius:8px;font-weight:600;border:1px solid #c3ddfd}.card-price{display:flex;align-items:baseline;justify-content:flex-end;gap:.5rem;padding-top:1.5rem;border-top:2px solid #f3f4f6}.vat-text{font-size:.85rem;color:#6b7280}.price-amount{font-size:2rem;font-weight:700;color:#1a1a1a}.section-number{display:inline-block;background:linear-gradient(135deg,#235ADB,#4a7de8);color:white;font-size:1.25rem;font-weight:800;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 4px 12px rgba(35,90,219,.3)}.section-divider{position:relative;text-align:center;margin:80px auto;max-width:800px}.section-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e5e7eb 20%,#e5e7eb 80%,transparent);transform:translateY(-50%)}.divider-text{position:relative;display:inline-block;background:white;padding:.75rem 2rem;color:#6b7280;font-size:1.1rem;font-weight:600;border:2px solid #e5e7eb;border-radius:50px;z-index:1}.subscription-section{margin:80px auto;max-width:1200px}.subscription-header{text-align:center;margin-bottom:3rem}.subscription-header h2{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,#1a1a1a,#235ADB);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-.02em}.subscription-desc{font-size:1.1rem;color:#6b7280;margin:0}.subscription-card{display:grid;grid-template-columns:380px 1fr;grid-gap:3rem;gap:3rem;background:white;border:2px solid #e5e7eb;border-radius:20px;padding:3rem;box-shadow:0 8px 24px rgba(35,90,219,.08);transition:all .3s ease}.subscription-card:hover{box-shadow:0 12px 32px rgba(35,90,219,.12);border-color:#235ADB}.subscription-price-box{display:flex;flex-direction:column;gap:2rem;padding:2rem;background:linear-gradient(135deg,#f8faff,#eef2ff);border-radius:16px;border:1px solid #dbe4ff}.price-tag{text-align:center}.price-label{display:inline-block;background:#235ADB;color:white;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.price-main{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:1rem}.price-main .currency{font-size:1.5rem;color:#235ADB;font-weight:600}.price-main .amount{font-size:4rem;font-weight:700;color:#235ADB;line-height:1}.price-main .period{font-size:1.25rem;color:#6b7280}.price-note{color:#059669;font-size:.95rem;font-weight:600;margin:0}.subscription-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.feature-group h3{font-size:1rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.feature-group h3 i{color:#235ADB;font-size:1.1rem}.feature-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.feature-group ul li{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#4b5563}.feature-group ul li i{color:#10b981;font-size:.9rem;flex-shrink:0}.testimonials{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:5rem 0}.testimonials .section-header{text-align:center;margin-bottom:3rem}.testimonials .section-header h2{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;font-weight:700;letter-spacing:2px}.satisfaction-rating{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.rating-text{font-size:1.1rem;color:var(--text-dark);font-weight:500}.rating-star{color:#FFD700;font-size:1.5rem;margin:0 .5rem}.rating-score{font-size:1.5rem;color:var(--primary-color);font-weight:700}.subtitle{font-size:1.1rem;color:var(--text-light);margin:0}.metrics-section{display:flex;justify-content:center;gap:2rem;margin-bottom:4rem;flex-wrap:wrap}.metric-badge{background:var(--white);border:1px solid var(--gray-200);border-radius:50px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);transition:var(--transition);min-width:200px}.metric-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-badge i{font-size:1.5rem;color:var(--primary-color);width:30px;text-align:center}.metric-content{display:flex;flex-direction:column;align-items:flex-start}.metric-value{font-size:1.3rem;font-weight:700;color:var(--text-dark);line-height:1}.metric-label{font-size:.9rem;color:var(--text-light);margin-top:.25rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.testimonial-card{background:var(--white);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--gray-100)}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.testimonial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-100)}.testimonial-header h3{font-size:1.2rem;color:var(--primary-color);margin:0;font-weight:600}.rating-stars{display:flex;gap:.25rem}.rating-stars .star{color:#FFD700;font-size:1rem}.testimonial-content p{font-size:1rem;color:var(--text-dark);line-height:1.6;margin:0;font-style:italic}.dot{width:12px;height:12px;border-radius:50%;background:var(--gray-300);cursor:pointer;transition:var(--transition)}.dot.active{background:var(--primary-color)}.testimonials-stats{margin-top:4rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;max-width:800px;margin:0 auto}.stat-item{text-align:center;padding:2rem;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.stat-item .stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-item .stat-label{color:var(--text-light);font-size:1rem}.cta{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white);text-align:center;padding:5rem 0}.cta-content h2{color:var(--white);margin-bottom:1rem}.cta-content p{color:rgba(255,255,255,.9);font-size:1.1rem;margin-bottom:2rem}.cta-buttons{gap:1rem}.cta-buttons,.cta-features{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.cta-features{gap:2rem}.feature-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;background:rgba(255,255,255,.15);padding:.75rem 1.25rem;border-radius:50px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.feature-item:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.feature-item i{color:#ffd700;font-size:1.1rem;width:20px;text-align:center}.feature-item span{color:#ffffff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);white-space:nowrap}.cta-urgency{max-width:600px;margin:0 auto}.urgency-banner{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem}.urgency-content{flex:1 1;text-align:left}.urgency-title{display:block;font-weight:700;margin-bottom:.5rem}.urgency-text{font-size:.9rem;opacity:.9}.urgency-timer{text-align:center}.timer-label{display:block;font-size:.8rem;opacity:.8;margin-bottom:.25rem}.timer-count{display:block;font-size:1.5rem;font-weight:700;color:#ffd700}.contact{background:linear-gradient(135deg,#ffffff,#f1f3f4);padding:5rem 0}.contact-content{max-width:1000px;margin:0 auto;background:#f8faff;border:1px solid var(--gray-200);border-radius:12px;padding:0;position:relative;box-shadow:0 4px 20px rgba(35,90,219,.08);gap:0}.contact-content,.contact-info{display:flex;flex-direction:column}.contact-info{gap:2rem}.contact-item{gap:1rem}.contact-icon,.contact-item{display:flex;align-items:center}.contact-icon{width:60px;height:60px;background:var(--primary-color);border-radius:50%;justify-content:center;color:var(--white);font-size:1.2rem}.contact-details h4{margin-bottom:.5rem;color:var(--text-dark)}.contact-details p{color:var(--text-light);margin:0}.contact-form{width:100%}.contact-form .enhanced-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;max-width:100%}.contact-form-1{grid-column:1}.contact-form-1,.contact-form-2{background:transparent;padding:2rem}.contact-form-2{grid-column:2}.step-title{color:var(--text-dark);gap:.5rem}.step-number{font-weight:700}.step-dot,.step-number{color:var(--primary-color)}.step-dot{font-size:1.5rem}.form-group{position:relative}.form-label{font-size:.9rem;font-weight:500;margin-bottom:.5rem}.required{margin-left:.25rem}.form-group input,.form-group select{border-radius:var(--border-radius);font-size:.9rem;font-family:inherit;transition:var(--transition);background:var(--white)}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(35,90,219,.1)}.form-group input:hover,.form-group select:hover{border-color:var(--primary-light)}.phone-group input{text-align:center}.phone-separator{color:var(--gray-500)}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;line-height:1.5;font-weight:500;color:var(--text-dark);position:relative}.checkbox-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:auto;margin:0;opacity:0;position:absolute}.checkmark{width:22px;height:22px;border:2px solid var(--gray-300);border-radius:8px;position:relative;background:white;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.checkbox-label:hover .checkmark{border-color:var(--primary-light);box-shadow:0 4px 12px rgba(35,90,219,.15);transform:translateY(-1px)}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 16px rgba(35,90,219,.25);transform:scale(1.05)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);animation:checkmarkAppear .3s ease-out}@keyframes checkmarkAppear{0%{opacity:0;transform:rotate(45deg) scale(.5)}to{opacity:1;transform:rotate(45deg) scale(1)}}.success-message{text-align:center;padding:3rem 2rem}.success-message i{font-size:4rem;color:#28a745;margin-bottom:1rem}.success-message h3{margin-bottom:1rem;color:var(--text-dark)}.success-message p{margin-bottom:2rem;color:var(--text-light)}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:var(--border-radius);border:1px solid #f5c6cb;display:flex;align-items:center;gap:.5rem;margin-top:1rem}.footer{background:var(--gray-900);color:var(--white);padding:3rem 0 1rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-logo i{color:var(--primary-color)}.footer-logo-img{height:40px;width:auto}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:3rem;gap:3rem;padding:3rem 0;border-bottom:1px solid var(--gray-200)}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;padding:2rem 0;text-align:center}.footer-center,.footer-left,.footer-right{align-items:center}.footer-right{text-align:center}.footer-nav{justify-content:center;gap:1rem;margin-bottom:1rem}.footer-legal-links{justify-content:center;text-align:center}}@media (max-width:480px){.footer{padding:1.5rem 0 1rem}.footer-content{gap:1.5rem;padding:1.5rem 0}.footer-logo-img{height:35px}.footer-copyright,.footer-info p,.footer-info-title{font-size:.85rem}.footer-nav{flex-direction:column;gap:.75rem}.footer-nav a{font-size:.85rem}.footer-legal-links{flex-direction:column;gap:.5rem}.footer-legal-links span{display:none}}.footer-left{display:flex;flex-direction:column;gap:1rem}.footer-separator{width:40px;height:1px;background:var(--gray-600)}.footer-copyright{color:var(--gray-500);font-size:.9rem;line-height:1.5}.brand-name{color:var(--primary-color);font-weight:600}.footer-center{display:flex;flex-direction:column;gap:1rem}.footer-info-title{color:var(--gray-700);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.footer-info p{color:var(--gray-500);font-size:.9rem;line-height:1.6;margin:0}.email-link{color:var(--primary-color);font-weight:500}.footer-right{display:flex;flex-direction:column;gap:1rem;align-items:flex-end}@media (max-width:768px){.footer-right{align-items:center}}.footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-nav a{color:var(--gray-700);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.footer-nav a:hover{color:var(--primary-color)}.footer-legal-links{display:flex;gap:.5rem;align-items:center;color:var(--gray-500);font-size:.85rem}.footer-legal-links a{color:var(--gray-500);text-decoration:none;transition:color .3s ease}.footer-legal-links a:hover{color:var(--primary-color)}.footer-legal-links span{color:var(--gray-400)}.footer-bottom{display:none}.kakao-fixed-btn{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#FEE500;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;z-index:1000;border:2px solid #fee500}.kakao-fixed-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.kakao-btn-icon{width:32px;height:32px;filter:none;object-fit:contain;animation:float 2s ease-in-out infinite}@media (max-width:768px){.kakao-fixed-btn{width:55px;height:55px;bottom:15px;right:15px}.kakao-btn-icon{width:28px;height:28px}}@media (max-width:480px){.kakao-fixed-btn{width:50px;height:50px;bottom:12px;right:12px}.kakao-btn-icon{width:24px;height:24px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.footer-section p{color:var(--gray-400);margin-bottom:1rem}.footer-section h4{color:var(--white);margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--gray-400);text-decoration:none;transition:var(--transition);cursor:pointer}.footer-section ul li a:hover{color:var(--primary-color)}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;background:var(--gray-800);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);text-decoration:none;transition:var(--transition)}.social-links a:hover{background:var(--primary-color);color:var(--white)}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:1rem}.footer-bottom-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:center}.footer-legal{text-align:left}.footer-legal p{color:var(--gray-400);margin-bottom:1rem}.legal-links{display:flex;gap:1rem}.legal-links a{color:var(--gray-400);text-decoration:none;font-size:.9rem}.legal-links a:hover{color:var(--primary-color)}.footer-newsletter{text-align:right}.footer-newsletter h5{margin-bottom:.5rem;color:var(--white)}.footer-newsletter p{color:var(--gray-400);margin-bottom:1rem;font-size:.9rem}.newsletter-form{display:flex;gap:.5rem}.newsletter-form input{flex:1 1;padding:.75rem;border:1px solid var(--gray-700);border-radius:var(--border-radius);background:var(--gray-800);color:var(--white)}.newsletter-form input::placeholder{color:var(--gray-500)}.newsletter-form .btn{padding:.75rem 1.5rem;font-size:.9rem}@media (max-width:1024px){.about-content,.hero-container{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.5rem}.hero-image{width:100%;max-width:400px;height:auto;transform:none}.about-left{min-height:300px;padding-left:0;justify-content:center}}@media (max-width:768px){.hero-section{padding-top:60px;min-height:90vh}.about-section{padding:4rem 0}.hero-title{font-size:2rem}.hero-stats{flex-direction:row;gap:.5rem;justify-content:space-between}.hero-stats .stat{flex:1 1;text-align:center}.hero-stats .stat-number{font-size:1.5rem}.hero-stats .stat-label{font-size:.8rem}.hero-buttons{flex-direction:row;gap:.75rem}.hero-buttons .btn{flex:1 1;padding:12px 16px;font-size:.9rem;text-align:center;justify-content:center}.hero-visual{display:none}.about-content{gap:2rem}.about-right{padding:1rem}.section-header h2{font-size:2rem}}@media (max-width:480px){.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.section-header h2{font-size:1.75rem}.feature-item{flex-direction:column;text-align:center}.feature-icon{margin:0 auto}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.animate-fade-in{opacity:0;transition:opacity .8s ease}.animate-fade-in.animate-in{opacity:1}.animate-fade-up{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.animate-fade-up.animate-in{opacity:1;transform:translateY(0)}.animate-slide-left{opacity:0;transform:translateX(-50px);transition:all .7s cubic-bezier(.4,0,.2,1)}.animate-slide-left.animate-in{opacity:1;transform:translateX(0)}.animate-slide-right{opacity:0;transform:translateX(50px);transition:all .7s cubic-bezier(.4,0,.2,1)}.animate-slide-right.animate-in{opacity:1;transform:translateX(0)}.hero-image.animate-slide-right{opacity:0;transform:translateX(50px)}.hero-image.animate-slide-right.animate-in{opacity:1;transform:translateX(0)}.animate-scale{opacity:0;transform:scale(.9);transition:all .6s cubic-bezier(.4,0,.2,1)}.animate-scale.animate-in{opacity:1;transform:scale(1)}.animate-stagger{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.animate-stagger.animate-in{opacity:1;transform:translateY(0)}.parallax-element{transition:transform .1s ease-out}.scroll-fade{transition:opacity .3s ease-out}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@media (max-width:600px){.hero-visual{gap:.2rem}.mockup-keywords-list{flex-direction:column;align-items:stretch;gap:.5rem;margin-top:.7rem}.mockup-keywords-list li{justify-content:flex-start;font-size:.98rem;padding:.38rem .9rem .38rem .8rem}.availability-banner.notice{max-width:100%;padding:1rem .7rem;gap:.7rem}.availability-banner.notice .availability-content{flex-direction:column;align-items:flex-start;gap:.3rem}.availability-banner.notice .availability-badge.soft{margin-left:0;margin-top:.4rem}}.process{padding:100px 0;background:linear-gradient(135deg,#ffffff,#f8f9fa);position:relative;z-index:1}.process:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="%23e9ecef" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.process .section-header{text-align:center;margin-bottom:60px;position:relative;z-index:1}.process-title{font-size:1.5rem;color:var(--primary-color);letter-spacing:2px;text-transform:uppercase}.process-subtitle,.process-title{margin-bottom:1rem;font-weight:700}.process-subtitle{font-size:2.5rem;color:var(--text-dark);line-height:1.2}.process-description{font-size:1.1rem;color:var(--text-light);max-width:600px;margin:0 auto;line-height:1.6}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:10}.process-card{background:#f7f7f7;border-radius:var(--border-radius-lg);padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;z-index:5;opacity:1;visibility:visible}.process-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transform:scaleX(0);transition:transform .3s ease}.process-card:hover:before{transform:scaleX(1)}.process-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-light);background:var(--white)}.process-number{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem}.process-card-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:1.5rem;line-height:1.3}.process-visual-container{margin:0 auto 1.5rem;width:120px;height:120px}.process-visual,.process-visual-container{position:relative;display:flex;align-items:center;justify-content:center}.process-visual{width:100px;height:100px;border-radius:50%;box-shadow:var(--shadow-md);transition:all .3s ease;overflow:hidden}.process-visual:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-radius:50%}.process-emoji{font-size:2.5rem;z-index:1;position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.process-icon{position:absolute;bottom:-5px;right:-5px;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:3px solid var(--white);transition:all .3s ease}.process-card:hover .process-visual{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-lg)}.process-card:hover .process-icon{transform:scale(1.1);box-shadow:var(--shadow-lg)}.process-icon i{font-size:1rem;color:var(--white)}.process-card-description{color:var(--text-light);font-size:.95rem;line-height:1.6;margin:0}.preparation{padding:100px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative}.preparation:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="%23e9ecef" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.preparation .section-header{text-align:center;margin-bottom:60px;position:relative;z-index:1}.preparation .section-header h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-dark)}.preparation .section-header p{font-size:1.1rem;color:var(--text-light);max-width:600px;margin:0 auto}.preparation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:24px;gap:24px;margin-bottom:60px;position:relative;z-index:1}.preparation-grid.masonry{column-count:3;column-gap:24px;margin-bottom:60px}.preparation-grid.masonry .preparation-item{page-break-inside:avoid;break-inside:avoid;margin-bottom:24px;display:inline-block;width:100%;vertical-align:top}.preparation-item{background:var(--white);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden}.preparation-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transform:scaleX(0);transition:transform .3s ease}.preparation-item:hover:before{transform:scaleX(1)}.preparation-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.preparation-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.preparation-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;color:var(--white);box-shadow:var(--shadow-md)}.preparation-content{flex:1 1}.preparation-content h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-dark)}.preparation-summary{color:var(--text-light);font-size:.95rem;margin:0}.preparation-tip{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white);padding:32px;border-radius:var(--border-radius-lg);display:flex;align-items:flex-start;gap:20px;max-width:800px;margin:0 auto;position:relative;z-index:1;box-shadow:var(--shadow-lg)}.tip-icon{font-size:2rem;flex-shrink:0}.tip-content h4{font-size:1.25rem;margin-bottom:.5rem;color:var(--white)}.tip-content p{color:rgba(255,255,255,.9);margin:0;line-height:1.6}@media (max-width:768px){.process{padding:60px 0}.process .section-header{margin-bottom:40px}.process-subtitle{font-size:2rem}.process-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.process-card{padding:1.5rem}.process-visual-container{width:100px;height:100px;margin-bottom:1rem}.process-visual{width:80px;height:80px}.process-emoji{font-size:2rem}.process-icon{width:35px;height:35px;bottom:-3px;right:-3px}.process-icon i{font-size:.9rem}.process-card-title{font-size:1.1rem;margin-bottom:1rem}.process-card-description{font-size:.9rem}}@media (max-width:480px){.process-grid{grid-template-columns:1fr;gap:1rem}.process-card{padding:1.25rem}.process-visual-container{width:90px;height:90px}.process-visual{width:70px;height:70px}.process-emoji{font-size:1.8rem}.process-icon{width:30px;height:30px;bottom:-2px;right:-2px}.process-icon i{font-size:.8rem}.process-subtitle{font-size:1.75rem}.process-description{font-size:1rem}}@media (max-width:1024px){.pricing-grid-new{grid-template-columns:repeat(2,1fr);gap:1.5rem}.subscription-card{grid-template-columns:1fr;gap:2rem;padding:2rem}.subscription-features{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:768px){.preparation{padding:60px 0}.preparation .section-header h2{font-size:2rem}.preparation-grid{grid-template-columns:1fr;gap:20px}.preparation-grid.masonry{column-count:2;column-gap:20px}.preparation-item{padding:20px}.preparation-header{gap:12px}.preparation-icon{width:50px;height:50px;font-size:2rem}.preparation-tip{flex-direction:column;text-align:center;padding:16px;margin:0 10px;gap:12px}.preparation-tip .tip-icon{font-size:1.5rem;margin-bottom:0}.preparation-tip .tip-content h4{font-size:1.1rem;margin-bottom:.5rem}.preparation-tip .tip-content p{font-size:.9rem;line-height:1.5}.cta-features{gap:1rem}.feature-item{padding:.6rem 1rem}.feature-item,.feature-item span{font-size:.9rem}.portfolio-info{padding:1.5rem}.portfolio-info h3{font-size:1.3rem}.portfolio-info p{font-size:.9rem;margin-bottom:1rem}.metrics-section{gap:1rem}.metric-badge{min-width:180px;padding:.8rem 1.2rem}.pricing-grid-new,.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card-new{padding:2rem}.card-title{font-size:1.5rem}.price-amount{font-size:1.75rem}.subscription-section{margin:60px auto}.subscription-header h2{font-size:1.75rem}.subscription-desc{font-size:1rem}.subscription-card,.subscription-price-box{padding:1.5rem}.price-main .amount{font-size:3rem}.section-number{width:50px;height:50px;font-size:1.1rem;margin-bottom:1rem}.section-divider{margin:60px auto}.divider-text{font-size:1rem;padding:.6rem 1.5rem}.maintenance-header h2{font-size:1.75rem}}@media (max-width:480px){.preparation-grid.masonry{column-count:1;column-gap:0}.preparation-item{padding:16px}.preparation-content h3{font-size:1.1rem}.preparation-summary{font-size:.9rem}.preparation-tip{padding:12px;margin:0 5px;gap:8px}.preparation-tip .tip-icon{font-size:1.3rem}.preparation-tip .tip-content h4{font-size:1rem;margin-bottom:.25rem}.preparation-tip .tip-content p{font-size:.85rem;line-height:1.4}.about-cta{flex-direction:column;align-items:center;gap:.75rem}.about-cta .btn{width:100%;max-width:280px;justify-content:center}.cta-features{flex-direction:column;gap:.75rem;align-items:center}.feature-item{padding:.5rem 1rem;width:100%;max-width:280px;justify-content:center}.feature-item,.feature-item span{font-size:.85rem}}.enhanced-form{max-width:100%}.form-step{margin-bottom:2.5rem}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.25rem}.step-number{color:#235ADB;font-weight:600}.step-dot{color:#235ADB;font-weight:700}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-dark);font-size:1rem;letter-spacing:-.01em}.required{color:#ef4444;font-weight:700;margin-left:2px}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;background:white}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.phone-group{display:flex;align-items:center;gap:.5rem}.phone-group input{flex:1 1;max-width:80px}.phone-separator{color:#6b7280;font-weight:500}.checkbox-group{margin-top:2rem}.form-submit{margin-top:0;text-align:center;width:100%}.submit-button{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:white;border:none;padding:1rem 3rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(35,90,219,.2);min-width:220px;justify-content:center;z-index:10;margin:3rem auto 0;width:-moz-fit-content;width:fit-content}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px rgba(35,90,219,.3)}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px rgba(35,90,219,.2)}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(35,90,219,.1)}.submit-icon{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.submit-icon svg{transition:transform .3s ease;width:16px;height:16px}.submit-button:hover:not(:disabled) .submit-icon svg{transform:translateX(3px) rotate(45deg)}.pricing-actions{text-align:center;margin:3rem 0 2rem}.view-more-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;border:2px solid #235adb;border-radius:12px;color:#235ADB;background:transparent;transition:all .3s ease}.view-more-btn:hover{background:#235ADB;color:white;transform:translateY(-2px);box-shadow:0 10px 20px rgba(35,90,219,.2)}.view-more-btn i{transition:transform .3s ease}.view-more-btn:hover i{transform:translateX(3px)}.faq-page{padding:120px 0 80px;min-height:100vh}.faq-header{text-align:center;max-width:600px;margin:0 auto 60px}.faq-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.faq-header .highlight{color:#235ADB}.faq-header p{font-size:1.1rem;color:#6b7280;line-height:1.6}.faq-content{max-width:800px;margin:0 auto}.faq-item{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:white;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 20px rgba(35,90,219,.1)}.faq-item.active{border-color:#235ADB}.faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:white;transition:background-color .3s ease}.faq-question:hover{background:#f9fafb}.faq-item.active .faq-question{background:#f8faff}.faq-question h3{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0;flex:1 1;padding-right:1rem}.faq-icon{width:32px;height:32px;border-radius:50%;background:#235ADB;display:flex;align-items:center;justify-content:center;color:white}.faq-answer,.faq-icon{transition:all .3s ease}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden}.faq-item.active .faq-answer{max-height:200px;padding:0 1.5rem 1.5rem}.faq-answer p{color:#6b7280;line-height:1.6;margin:0}.faq-contact{margin-top:80px;text-align:center}.faq-contact-card{background:linear-gradient(135deg,#235ADB,#4a7de8);padding:3rem 2rem;border-radius:20px;color:white;max-width:600px;margin:0 auto}.faq-contact-icon{font-size:3rem;margin-bottom:1rem}.faq-contact-content h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.faq-contact-content p{font-size:1.1rem;opacity:.9;margin-bottom:2rem}.faq-contact-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.faq-contact-buttons .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.faq-contact-buttons .btn-outline{background:transparent;color:white;border:2px solid white}.faq-contact-buttons .btn-outline:hover{background:white;color:#235ADB}.faq-contact-buttons .btn-primary{background:white;color:#235ADB;border:2px solid white}.faq-contact-buttons .btn-primary:hover{background:transparent;color:white}@media (max-width:768px){.faq-page{padding:100px 0 60px}.faq-header h1{font-size:2rem}.faq-question{padding:1rem}.faq-question h3{font-size:1rem}.faq-contact-card{padding:2rem 1rem}.faq-contact-buttons{flex-direction:column;align-items:center}.faq-contact-buttons .btn{width:100%;max-width:200px;justify-content:center}.contact-content:before{display:none}.contact-form .enhanced-form{grid-template-columns:1fr;gap:2rem}.contact-form-1,.contact-form-2{grid-column:1;padding:1.5rem}}.btn-kakao{background:#FEE500;color:#3C1E1E;border:2px solid #f5d000}.btn-kakao:hover{filter:brightness(.98);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-kakao .btn-icon{width:20px;height:20px;display:inline-block}.contact-actions{display:flex;justify-content:center;margin-bottom:1.5rem}