/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial}}}.visible{visibility:visible}.fixed{position:fixed}.mx-auto{margin-inline:auto}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.w-full{width:100%}.max-w-\[55\.8125rem\]{max-width:55.8125rem}.max-w-\[457px\]{max-width:457px}.max-w-\[1202px\]{max-width:1202px}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[2\.1875rem\]{gap:2.1875rem}.gap-\[10px\]{gap:10px}.gap-\[20px\]{gap:20px}.self-stretch{align-self:stretch}.rounded-\[25px\]{border-radius:25px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#9DBCA1\]{background-color:#9dbca1}.bg-\[\#E4E7DF\]{background-color:#e4e7df}.text-center{text-align:center}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[50px\]{font-size:50px}.leading-\[75px\]{--tw-leading:75px;line-height:75px}.leading-\[normal\]{--tw-leading:normal;line-height:normal}.break-words{overflow-wrap:break-word}.text-\[\#010101\]{color:#010101}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-\[\#9DBCA1\]:hover{background-color:#9dbca1}}:root{--bg-primary:#f4ebe4;--bg-secondary:#f8f1ec;--bg-card:#fff;--bg-card-hover:#faf8f6;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--accent-primary:#2d5a27;--accent-secondary:#348756;--accent-light:#d2d6c7;--border-color:#00000014;--border-dark:#7b6f66;--font-display:"Poppins","Inter",system-ui,sans-serif;--font-body:"DM Sans","Inter",system-ui,sans-serif;--font-ko:"Gowun Dodum",system-ui,sans-serif;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 30px #00000014;--shadow-lg:0 20px 60px #0000001f;--shadow-xl:0 30px 80px #00000026;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px}.lang-ko{--font-display:"Gowun Dodum",system-ui,sans-serif;--font-body:"Gowun Dodum",system-ui,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{overflow-x:hidden}body{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (min-width:768px){.container{padding:0 40px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:600;line-height:1.2}h1{font-size:clamp(2.5rem,6vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}.accent-text{color:var(--accent-secondary)}.btn{font-size:16px;font-weight:500;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent-light);color:var(--text-primary);border:1px solid var(--accent-light)}.btn-primary:hover{box-shadow:var(--shadow-lg);background:#c4c9b8;transform:translateY(-3px)}.btn-secondary{color:var(--accent-secondary);border:2px solid var(--accent-secondary);background:0 0}.btn-secondary:hover{background:var(--accent-secondary);color:#fff;transform:translateY(-3px)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-color);backdrop-filter:blur(10px);background:#fff9}.btn-ghost:hover{background:#ffffffe6;transform:translateY(-2px)}.site-header{z-index:1000;backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#f4ebe4d9;padding:10px 0;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}@media (min-width:768px){.site-header{padding:16px 0}}.header-inner{justify-content:space-between}.header-inner,.site-brand{align-items:center;display:flex}.site-brand{gap:12px;text-decoration:none}.brand-logo{width:auto;height:32px}@media (min-width:768px){.brand-logo{height:40px}}.site-nav{align-items:center;gap:36px;display:none}@media (min-width:768px){.site-nav{display:flex}}.site-nav a{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.site-nav a:hover{color:var(--text-primary)}.site-nav a:after{content:"";background:var(--accent-secondary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.site-nav a:hover:after{width:100%}.lang-switch{border:1px solid var(--border-color);background:#fff9;border-radius:999px;align-items:center;padding:4px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .3s}.lang-btn.active{background:var(--accent-light)}.lang-btn.active,.lang-btn:hover:not(.active){color:var(--text-primary)}.quote-btn{padding:10px 24px;font-size:14px}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:24px;display:flex}@media (min-width:768px){.mobile-menu-btn{display:none}}.header-actions{display:none}@media (min-width:768px){.header-actions{align-items:center;gap:12px;display:flex}}.mobile-menu{border-top:1px solid var(--border-color);background:#f4ebe4fa;flex-direction:column;gap:8px;padding:24px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #0000001a}.mobile-menu a{color:var(--text-secondary);padding:12px 0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s}.mobile-menu a:hover{color:var(--text-primary)}.mobile-lang-switch{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:16px;display:flex}.mobile-lang-switch .lang-btn{padding:8px 16px}.hero-section{align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:url(/index-top.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-content{z-index:10;text-align:center;max-width:900px;margin:0 auto;position:relative}.hero-label{backdrop-filter:blur(10px);border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffffb3;border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.hero-label .pulse{background:var(--accent-secondary);border-radius:50%;width:8px;height:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-title{margin-bottom:24px;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto 48px;font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.card-3d{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative}.card-3d:hover{transform:perspective(1000px)rotateX(2deg)rotateY(-2deg)translateZ(20px)}.card-3d:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff3,#0000 50%);transition:opacity .4s;position:absolute;inset:0}.card-3d:hover:before{opacity:1}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(1deg)}75%{transform:translateY(-5px)rotate(-1deg)}}.float{animation:float 6s ease-in-out infinite}.float-delay-1{animation-delay:.5s}.float-delay-2{animation-delay:1s}.float-delay-3{animation-delay:1.5s}.parallax-layer{pointer-events:none;will-change:transform;position:absolute}.services-section{z-index:10;padding:120px 0;position:relative}.section-header{text-align:center;margin-bottom:72px}.section-label{color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:600;display:inline-flex}.section-label .dot{background:var(--accent-secondary);border-radius:50%;width:8px;height:8px}.section-title{margin-bottom:16px}.section-desc{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.services-grid{gap:28px;display:grid}@media (min-width:768px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:48px 36px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.service-card:before{content:"";background:var(--accent-secondary);transform-origin:0;height:4px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-12px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{background:var(--accent-light);border-radius:var(--radius-md);justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:28px;display:flex}.service-icon svg{width:32px;height:32px;color:var(--accent-primary)}.service-title{margin-bottom:14px;font-size:1.5rem;font-weight:600}.service-desc{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.7}.service-features{flex-direction:column;gap:12px;list-style:none;display:flex}.service-features li{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.service-features li svg{width:18px;height:18px;color:var(--accent-secondary);flex-shrink:0}.platforms-section{z-index:10;background:var(--bg-secondary);padding:80px 0;position:relative}.platforms-wrapper{text-align:center}.platforms-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:28px;font-size:14px;font-weight:500}.platforms-grid{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.platform-tag{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.platform-tag:hover{box-shadow:var(--shadow-md);border-color:var(--accent-secondary);color:var(--text-primary);transform:translateY(-4px)scale(1.02)}.platform-tag svg{width:20px;height:20px;color:var(--accent-secondary)}.process-section{z-index:10;padding:120px 0;position:relative}.process-grid{gap:24px;display:grid}@media (min-width:768px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;padding:40px 28px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative}.process-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.process-number{background:var(--accent-light);width:56px;height:56px;font-size:20px;font-weight:700;font-family:var(--font-display);color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;transition:all .4s;display:flex}.process-card:hover .process-number{background:var(--accent-secondary);color:#fff;transform:scale(1.1)}.process-title{margin-bottom:12px;font-size:1.15rem;font-weight:600}.process-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.stats-section{z-index:10;background:var(--bg-secondary);padding:100px 0;position:relative}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px 20px;transition:all .4s}.stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.stat-value{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;font-family:var(--font-display);color:var(--accent-secondary);margin-bottom:8px;line-height:1}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.quote-section{z-index:10;padding:120px 0;position:relative}.quote-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:900px;box-shadow:var(--shadow-lg);margin:0 auto;padding:56px}@media (max-width:768px){.quote-container{padding:32px 24px}}.step-progress{justify-content:center;gap:12px;margin-bottom:48px;display:flex}.step-dot{background:var(--border-color);border-radius:50%;width:12px;height:12px;transition:all .4s}.step-dot.active{background:var(--accent-secondary);transform:scale(1.2)}.step-dot.completed{background:var(--accent-light)}.step-content{text-align:center}.step-title{margin-bottom:12px;font-size:1.75rem;font-weight:600}.step-subtitle{color:var(--text-secondary);margin-bottom:40px}.options-grid{gap:16px;display:grid}@media (min-width:640px){.options-grid{grid-template-columns:repeat(2,1fr)}}.option-card{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:18px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.option-card:hover{border-color:var(--accent-secondary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.option-card.selected{border-color:var(--accent-secondary);background:#3487560d}.option-icon{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.option-icon svg{width:26px;height:26px;color:var(--accent-secondary)}.option-text{text-align:left;flex:1}.option-title{color:var(--text-primary);margin-bottom:4px;font-weight:600}.option-desc{color:var(--text-muted);font-size:13px}.option-check{border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .3s;display:flex}.option-card.selected .option-check{background:var(--accent-secondary);border-color:var(--accent-secondary)}.option-card.selected .option-check svg{color:#fff}.step-nav{justify-content:space-between;gap:16px;margin-top:48px;display:flex}.step-nav .btn{min-width:140px}.contact-form{flex-direction:column;gap:24px;display:flex}.form-row{gap:16px;display:grid}@media (min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.form-input,.form-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-family:var(--font-body);outline:none;padding:16px 20px;transition:all .3s}.form-input:focus,.form-textarea:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 3px #3487561a}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:120px}.selection-summary{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:32px;padding:24px}.selection-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.selection-item:last-child{border-bottom:none}.selection-label{color:var(--text-muted)}.selection-value{color:var(--text-primary);font-weight:500}.portfolio-section{z-index:10;background:var(--bg-secondary);padding:120px 0;position:relative}.portfolio-grid{gap:24px;display:grid}@media (min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-card{aspect-ratio:4/3;border-radius:var(--radius-xl);cursor:pointer;min-height:280px;box-shadow:var(--shadow-sm);will-change:transform;backface-visibility:hidden;max-width:100%;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-12px)scale(1.02)}.portfolio-thumb{image-rendering:auto;backface-visibility:hidden;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateZ(0)}.portfolio-card:hover .portfolio-thumb{transform:scale(1.08)}.portfolio-overlay{opacity:0;background:linear-gradient(#0000 40%,#000000d9);flex-direction:column;justify-content:flex-end;padding:28px;transition:opacity .4s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-title{color:#fff;margin-bottom:10px;font-size:1.25rem;font-weight:600}.portfolio-tags{flex-wrap:wrap;gap:8px;display:flex}.portfolio-tag{backdrop-filter:blur(10px);color:#ffffffe6;background:#ffffff26;border-radius:999px;padding:5px 14px;font-size:12px}.site-footer{z-index:10;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:80px 0 40px;position:relative}.footer-top{flex-direction:column;gap:48px;margin-bottom:60px;display:flex}@media (min-width:768px){.footer-top{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer-brand{max-width:400px}.footer-logo{height:36px;margin-bottom:20px}.footer-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}.footer-links{grid-template-columns:repeat(2,1fr);gap:48px;display:grid}@media (min-width:640px){.footer-links{grid-template-columns:repeat(3,1fr)}}.footer-col h4{color:var(--text-primary);margin-bottom:20px;font-size:14px;font-weight:600}.footer-col a{color:var(--text-secondary);margin-bottom:14px;font-size:14px;text-decoration:none;transition:color .3s;display:block}.footer-col a:hover{color:var(--accent-secondary)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;flex-direction:column;gap:16px;padding-top:40px;display:flex}@media (min-width:768px){.footer-bottom{text-align:left;flex-direction:row;justify-content:space-between}}.footer-copyright{color:var(--text-muted);font-size:14px}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}[data-reveal].on{opacity:1;transform:translateY(0)}[data-reveal=left]{transform:translate(60px)}[data-reveal=left].on{transform:translate(0)}[data-reveal=right]{transform:translate(-60px)}[data-reveal=right].on{transform:translate(0)}[data-reveal=scale]{transform:scale(.9)}[data-reveal=scale].on{transform:scale(1)}[data-reveal-stagger]{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}[data-reveal-stagger].on{opacity:1;transform:translateY(0)}.magnetic-wrap{display:inline-block}.scroll-indicator{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:12px;animation:bounce 2s infinite;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.scroll-indicator svg{width:24px;height:24px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.Toastify__toast{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.Toastify__toast--success{border-color:var(--accent-secondary)!important}.Toastify__toast--error{border-color:#ef4444!important}.trust-section{background:var(--bg-card);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:80px 0}.trust-label{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:32px;font-size:14px;font-weight:500}.trust-logos{opacity:.6;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.trust-logos img{filter:grayscale();width:auto;height:32px;transition:all .3s}.trust-logos img:hover{filter:grayscale(0);opacity:1}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;transition:all .4s}.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.testimonial-text{color:var(--text-secondary);margin-bottom:24px;font-size:1.1rem;font-style:italic;line-height:1.8}.testimonial-author{align-items:center;gap:16px;display:flex}.testimonial-avatar{background:var(--accent-light);width:48px;height:48px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.testimonial-info h4{margin-bottom:2px;font-size:15px;font-weight:600}.testimonial-info p{color:var(--text-muted);font-size:13px}#projects{min-height:100vh;padding-top:60px;padding-bottom:80px}.portfolios-intro h1{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600}.portfolios-intro p{font-family:var(--font-body);color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.125rem;line-height:1.7}.projects-filter-buttons{margin-top:24px}.filter-btn{font-family:var(--font-body);cursor:pointer;border:none;font-weight:500;transition:all .3s}.filter-btn:hover{transform:translateY(-2px)}.projects-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr;gap:20px}}.project-card{border-radius:var(--radius-lg);background:var(--bg-card);aspect-ratio:368/347;box-shadow:var(--shadow-sm);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.project-card .thumb{image-rendering:-webkit-optimize-contrast;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:0}.project-card:hover .thumb{transform:scale(1.05)}.project-card .arrow{z-index:10;opacity:0;background:#ffffffe6;border-radius:50%;width:36px;height:36px;padding:8px;transition:all .3s;position:absolute;top:16px;right:16px}.project-card:hover .arrow{opacity:1}.project-card .overlay{color:#fff;z-index:5;background:linear-gradient(#0000,#000c);padding:24px;position:absolute;bottom:0;left:0;right:0}.project-card .title{font-family:var(--font-display);margin-bottom:8px;font-size:1.25rem;font-weight:600}.project-card .subcats{opacity:.85;font-size:.875rem}.Toastify__toast{font-family:var(--font-body);border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.Toastify__toast--success{background:var(--accent-primary)!important;color:#fff!important}.Toastify__toast--error{color:#fff!important;background:#dc2626!important}.Toastify__toast--warning{color:#fff!important;background:#f59e0b!important}.Toastify__toast-body{font-size:.95rem;font-weight:500}.Toastify__progress-bar{background:#fff6!important}.Toastify__close-button{opacity:.8;color:#fff!important}.Toastify__close-button:hover{opacity:1}.section2{background:var(--bg-primary);min-height:100vh}#project-detail{padding-bottom:80px}.detail-hero-wrap{width:100%;height:60vh;min-height:400px;max-height:600px;position:relative;overflow:hidden}.detail-hero{background-image:var(--hero-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}@media (max-width:768px){.detail-hero{background-image:var(--hero-bg-mobile,var(--hero-bg))}}.company-work{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:48px 0}.cw-box{max-width:1200px;margin:0 auto}.cw-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (max-width:768px){.cw-grid{grid-template-columns:1fr;gap:24px}}.cw-item{text-align:center}.cw-hd{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.875rem;font-weight:500}.cw-val{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:600}.progress-bar{background:var(--bg-secondary);padding:40px 0;overflow-x:auto}.pb-grid{justify-content:center;gap:16px;min-width:-moz-max-content;min-width:max-content;padding:0 24px}.pb-grid,.pb-step{align-items:center;display:flex}.pb-step{white-space:nowrap;gap:12px}.pb-num{background:var(--accent-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.pb-label{color:var(--text-secondary);font-size:14px;font-weight:500}.pb-line{background:var(--accent-light);flex-shrink:0;width:40px;height:2px}@media (max-width:768px){.pb-grid{justify-content:flex-start}.pb-line{width:24px}}.detail-section{padding:60px 0}.detail-section-title{max-width:1200px;margin:0 auto 40px;padding:0 24px}.overview-block{max-width:800px}.key-hd,.overview-hd{font-family:var(--font-display);color:var(--text-primary);margin-bottom:16px;font-size:2rem;font-weight:600}.overview-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.goals-hero{max-width:1200px;min-height:300px;margin:0 auto;padding:0 24px;position:relative}.goals-hero-container{flex-direction:column;gap:20px;display:flex}.gb-chip{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;gap:12px;max-width:500px;padding:16px 24px;display:inline-flex}.gb-chip-1,.gb-chip-3{align-self:flex-start}.gb-chip-2,.gb-chip-4{align-self:flex-end}.gb-icon{background:var(--accent-light);border-radius:50%;flex-shrink:0;width:24px;height:24px}.gb-text{color:var(--text-primary);font-size:1rem;line-height:1.5}.proc-canvas{max-width:1400px;min-height:400px;margin:0 auto;padding:40px 24px;position:relative}.proc-dots,.proc-outline{display:none}.proc-area{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1024px){.proc-area{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.proc-area{grid-template-columns:1fr}}.proc-card{aspect-ratio:4/3;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background-position:50%;background-size:cover;position:relative;overflow:hidden}.proc-build{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.proc-pill{background:#ffffffe6;border-radius:50px;margin-bottom:16px;padding:8px 24px;font-size:14px;font-weight:600}.proc-build-img{-o-object-fit:contain;object-fit:contain;max-width:80%;max-height:60%}.key-visual{border-radius:var(--radius-xl);justify-content:center;align-items:center;max-width:1400px;min-height:500px;margin:0 auto;padding:60px 24px;display:flex;position:relative;overflow:hidden}.key-circle{background:#ffffff1a;border-radius:50%;position:absolute}.key-circle-1{width:300px;height:300px;top:-100px;left:-100px}.key-circle-2{width:200px;height:200px;bottom:-50px;right:20%}.key-circle-3{width:150px;height:150px;top:30%;right:-50px}.key-image-wrap{z-index:5;max-width:400px;position:relative}.key-image{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-xl)}.key-image-shadow{filter:blur(40px);z-index:-1;background:#0000004d;position:absolute;inset:10%}.key-card{backdrop-filter:blur(20px);border-radius:var(--radius-md);z-index:10;background:#ffffff26;border:1px solid #fff3;max-width:280px;padding:20px 24px;position:absolute}.key-card-1{top:10%;left:5%}.key-card-2{top:10%;right:5%}.key-card-3{bottom:25%;left:5%}.key-card-4{bottom:10%;right:5%}@media (max-width:1024px){.key-visual{flex-direction:column;padding:40px 16px}.key-card{max-width:100%;margin-bottom:16px;position:relative;inset:auto!important}.key-image-wrap{margin:24px 0}}.key-card-hd{margin-bottom:8px;font-size:1rem;font-weight:600}.key-card-text{opacity:.9;font-size:.875rem;line-height:1.6}.hl-right{max-width:1200px;margin:0 auto;padding:0 24px}.hl-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}@media (max-width:968px){.hl-grid{grid-template-columns:1fr;gap:32px}}.hl-left,.hl-left-bg{position:relative}.hl-left-bg{aspect-ratio:4/3;border-radius:var(--radius-xl);justify-content:center;align-items:center;display:flex;overflow:hidden}.hl-left-overlay{background:linear-gradient(#0000 50%,#0000004d);position:absolute;inset:0}.hl-left-oval,.hl-left-oval-desktop{background:#ffffff1a;border-radius:50%;width:80%;height:80%;position:absolute}.hl-desktop,.hl-phone{z-index:5;position:relative}.hl-desktop-img,.hl-phone-img{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-md);width:auto;max-height:300px;box-shadow:var(--shadow-lg)}.hl-pill{background:var(--bg-card);box-shadow:var(--shadow-sm);z-index:10;border-radius:50px;padding:8px 16px;font-size:12px;font-weight:500;position:absolute}.hl-pill-1{top:20%;left:-10px}.hl-pill-2{bottom:20%;right:-10px}.hl-chip-row{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.hl-chip{background:var(--bg-card);border:2px solid var(--border-color);cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.hl-chip.active,.hl-chip:hover{border-color:var(--accent-primary)}.hl-chip.active{background:var(--accent-primary);color:#fff}.hl-chip-icon{width:16px;height:16px}.hl-feature{padding:24px 0}.hl-big-icon{width:64px;height:64px;margin-bottom:24px}.hl-big-icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.hl-feature-row{align-items:center;gap:24px;display:flex}.hl-arrow{cursor:pointer;background:0 0;border:none;padding:8px;transition:opacity .3s}.hl-arrow:disabled{opacity:.3;cursor:not-allowed}.hl-arrow svg{width:20px;height:36px}.hl-desc{flex:1}.hl-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:600}.hl-text{color:var(--text-secondary);font-size:1rem;line-height:1.7}.results-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.results-blob,.results-blob-right{opacity:.5;position:absolute}.results-blob{top:0;left:-100px}.results-blob-right{bottom:0;right:-100px}.results-box{z-index:5;grid-template-columns:1fr 2fr;align-items:start;gap:48px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid;position:relative}@media (max-width:968px){.results-box{grid-template-columns:1fr;gap:32px}}.results-left{padding:24px 0}.results-lead{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.results-cards{flex-direction:column;gap:16px;display:flex}.results-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.results-card-text{color:var(--text-primary);font-size:1rem;line-height:1.6}.shots-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:24px;padding:24px;display:flex;overflow-x:auto}.shots-scroll::-webkit-scrollbar{display:none}.shot{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.shot.mobile{width:auto;height:400px}.shot.desktop{width:auto;height:300px}.view-more-container{max-width:1200px;margin:0 auto;padding:0 24px}.view-more-title{margin-bottom:40px}.view-more-title>div{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;font-weight:600}.view-more-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.view-more-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.view-more-grid{grid-template-columns:1fr}}.back{color:var(--accent-primary);font-weight:500;text-decoration:none;transition:opacity .3s}.back:hover{opacity:.7}.project-detail-page{background:var(--bg-primary);margin-top:70px}.pd-hero{background:var(--bg-secondary);align-items:center;min-height:80vh;display:flex;position:relative;overflow:hidden}.pd-hero.pd-hero-cover{background-image:var(--cover-image);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:77vh;margin:0;padding:0}.pd-hero-content.pd-hero-content-cover{flex-direction:column;justify-content:center;align-items:flex-start;max-width:700px;margin:0 0 0 80px;padding:100px 40px;display:flex}.pd-hero-cover .pd-hero-badge{color:#fff;background:#ffffff26;border:1px solid #ffffff4d}.pd-hero-cover .pd-hero-title{color:#fff;text-shadow:0 2px 20px #0000004d}.pd-hero-cover .pd-hero-tagline{color:#ffffffe6}.pd-hero-cover .pd-hero-desc,.pd-hero-cover .pd-meta-item{color:#fffc}.pd-hero-cover .pd-meta-item svg{stroke:#ffffffb3}.pd-hero-bg{pointer-events:none;background:radial-gradient(60% 40% at 80% 20%,#2d5a2714,#0000),radial-gradient(50% 50% at 20% 80%,#d2d6c74d,#0000);position:absolute;inset:0}.pd-hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1400px;margin:0 auto;padding:80px 40px;display:grid;position:relative}.pd-hero-left{flex-direction:column;gap:20px;display:flex}.pd-hero-badge{letter-spacing:.1em;color:var(--accent-primary);background:#2d5a271a;border:1px solid #2d5a2733;border-radius:100px;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:8px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.pd-hero-badge:before{content:"";background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.pd-hero-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.1}.pd-hero-tagline{font-family:var(--font-display);color:var(--accent-primary);letter-spacing:-.01em;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:500}.pd-hero-desc{color:var(--text-secondary);max-width:500px;font-size:1.125rem;line-height:1.7}.pd-hero-actions{flex-direction:column;gap:20px;margin-top:16px;display:flex}.pd-btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.pd-btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 20px #2d5a274d}.pd-btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 8px 30px #2d5a2766}.pd-btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.pd-btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.pd-btn-lg{padding:18px 36px;font-size:1rem}.pd-hero-meta{flex-wrap:wrap;gap:20px;display:flex}.pd-meta-item{color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.pd-meta-item svg{opacity:.6}.pd-hero-right{justify-content:center;align-items:center;display:flex}.pd-hero-mockup{perspective:1000px;position:relative}.pd-phone-frame{background:var(--bg-card);border:1px solid var(--border-color);width:280px;height:580px;box-shadow:var(--shadow-xl);border-radius:44px;padding:12px;transition:transform .5s;position:relative;transform:rotateY(-5deg)rotateX(5deg)}.pd-phone-frame:hover{transform:rotateY(0)rotateX(0)}.pd-phone-frame:before{content:"";background:var(--text-primary);z-index:10;border-radius:20px;width:80px;height:24px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.pd-phone-img{-o-object-fit:cover;object-fit:cover;border-radius:32px;width:100%;height:100%}.pd-laptop-frame{background:var(--bg-card);border:1px solid var(--border-color);width:600px;box-shadow:var(--shadow-xl);border-radius:16px 16px 0 0;padding:16px 16px 0;transition:transform .5s;position:relative;transform:rotateX(10deg)}.pd-laptop-frame:hover{transform:rotateX(5deg)}.pd-laptop-frame:after{content:"";background:var(--text-muted);border-radius:0 0 8px 8px;height:20px;position:absolute;bottom:-20px;left:-20px;right:-20px}.pd-laptop-img{border-radius:8px 8px 0 0;width:100%;height:auto}.pd-metrics{background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:40px 0}.pd-metrics-inner{grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;padding:0 40px;display:grid}.pd-metric{text-align:center}.pd-metric-label{letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600}.pd-metric-value{font-family:var(--font-display);color:var(--accent-primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1}.pd-metric-suffix{color:var(--accent-secondary);margin-left:4px;font-size:.6em}.pd-metric-change{color:var(--text-muted);margin-top:4px;font-size:.85rem}.pd-challenge{background:var(--bg-primary);padding:100px 0}.pd-challenge-inner{max-width:1200px;margin:0 auto;padding:0 40px}.pd-section-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;margin-bottom:16px;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.pd-section-title-light{color:#fff}.pd-section-subtitle{color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto 60px;font-size:1.125rem}.pd-section-subtitle-light{color:#fff9}.pd-challenge-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.pd-challenge-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:40px;transition:transform .3s,box-shadow .3s}.pd-challenge-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pd-challenge-icon{color:#ef4444;background:#fee2e2;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.pd-solution-icon{color:#10b981;background:#d1fae5}.pd-challenge-label{letter-spacing:.1em;color:#ef4444;margin-bottom:16px;font-size:.75rem;font-weight:700}.pd-solution .pd-challenge-label{color:#10b981}.pd-challenge-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.75}.pd-technical{padding:100px 0;position:relative;overflow:hidden}.pd-technical-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.pd-technical-bg:before{content:"";z-index:1;background-image:radial-gradient(circle,#0000004d 1px,#0000 0);background-size:4px 4px;position:absolute;inset:0}.pd-technical-bg:after{content:"";z-index:2;background:linear-gradient(#f4ebe4d9,#f8f1ece6);position:absolute;inset:0}.pd-technical-inner{z-index:3;max-width:1200px;margin:0 auto;padding:0 40px;position:relative}.pd-technical-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px;display:grid}.pd-tech-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;backdrop-filter:blur(10px);background:#ffffffd9;padding:32px;transition:all .3s}.pd-tech-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);background:#fffffff2;transform:translateY(-4px)}.pd-tech-icon{width:64px;height:64px;color:var(--accent-primary);background:#2d5a271a;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.pd-tech-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:1.15rem;font-weight:600}.pd-tech-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.pd-tech-showcase{padding:60px 40px 0}.pd-tech-showcase-inner{max-width:1000px;margin:0 auto;position:relative}.pd-tech-img{border-radius:var(--radius-xl)var(--radius-xl)0 0;width:100%;height:auto;box-shadow:var(--shadow-xl)}.pd-stack{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:60px 0}.pd-stack-inner{flex-wrap:wrap;justify-content:center;gap:16px;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.pd-stack-item{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:100px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.pd-stack-item:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.pd-stack-item svg{color:#f59e0b}.pd-highlights{background:var(--bg-primary);padding:100px 0}.pd-highlights-inner{max-width:1200px;margin:0 auto;padding:0 40px}.pd-hl-feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.pd-hl-feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pd-hl-feature-card:before{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.pd-hl-feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-primary);transform:translateY(-8px)}.pd-hl-feature-card:hover:before{opacity:1}.pd-hl-card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.pd-hl-card-number{font-family:var(--font-display);color:var(--accent-primary);background:#2d5a271a;border-radius:100px;padding:6px 12px;font-size:.85rem;font-weight:700}.pd-hl-card-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.pd-hl-card-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:1.35rem;font-weight:600;line-height:1.3}.pd-hl-card-desc{color:var(--text-secondary);font-size:1rem;line-height:1.7}@media (max-width:1024px){.pd-hl-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pd-hl-feature-grid{grid-template-columns:1fr}.pd-hl-feature-card{padding:24px}}.pd-results{background:var(--bg-secondary);padding:100px 0}.pd-results-inner{max-width:1200px;margin:0 auto;padding:0 40px}.pd-results-stats{justify-content:center;gap:60px;margin-bottom:60px;display:flex}.pd-stat{text-align:center}.pd-stat-value{font-family:var(--font-display);color:var(--accent-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.pd-stat-label{color:var(--text-muted);margin-top:8px;font-size:.9rem}.pd-results-content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.pd-results-lead{color:var(--text-secondary);font-size:1.25rem;line-height:1.8}.pd-results-list{flex-direction:column;gap:20px;display:flex}.pd-result-item{align-items:flex-start;gap:16px;display:flex}.pd-result-item svg{color:var(--accent-primary);flex-shrink:0;margin-top:4px}.pd-result-item span{color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.pd-screenshots{background:0 0;padding:80px 0}.pd-screenshots-inner{max-width:1200px;margin:0 auto;padding:0 40px 40px}.pd-shots-scroll{-webkit-overflow-scrolling:touch;gap:24px;padding:0 40px 40px;display:flex;overflow-x:auto}.pd-shots-scroll::-webkit-scrollbar{display:none}.pd-shot{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-shrink:0;overflow:hidden}.pd-shot.mobile{width:240px}.pd-shot.desktop{width:500px}.pd-shot img{width:100%;height:auto;display:block}.pd-cta{background:var(--bg-secondary);padding:120px 0;position:relative;overflow:hidden}.pd-cta-bg{pointer-events:none;position:absolute;inset:0}.pd-cta-blob{filter:blur(100px);opacity:.15;border-radius:50%;position:absolute}.pd-cta-blob-1{background:var(--accent-primary);width:400px;height:400px;top:-100px;left:-100px}.pd-cta-blob-2{background:var(--accent-light);width:300px;height:300px;bottom:-100px;right:-50px}.pd-cta-inner{z-index:1;text-align:center;max-width:800px;margin:0 auto;padding:0 40px;position:relative}.pd-cta-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2}.pd-cta-accent{color:var(--accent-primary);font-style:italic}.pd-cta-desc{color:var(--text-secondary);margin-bottom:40px;font-size:1.15rem;line-height:1.7}.pd-cta-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.pd-more{background:var(--bg-primary);padding:100px 0}.pd-more-inner{max-width:1200px;margin:0 auto;padding:0 40px}.pd-more-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px;display:grid}.pd-more-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:all .3s;position:relative;overflow:hidden}.pd-more-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.pd-more-link{text-decoration:none;display:block}.pd-more-thumb{background-position:50%;background-size:cover;height:240px;position:relative}.pd-more-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.pd-more-card:hover .pd-more-overlay{opacity:1}.pd-more-view{color:var(--text-primary);background:#fff;border-radius:100px;padding:12px 24px;font-size:.9rem;font-weight:600}.pd-more-info{padding:24px}.pd-more-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:600}.pd-more-tagline{color:var(--text-muted);font-size:.9rem}.pd-more-external{width:40px;height:40px;color:var(--text-primary);z-index:5;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.pd-more-external:hover{background:#fff;transform:scale(1.1)}@media (max-width:1024px){.pd-hero-content{grid-template-columns:1fr;gap:40px;padding:60px 24px}.pd-hero-content.pd-hero-content-cover{margin-left:40px;padding:80px 30px}.pd-hero-right{order:-1}.pd-phone-frame{width:220px;height:460px;transform:none}.pd-laptop-frame{width:100%;max-width:500px;transform:none}.pd-metrics-inner{grid-template-columns:repeat(3,1fr);gap:20px;padding:0 24px}.pd-challenge-grid,.pd-results-content,.pd-technical-grid{grid-template-columns:1fr}.pd-technical-grid{gap:16px}.pd-more-grid{grid-template-columns:1fr}.pd-results-stats{gap:30px}}@media (max-width:640px){.pd-hero{min-height:auto;padding:40px 0}.pd-hero.pd-hero-cover{background-image:var(--mobile-cover-image);width:100%;min-height:50vh;margin:0;padding:0}.project-detail-page{overflow-x:hidden}.pd-hero-content.pd-hero-content-cover{text-align:center;align-items:center;max-width:100%;margin-left:0;padding:60px 24px}.pd-hero-cover .pd-hero-actions{flex-direction:column;align-items:center}.pd-hero-cover .pd-hero-meta{justify-content:center}.pd-hero-content{padding:40px 20px}.pd-phone-frame{width:180px;height:380px}.pd-metrics-inner{text-align:center;grid-template-columns:1fr;gap:24px}.pd-challenge-card{padding:28px}.pd-tech-card{padding:24px}.pd-results-stats{flex-wrap:wrap;gap:24px}.pd-stat{width:calc(50% - 12px)}.pd-cta-actions{flex-direction:column}.pd-btn-lg{width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}