@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2)format("woff2");font-weight:600;font-style:normal}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2)format("woff2");font-weight:800;font-style:normal}:root{--primary-color:#007aff;--bg-color:#fbfbfd;--text-main:#1d1d1f;--text-sub:#86868b;--apple-ease:cubic-bezier(.15,0,.15,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Paperlogy,-apple-system,BlinkMacSystemFont,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}ul{list-style:none}a{color:inherit;text-decoration:none}.fixed-liquid-canvas{z-index:-1;pointer-events:none;background-color:var(--bg-color);background-image:radial-gradient(circle,#fff 0%,#0000 80%),radial-gradient(circle at 1px 1px,#d2d2d7 .8px,#0000 0);background-size:100% 100%,40px 40px;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.liquid-ribbon{filter:blur(100px);opacity:.22;will-change:transform;border-radius:50%;width:120vw;height:35vh;animation:22s ease-in-out infinite alternate ribbonMove;position:absolute}.ribbon-1{background:linear-gradient(90deg,#007aff,#5ac8fa,#00c6ff);top:15%;left:-10%}.ribbon-2{background:linear-gradient(90deg,#5856d6,#af52de,#007aff);animation-delay:-7s;bottom:15%;right:-10%}@keyframes ribbonMove{0%{transform:translate(-5%)skewY(-3deg)scaleX(.9)}to{transform:translate(5%)skewY(3deg)scaleX(1.1)}}.container{max-width:1100px;margin:0 auto;padding:0 24px;position:relative}section{padding:140px 0}.reveal{opacity:0;transition:opacity 1.2s var(--apple-ease),transform 1.2s var(--apple-ease);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.liquid-glass{-webkit-backdrop-filter:blur(35px)saturate(220%)contrast(102%);backdrop-filter:blur(35px)saturate(220%)contrast(102%);background:#ffffff03;border:1px solid #ffffffb3;position:relative;overflow:hidden;box-shadow:0 20px 50px -15px #0000000a,inset 0 1px 2px #ffffffe6}#hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100svh;display:flex}.hero-badge{color:var(--primary-color);letter-spacing:.02em;border-radius:40px;align-items:center;gap:10px;margin-bottom:30px;padding:9px 26px;font-size:.85rem;font-weight:800;display:inline-flex}.hero-badge-logo{border-radius:50%;width:22px;height:22px}.hero-title{letter-spacing:-.05em;word-break:keep-all;margin-bottom:30px;font-size:clamp(2.4rem,8vw,5rem);font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg,#007aff,#5856d6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-sub);word-break:keep-all;max-width:680px;margin:0 auto;font-size:clamp(1rem,3.2vw,1.3rem)}.about-wrap{align-items:center;gap:60px;display:flex}.about-left,.about-right{flex:1}.section-title{letter-spacing:-.04em;word-break:keep-all;margin-bottom:24px;font-size:clamp(1.9rem,5.5vw,3rem);font-weight:800}.about-left .section-title{font-size:clamp(1.8rem,3.8vw,2.6rem)}.about-text{color:var(--text-sub);word-break:keep-all;margin-bottom:40px;font-size:clamp(1.05rem,3vw,1.25rem)}.value-box{border-top:1px solid #0000000f;flex-direction:column;gap:30px;padding-top:30px;display:flex}.value-item{align-items:flex-start;gap:18px;display:flex}.value-icon{color:var(--primary-color);text-align:center;flex-shrink:0;width:2.2rem;font-size:1.6rem}.value-item:first-child .value-icon{color:#ff9500}.value-item:nth-child(2) .value-icon{color:#007aff}.value-text h4{margin-bottom:6px;font-size:1.2rem;font-weight:800}.value-text p{color:var(--text-sub);font-size:1.05rem}.portfolio-item{align-items:center;gap:70px;margin-bottom:120px;display:flex}.portfolio-item:nth-child(2n){flex-direction:row-reverse}.pf-box{height:480px;transition:transform .7s var(--apple-ease),box-shadow .7s var(--apple-ease);border-radius:40px;flex:1.2;justify-content:center;align-items:center;font-size:5rem;display:flex}.portfolio-item:hover .pf-box{transform:scale(1.02)translateY(-10px);box-shadow:0 45px 90px -25px #00000014}.pf-box i{background:linear-gradient(135deg,#007aff,#5ac8fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;line-height:1;display:block}.portfolio-item+.portfolio-item .pf-box i{background:linear-gradient(135deg,#5856d6,#af52de);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pf-info{flex:1}.pf-num{color:var(--primary-color);margin-bottom:14px;font-size:clamp(1rem,3vw,1.2rem);font-weight:800}.pf-title{letter-spacing:-.03em;word-break:keep-all;margin-bottom:20px;font-size:clamp(1.6rem,5vw,2.5rem);font-weight:800}.pf-desc{color:var(--text-sub);word-break:keep-all;margin-bottom:30px;font-size:clamp(1.05rem,3vw,1.2rem)}.pf-features li{word-break:keep-all;margin-bottom:14px;padding-left:28px;font-size:clamp(.95rem,2.8vw,1.1rem);position:relative}.pf-features li:before{content:"✓";color:var(--primary-color);font-weight:800;position:absolute;left:0}#tech{text-align:center}.tech-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:60px;display:grid}.tech-card{cursor:default;transition:transform .5s var(--apple-ease),box-shadow .5s var(--apple-ease);border-radius:28px;padding:32px 34px}.tech-card:hover{transform:translateY(-8px);box-shadow:0 35px 70px -25px #0000001a}.tech-card-icon{color:var(--primary-color);margin-bottom:14px;font-size:1.8rem}.tech-card:first-child .tech-card-icon{color:#007aff}.tech-card:nth-child(2) .tech-card-icon{color:#34c759}.tech-card:nth-child(3) .tech-card-icon{color:#af52de}.tech-card:nth-child(4) .tech-card-icon{color:#ff9500}.tech-card h4{color:var(--primary-color);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.95rem;font-weight:800}.tech-card p{color:var(--text-main);word-break:keep-all;font-size:clamp(1rem,2.8vw,1.15rem);font-weight:600}#contact{text-align:center;padding:180px 0}.contact-title{letter-spacing:-.04em;word-break:keep-all;text-align:center;width:100%;margin-bottom:24px;font-size:clamp(2rem,7vw,4rem);font-weight:800}.contact-desc{color:var(--text-sub);word-break:keep-all;text-align:center;width:100%;margin-bottom:60px;font-size:clamp(1.05rem,3.5vw,1.4rem)}.contact-links{justify-content:center;gap:24px;display:flex}.contact-btn{color:var(--text-sub);cursor:pointer;transition:all .5s var(--apple-ease);border-radius:100px;padding:22px 55px;font-size:1.2rem;font-weight:800}.contact-btn i{margin-right:10px}.contact-btn .fa-paper-plane{color:#007aff}.contact-btn:hover{color:#000;background:#fff9;transform:scale(1.06)translateY(-5px)}.contact-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalFadeIn .4s var(--apple-ease);background:#00000040;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.contact-modal{text-align:center;width:100%;max-width:440px;animation:modalSlideUp .5s var(--apple-ease);background:#ffffffe0;border-radius:32px;padding:44px 36px 36px;position:relative}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.contact-modal-close{width:36px;height:36px;color:var(--text-sub);cursor:pointer;transition:all .3s var(--apple-ease);background:#0000000d;border:none;border-radius:50%;font-size:1rem;position:absolute;top:18px;right:18px}.contact-modal-close:hover{color:var(--text-main);background:#0000001a}.contact-modal-title{letter-spacing:-.03em;margin-bottom:10px;font-size:1.6rem;font-weight:800}.contact-modal-desc{color:var(--text-sub);word-break:keep-all;margin-bottom:28px;font-size:1rem}.contact-modal-options{flex-direction:column;gap:12px;display:flex}.contact-option{text-align:left;transition:all .4s var(--apple-ease);background:#fff9;border:1px solid #0000000f;border-radius:20px;align-items:center;gap:16px;padding:16px 20px;display:flex}.contact-option:hover{background:#fff;transform:translateY(-3px);box-shadow:0 16px 35px -18px #00000026}.contact-option-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.25rem;display:flex}.contact-option-icon.email{background:linear-gradient(135deg,#007aff,#5ac8fa)}.contact-option-icon.dev-phone{background:linear-gradient(135deg,#34c759,#30d158)}.contact-option-icon.cs-phone{background:linear-gradient(135deg,#ff9500,#ffb340)}.contact-option-text{flex-direction:column;flex:1;min-width:0;display:flex}.contact-option-text strong{color:var(--text-main);font-size:1.02rem;font-weight:800}.contact-option-text span{color:var(--text-sub);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.contact-option-arrow{color:var(--text-sub);opacity:.5;transition:transform .4s var(--apple-ease),opacity .4s var(--apple-ease);font-size:.85rem}.contact-option:hover .contact-option-arrow{opacity:1;transform:translate(4px)}footer{text-align:center;border-top:1px solid #0000000f;padding:32px 0 38px}.footer-biz{color:var(--text-sub);word-break:keep-all;font-size:.8rem;line-height:1.7}.footer-biz span{display:inline-block}.footer-biz span:not(:last-child):after{content:"|";color:#00000026;margin:0 10px}.footer-biz strong{color:#6e6e73;font-weight:600}.footer-copy{color:var(--text-sub);opacity:.7;margin-top:10px;font-size:.8rem}@media (max-width:900px){section{padding:90px 0}#contact{padding:130px 0}.about-wrap{flex-direction:column;align-items:flex-start;gap:40px}.portfolio-item,.portfolio-item:nth-child(2n){flex-direction:column;gap:40px;margin-bottom:80px}.pf-box{border-radius:30px;width:100%;height:320px;margin:16px 0;padding:48px 24px;font-size:4rem}.tech-grid{grid-template-columns:1fr;gap:14px;margin-top:40px}.tech-card{padding:26px 28px}.contact-links{flex-direction:column;align-items:center;gap:16px}.contact-btn{text-align:center;width:100%;max-width:340px;padding:18px 0;font-size:1.1rem}.footer-biz{display:none}}@media (max-width:600px){.container{padding:0 20px}section{padding:70px 0}.hero-badge{gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.78rem}.hero-badge-logo{width:18px;height:18px}.value-box{gap:22px}.value-icon{font-size:1.5rem}.value-text h4{font-size:1.1rem}.value-text p{font-size:.95rem}.pf-box{height:220px;margin:12px 0;padding:40px 20px;font-size:3.2rem}.contact-modal-overlay{padding:16px}.contact-modal{border-radius:26px;padding:38px 22px 24px}.contact-option{gap:13px;padding:14px 16px}.contact-option-icon{border-radius:12px;width:42px;height:42px;font-size:1.1rem}.portfolio-item,.portfolio-item:nth-child(2n){gap:28px;margin-bottom:60px}footer{padding:24px 0 30px}}