@font-face{font-family:Pretendard;src:url('./assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#f6f5f1;--ink:#171a20;--muted:#66686a;--blue:#2455f5;--line:#d9dad4;--orange:#ed6428;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all}p{word-break:keep-all;line-height:1.8}button{border:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7494ff;outline-offset:5px}::selection{background:var(--blue);color:white}[hidden]{display:none!important}.blue{color:var(--blue)}.section-pad{padding-left:var(--gutter);padding-right:var(--gutter)}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:15px}.skip:focus{top:10px}
.header{height:90px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--paper)}.wordmark{font-family:Pretendard,sans-serif;font-size:35px;font-weight:800;letter-spacing:-2px;display:inline-flex;align-items:baseline}.logo-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;margin-left:3px}.header nav{display:flex;gap:38px;font-size:14px;font-weight:550}.header nav a{position:relative;padding:15px 0}.header nav a:after{content:'';height:1px;background:var(--ink);position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--ease-out)}.header-contact{background:var(--ink);color:white;padding:13px 19px;border-radius:40px;font-size:14px;display:flex;align-items:center;gap:28px}.header-contact span{font-size:22px}.menu-toggle{display:none;background:none;padding:12px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0}.mobile-nav{position:absolute;top:80px;left:0;right:0;background:var(--paper);z-index:21;padding:20px var(--gutter);border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:16px 0;font-size:20px}
.hero{position:relative;min-height:850px;min-height:min(900px,calc(100svh - 90px));padding:32px var(--gutter) 0;overflow:hidden;isolation:isolate}.hero-topline{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-family:Pretendard,sans-serif;font-size:11px;font-weight:600;letter-spacing:1.5px;display:inline-flex;align-items:center;gap:10px}.eyebrow i{height:6px;width:6px;background:var(--blue);border-radius:50%}.hero-coordinate{font-size:12px;color:var(--muted)}.hero-copy{position:relative;z-index:3;padding-top:90px;pointer-events:none}.hero h1{font-size:clamp(52px,6.35vw,100px);line-height:1.23;font-weight:650;letter-spacing:-.067em}.line{display:block;overflow:hidden;padding-bottom:.08em}.line>span{display:block;animation:hero-reveal 950ms var(--ease-out) both}.line:nth-child(2)>span{animation-delay:110ms}.hero h1 em{font-style:normal;color:var(--blue);position:relative}.hero h1 em:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue);transform-origin:left;animation:line-in 850ms 600ms var(--ease-out) both}.hero-bottom{margin-top:34px;display:flex;flex-direction:column;align-items:flex-start;gap:30px;pointer-events:auto;max-width:430px}.hero-bottom p{font-size:17px;color:#56595e;line-height:1.8}.round-link{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:600}.round-link span{display:grid;place-items:center;border:1px solid #bfc1c1;border-radius:50%;width:42px;height:42px;font-size:23px;transition:background 200ms ease,color 200ms ease,transform 200ms var(--ease-out)}
.ribbon-stage{position:absolute;right:-6%;top:19%;width:65%;height:78%;z-index:1;pointer-events:none}.ribbon-fallback{width:100%;height:100%;position:absolute;inset:0;filter:drop-shadow(0 24px 24px #1335a92c);transition:opacity 500ms ease}.ribbon-stage.is-rendered .ribbon-fallback{opacity:0}#ribbon-canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 600ms ease}.is-rendered #ribbon-canvas{opacity:1}.ribbon-label{position:absolute;font-family:Pretendard,sans-serif;font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;background:#f6f5f1df;border:1px solid #d8d9d3;border-radius:40px;padding:10px 14px;z-index:4}.ribbon-label i{height:5px;width:5px;border-radius:50%;background:var(--blue)}.label-people{left:17%;top:38%}.label-tech{right:18%;bottom:17%}.ribbon-caption{position:absolute;bottom:6%;left:38%;font-size:11px;color:var(--muted);letter-spacing:.3px}.hero-footer{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-family:Pretendard,sans-serif;font-size:10px;letter-spacing:1.3px;z-index:5}.hero-footer a{display:flex;gap:18px;align-items:center}.hero-footer a span{font-size:23px;animation:scroll-cue 2s var(--ease-in-out) infinite}
.section-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.section-top>span:last-child{color:var(--muted)}.manifesto{background:#1a1e26;color:var(--paper);position:relative;overflow:hidden;padding:44px var(--gutter) 125px}.manifesto .section-top{padding-bottom:75px;border-top:1px solid #464951;padding-top:25px}.manifesto .section-top>span:last-child{color:#a7a9af}.manifesto-main{display:flex;align-items:flex-start;gap:10%;padding-top:30px}.asterisk{font-size:110px;color:#7e9bff;line-height:1.05;display:block;will-change:transform}.scroll-words{font-size:clamp(42px,5.4vw,82px);font-weight:550;letter-spacing:-.055em;line-height:1.35}.scroll-words span{color:#f3f3ee;transition:color 300ms ease}.motion-ready .scroll-words span{color:#676d77}.motion-ready .scroll-words span.lit{color:#f3f3ee}.motion-ready .scroll-words .human-word.lit{color:#8da7ff}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;margin:65px 0 0 19%;gap:8%}.manifesto-bottom p:first-child{font-size:24px;line-height:1.6}.manifesto-bottom p:last-child{color:#bfc2ca;font-size:15px}.manifesto-thread{position:absolute;bottom:-40px;left:0;width:100%;height:140px}.manifesto-thread path{stroke:#637ce0;stroke-width:1.5;stroke-dasharray:1600;stroke-dashoffset:1600}
.expertise{padding-top:60px;padding-bottom:140px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin:70px 0 65px}.section-heading h2{font-size:clamp(40px,4.4vw,66px);letter-spacing:-.055em;font-weight:600;line-height:1.3}.section-heading>p,.section-heading>div>p{font-size:16px;color:var(--muted);line-height:1.85}.expertise-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:8%;align-items:start}.expertise-row{display:flex;gap:24px;position:relative;padding:34px 0 38px;border-top:1px solid var(--line)}.area-num{font-family:Pretendard;font-size:12px;padding-top:8px;color:#767979}.expertise-row h3{font-size:28px;font-weight:550;letter-spacing:-1.2px;margin-bottom:15px;transition:color 220ms ease}.expertise-row p{font-size:15px;color:var(--muted)}.area-tags{display:block;font-family:Pretendard;font-size:9px;letter-spacing:1px;margin-top:22px;color:#737679}.area-arrow{font-size:30px;margin-left:auto;color:#8b8e90;transition:color 200ms ease,transform 250ms var(--ease-out)}.expertise-row.is-active h3,.expertise-row.is-active .area-num,.expertise-row.is-active .area-arrow{color:var(--blue)}.expertise-row.is-active .area-arrow{transform:rotate(45deg)}.expertise-art{position:sticky;top:70px;margin-top:12px;height:490px;background:#eeefea;border-radius:5px;overflow:hidden;perspective:1000px;transition:background 650ms ease}.art-orbit{position:absolute;width:360px;height:360px;border:1px solid #cbd0c6;border-radius:50%;left:50%;top:47%;transform:translate(-50%,-50%)}.orbit-two{width:240px;height:240px}.art-panel{position:absolute;background:#fff;box-shadow:0 18px 50px #1c233519;transition:transform 800ms var(--ease-out),opacity 600ms ease,background 600ms ease}.art-web{width:265px;height:195px;left:10%;top:24%;transform:rotate(-10deg);border-radius:9px;padding:17px}.window-dots{font-size:7px;letter-spacing:3px;color:#bec6d4;display:block;border-bottom:1px solid #edf0f3;padding-bottom:13px}.mini-line{height:6px;width:70%;background:#dbe0ea;margin-top:20px;border-radius:5px}.mini-line.short{width:45%;margin-top:9px}.mini-block{width:85px;height:40px;background:#d6e0ff;border-radius:4px;margin-top:14px}.art-web-label{position:absolute;right:16px;bottom:22px;font-size:12px;font-weight:600;color:var(--blue)}.art-phone{width:115px;height:220px;top:35%;right:12%;border-radius:22px;border:5px solid #1c2336;transform:rotate(13deg);padding:12px;display:flex;flex-direction:column;align-items:center}.phone-notch-mini{background:#1c2336;width:35px;height:8px;border-radius:5px}.art-phone>span{font-family:Pretendard;font-weight:800;font-size:42px;margin:24px 0 2px;letter-spacing:-3px}.mini-button{width:65px;height:20px;background:var(--blue);border-radius:8px;margin-top:23px}.art-center{position:absolute;left:40%;top:39%;height:90px;width:90px;border-radius:26px;background:var(--blue);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.95);transition:opacity 600ms ease,transform 800ms var(--ease-out)}.art-center span{font-size:48px}.art-node{position:absolute;width:25px;height:25px;background:#7395ff;border:6px solid #e0e8ff;border-radius:50%;opacity:0;transition:transform 900ms var(--ease-out),opacity 500ms ease}.node-one{top:19%;left:21%}.node-two{top:62%;left:16%}.node-three{top:22%;right:13%}.art-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;font:9px Pretendard;letter-spacing:1px;color:#666c70}.expertise-art[data-active="1"]{background:#e8edf9}.expertise-art[data-active="1"] .art-web{transform:translate(-90px,-10px) rotate(-16deg) scale(.7)}.expertise-art[data-active="1"] .art-phone{transform:translate(15px,5px) rotate(12deg) scale(.85)}.expertise-art[data-active="1"] .art-center{opacity:1;transform:scale(1)}.expertise-art[data-active="1"] .art-node{opacity:1}.expertise-art[data-active="2"]{background:#e7eee9}.expertise-art[data-active="2"] .art-web{transform:translate(5px,5px) rotateX(48deg) rotateZ(-18deg);background:#eef7ec}.expertise-art[data-active="2"] .art-phone{transform:translate(0,-25px) rotate(-5deg)}.expertise-art[data-active="2"] .art-node{opacity:1;transform:translateY(40px)}.expertise-art[data-active="3"]{background:#eae8f6}.expertise-art[data-active="3"] .art-web{transform:translate(35px,30px) rotate(2deg)}.expertise-art[data-active="3"] .art-phone{transform:translate(10px,-35px) rotate(9deg) scale(.75)}.expertise-art[data-active="3"] .art-center{opacity:1;transform:translate(-90px,-55px) scale(.75);background:#7864d6}.expertise-art[data-active="3"] .art-node{opacity:1;transform:translate(10px,80px)}
.product{background:#f2eee6;overflow:hidden}.product-heading{padding-top:55px}.product-heading .section-heading{margin-bottom:50px}.product-name{color:var(--orange)}.jangbi-logo{width:155px;height:auto;max-height:45px;object-fit:contain;object-position:left;margin-bottom:20px}.text-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:14px;font-weight:550;margin-top:28px}.text-link span{font-size:22px}.product-stage{height:1000px;position:relative}.product-stage-inner{height:850px;position:sticky;top:0;display:flex;justify-content:center;align-items:center;gap:110px;padding:55px 0 80px}.product-watermark{position:absolute;top:29%;left:50%;transform:translateX(-50%);font:700 clamp(120px,20vw,300px) Pretendard;letter-spacing:-.075em;color:#e6dfd3;white-space:nowrap;user-select:none}.phone{width:262px;position:relative;z-index:2;will-change:transform}.phone-client{transform:translateY(28px) rotate(-8deg)}.phone-partner{transform:translateY(90px) rotate(8deg)}.phone-hardware{padding:7px;background:#1a1b1d;border-radius:38px;box-shadow:0 30px 50px -22px #362a2655,0 0 0 1px #787572;position:relative;overflow:hidden}.phone-hardware img{width:100%;height:520px;object-fit:cover;object-position:top;border-radius:30px}.phone-camera{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:72px;height:18px;border-radius:20px;background:#1a1b1d;z-index:3}.phone-label{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.phone-label i{width:5px;height:5px;background:var(--orange);border-radius:50%}.product-connector{width:430px;position:absolute;top:35%;left:50%;transform:translateX(-50%);z-index:1}.product-connector path{stroke:var(--orange);stroke-width:3;stroke-dasharray:700;stroke-dashoffset:700}.connection-pill{position:absolute;bottom:55px;left:50%;transform:translateX(-50%) translateY(20px);background:white;border-radius:50px;padding:16px 24px;font-size:13px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px #4c3e2410;white-space:nowrap;z-index:4;opacity:0;transition:opacity 500ms ease,transform 500ms var(--ease-out)}.connection-pill.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}.connection-pill>span:last-child{margin-left:15px;font-size:20px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#42a06c}.product-flow{padding-top:15px;padding-bottom:100px}.flow-top{display:flex;justify-content:space-between;align-items:center}.flow-top p{font-size:20px;letter-spacing:-.5px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:45px 0 0;padding:0;border-top:1px solid #cfc6b8}.workflow li{padding:25px 0 10px;position:relative}.workflow li:before{content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;background:#b7ad9e;border-radius:50%;transition:background 200ms ease,transform 300ms var(--ease-out)}.workflow li.is-active:before{background:var(--orange);transform:scale(2)}.workflow li>span{font:11px Pretendard;color:#837a6c}.workflow h3{font-size:23px;font-weight:550;margin:18px 0 8px}.workflow p{font-size:14px;color:#69655f}.workflow li.is-active h3{color:var(--orange)}
.approach{padding-top:60px;padding-bottom:80px}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;border-top:1px solid var(--line);padding-top:35px}.process-line article{position:relative}.process-line article:before{content:'';position:absolute;top:-39px;width:7px;height:7px;border-radius:50%;background:#b8bec9;transition:background 250ms ease,transform 300ms var(--ease-out)}.process-line article.is-active:before{background:var(--blue);transform:scale(1.5)}.process-line article>span{font:10px Pretendard;letter-spacing:1px;color:#727578}.process-line h3{font-size:29px;font-weight:500;letter-spacing:-1px;margin:25px 0 15px}.process-line p{font-size:14px;color:var(--muted)}.tech-strip{border-top:1px solid var(--line);margin-top:65px;padding-top:25px;display:flex;gap:60px;align-items:center}.tech-strip>span{font:10px Pretendard;letter-spacing:1px;white-space:nowrap;color:#737579}.tech-strip p{font:13px/2 Pretendard;color:#53585d}.tech-strip b{color:#afb3ba;font-weight:400;margin:0 8px}
.contact{background:var(--blue);color:#fff;padding-top:45px;padding-bottom:90px;overflow:hidden}.contact .section-top>span:last-child{color:#d6e0ff}.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;margin-top:75px}.contact-copy h2{font-size:clamp(40px,4.4vw,68px);font-weight:550;line-height:1.3;letter-spacing:-.055em}.contact-copy h2>span{color:#9eb8ff}.contact-copy>p{margin-top:30px;font-size:16px;color:#e1e8ff}.email-link{display:inline-block;margin-top:38px;font:19px Pretendard;letter-spacing:-.3px;padding-bottom:6px;border-bottom:1px solid #8aa7ff}.contact-loop{width:140px;height:140px;border:1px solid #7193ff;border-radius:50%;font-size:90px;line-height:1.4;text-align:center;color:#9ab4ff;margin-top:90px}.form-wrap{background:var(--paper);color:var(--ink);border-radius:5px;padding:35px 38px;min-width:0}.type-field{padding:0;border:0;margin:0 0 30px;min-width:0}.type-field legend{font-size:14px;font-weight:550;margin-bottom:17px}.type-field legend>span,.field label>span:not(.optional),.captcha-field>label>span{color:var(--blue)}.type-options{display:flex;gap:8px;flex-wrap:wrap}.type-options label{cursor:pointer;position:relative}.type-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.type-options label>span{display:block;padding:10px 13px;border:1px solid #d1d3ce;border-radius:40px;font-size:12px;transition:background 180ms ease,color 180ms ease}.type-options input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.type-options input:focus-visible+span{outline:3px solid #7494ff;outline-offset:3px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:21px;min-width:0}.field label,.captcha-field>label{font-size:12px;font-weight:550;display:block;margin-bottom:5px}.field .optional{font-size:10px;color:#7a7d7b;margin-left:5px}.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #cdd0ca;border-radius:0;padding:12px 0;color:var(--ink);font-size:13px;line-height:1.6;transition:border-color 180ms ease}.field input::placeholder,.field textarea::placeholder{color:#818582}.field input:focus,.field textarea:focus{outline:none;border-color:var(--blue)}.field textarea{resize:vertical;min-height:100px}.field-error{display:block;color:#b33022;font-size:11px;line-height:1.6;white-space:pre-line}.field-error:not(:empty){margin-top:5px}.field [aria-invalid=true]{border-color:#b33022}.consent-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px}.consent-row>label{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;cursor:pointer}.consent-row input{width:16px;height:16px;accent-color:var(--blue);margin:0;flex-shrink:0}.consent-row b{font-weight:400;color:var(--blue)}.privacy-trigger{background:none;padding:8px 0;font-size:11px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.submit-button{width:100%;padding:18px 21px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:20px;border-radius:2px;transition:background 180ms ease,transform 160ms var(--ease-out)}.submit-button>span:last-child{font-size:25px}.submit-button:active{transform:scale(.98)}#form-status{font-size:12px;line-height:1.7;color:#ad3025;white-space:pre-line}#form-status:not(:empty){padding-top:16px}.captcha-field{margin-top:12px}.captcha-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.captcha-row img{width:135px;height:45px;background:#eeefea}.captcha-row button{font-size:24px;background:none;padding:8px}.captcha-row input{width:120px;padding:10px;border:1px solid #cdd0ca;background:transparent;font-size:12px}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form-success{padding:65px 0;outline:none}.success-icon{font-size:50px;color:var(--blue)}.form-success h3{font-size:40px;letter-spacing:-1.5px;margin:20px 0}.form-success p{font-size:14px;color:var(--muted)}.form-success .receipt{font-size:12px;margin-top:20px}.form-success button{margin-top:35px;background:var(--ink);color:white;padding:16px 25px}
.footer{background:#171b22;color:#f6f5f1;padding-top:55px;padding-bottom:35px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:55px}.footer .wordmark{font-size:48px}.footer .logo-dot{height:9px;width:9px;background:#7e9dff}.footer-top>span{font:25px/1.25 Pretendard;letter-spacing:-.6px;margin-right:15%}.back-top{font:10px Pretendard;letter-spacing:1px;padding-top:12px}.footer-bottom{border-top:1px solid #383d46;padding-top:25px;display:flex;justify-content:space-between;align-items:flex-end}.footer-bottom strong{font-size:12px;font-weight:500}.footer-bottom p{font-size:11px;color:#aaafb9;line-height:1.9;margin-top:10px}.footer-legal{display:flex;flex-direction:column;gap:15px;align-items:flex-end;font-size:10px;color:#aaafb9}.footer-legal .privacy-trigger{font-size:11px;color:#d2d5db}dialog{width:min(560px,calc(100% - 32px));border:0;background:var(--paper);color:var(--ink);border-radius:8px;padding:30px;max-height:85svh}dialog::backdrop{background:#101625a8;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:25px}.dialog-heading h2{font-size:21px}.dialog-heading button{background:none;font-size:30px;padding:5px 10px}.dialog-heading+p,dialog dd{font-size:14px;line-height:1.8;color:#5c6268}dialog dt{font-size:13px;font-weight:650;margin-top:20px}dialog dd{margin:5px 0}.dialog-note{font-size:12px;color:#73787d;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}
.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity 800ms var(--ease-out),transform 800ms var(--ease-out)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes hero-reveal{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(hover:hover) and (pointer:fine){.header nav a:hover:after{transform:scaleX(1)}.round-link:hover span{background:var(--ink);color:#fff;transform:rotate(45deg)}.header-contact:hover{background:var(--blue)}.submit-button:hover{background:var(--blue)}.text-link:hover span{transform:translate(3px,-3px)}.text-link span{transition:transform 200ms var(--ease-out)}}
@media(min-width:1600px){.hero{min-height:920px}.hero-copy{padding-top:110px}.ribbon-stage{right:-3%;top:16%}.expertise-art{height:570px}.phone{width:300px}.phone-hardware img{height:590px}}
@media(max-width:1100px){.hero{min-height:800px}.hero h1{font-size:7vw}.hero-copy{padding-top:85px}.ribbon-stage{width:76%;right:-16%;top:29%;height:66%}.hero-bottom{margin-top:25px}.hero-bottom p{font-size:15px}.expertise-layout{gap:5%}.expertise-row{gap:15px}.expertise-row h3{font-size:23px}.expertise-art{height:430px}.art-web{left:5%;width:220px}.art-phone{right:7%}.manifesto-main{gap:7%}.asterisk{font-size:80px}.manifesto-bottom{margin-left:15%}.contact-grid{gap:5%}.form-wrap{padding:28px}.contact-copy h2{font-size:5vw}.section-heading>p,.section-heading>div>p{font-size:14px}.tech-strip{gap:30px}.footer-top>span{margin-right:10%}}
@media(max-width:767px){html{scroll-padding-top:20px}.header{height:76px}.wordmark{font-size:30px}.header nav{display:none}.header-contact{margin-left:auto;margin-right:15px;font-size:11px;padding:9px 14px;gap:14px}.header-contact span{font-size:18px}.menu-toggle{display:block}.mobile-nav{top:76px}.hero{min-height:840px;min-height:calc(100svh - 76px);max-height:980px;padding-top:25px}.hero-coordinate{display:none}.eyebrow{font-size:9px;letter-spacing:1.1px}.hero-copy{padding-top:52px}.hero h1{font-size:clamp(35px,7.9vw,61px);line-height:1.35;letter-spacing:-.07em}.hero-bottom{margin-top:24px;gap:20px}.hero-bottom p{font-size:14px}.round-link{font-size:12px;gap:14px}.round-link span{height:34px;width:34px;font-size:19px}.ribbon-stage{width:110%;right:-9%;top:42%;height:51%}.label-people{top:26%;left:15%}.label-tech{bottom:22%;right:12%}.ribbon-label{font-size:8px;padding:8px 11px}.ribbon-caption{font-size:9px;bottom:8%;left:28%}.hero-footer{bottom:20px;font-size:8px;letter-spacing:.5px}.hero-footer>span{max-width:120px;line-height:1.7}.hero-footer a{gap:10px}.hero-footer a span{font-size:20px}.section-top{font-size:10px}.section-top>span:last-child{font-size:10px}.manifesto{padding-top:30px;padding-bottom:100px}.manifesto .section-top{padding-bottom:45px;padding-top:18px}.manifesto-main{display:block;padding-top:0}.asterisk{font-size:60px;margin-bottom:28px;width:60px}.scroll-words{font-size:clamp(31px,7.2vw,50px);letter-spacing:-.05em;line-height:1.45}.manifesto-bottom{display:block;margin:35px 0 0}.manifesto-bottom p:first-child{font-size:20px;margin-bottom:25px}.manifesto-bottom p:last-child{font-size:13px}.manifesto-thread{bottom:-30px}.expertise{padding-top:35px;padding-bottom:65px}.section-heading{display:block;margin:42px 0 38px}.section-heading h2{font-size:clamp(34px,8vw,48px)}.section-heading>p,.section-heading>div{margin-top:23px}.section-heading>p,.section-heading>div>p{font-size:14px}.expertise-layout{display:flex;flex-direction:column}.expertise-list{width:100%}.expertise-row{padding:25px 0;gap:18px}.expertise-row h3{font-size:23px;margin-bottom:12px}.expertise-row p{font-size:13px}.area-num{font-size:10px}.area-tags{font-size:8px;margin-top:15px;letter-spacing:.7px}.area-arrow{font-size:25px}.expertise-art{position:relative;top:auto;width:100%;height:340px;margin-top:25px}.art-web{width:220px;left:12%;top:18%}.art-phone{top:29%;right:15%;width:100px;height:195px}.art-phone>span{margin-top:14px}.art-orbit{width:270px;height:270px}.orbit-two{width:170px;height:170px}.art-caption{font-size:8px;bottom:17px;left:17px;right:17px}.art-center{height:70px;width:70px;border-radius:20px}.product-heading{padding-top:35px}.product-heading .section-heading{margin-bottom:12px}.jangbi-logo{width:135px;margin-bottom:14px}.product-heading .section-heading>div>p{font-size:13px}.text-link{font-size:12px;gap:25px;margin-top:20px}.product-stage{height:620px}.product-stage-inner{height:600px;position:relative;gap:28px;padding:25px 0 60px}.phone{width:160px;flex-shrink:0}.phone-hardware{border-radius:25px;padding:5px;box-shadow:0 20px 35px -15px #362a2655}.phone-hardware img{height:325px;border-radius:20px}.phone-camera{width:48px;height:12px;top:9px}.phone-client{transform:translateY(-12px) rotate(-7deg)}.phone-partner{transform:translateY(30px) rotate(7deg)}.phone-label{font-size:9px;bottom:-27px;gap:5px}.product-watermark{font-size:27vw;top:29%}.product-connector{width:250px;top:34%}.connection-pill{bottom:30px;padding:12px 17px;font-size:10px}.product-flow{padding-bottom:60px}.flow-top{display:block}.flow-top p{font-size:18px;margin-top:18px}.workflow{grid-template-columns:1fr 1fr;gap:15px 20px;margin-top:28px}.workflow li{padding-top:20px}.workflow li:nth-child(n+3){border-top:1px solid #cfc6b8}.workflow h3{font-size:20px;margin-top:15px}.workflow p{font-size:12px}.approach{padding-top:35px;padding-bottom:45px}.process-line{grid-template-columns:1fr 1fr;gap:35px 20px;padding-top:25px}.process-line article:before{top:-29px}.process-line article:nth-child(n+3){border-top:1px solid var(--line);padding-top:25px}.process-line article:nth-child(n+3):before{top:-4px}.process-line h3{font-size:25px;margin:18px 0 12px}.process-line p{font-size:12px}.process-line article>span{font-size:8px;letter-spacing:.6px}.tech-strip{display:block;margin-top:35px;padding-top:20px}.tech-strip p{font-size:11px;margin-top:12px}.tech-strip b{margin:0 5px}.contact{padding-top:30px;padding-bottom:35px}.contact-grid{display:block;margin-top:45px}.contact-copy h2{font-size:clamp(36px,9vw,55px)}.contact-copy>p{font-size:14px;margin-top:22px}.email-link{font-size:17px;margin-top:25px}.contact-loop{display:none}.form-wrap{margin-top:40px;padding:25px 20px}.field-pair{gap:16px}.type-options{gap:7px}.type-options label>span{font-size:11px;padding:9px 11px}.type-field legend{font-size:13px}.type-field{margin-bottom:25px}.field input,.field textarea{font-size:16px}.field input::placeholder,.field textarea::placeholder{font-size:12px}.field label{font-size:11px}.consent-row>label{font-size:10px;gap:6px}.privacy-trigger{font-size:10px}.submit-button{padding:14px 17px}.footer{padding-top:35px;padding-bottom:25px}.footer-top{flex-wrap:wrap;gap:25px;padding-bottom:35px}.footer .wordmark{font-size:40px}.footer-top>span{font-size:18px;margin:0}.back-top{font-size:9px;width:100%;padding-top:0}.footer-bottom{display:block}.footer-legal{align-items:flex-start;gap:14px;margin-top:20px;font-size:9px}.footer-bottom p{font-size:10px}.dialog-heading h2{font-size:18px}dialog{padding:23px}.form-success h3{font-size:32px}}
@media(max-width:370px){.hero{min-height:760px}.hero h1{font-size:7.7vw}.hero-copy{padding-top:40px}.phone{width:135px}.phone-hardware img{height:275px}.product-stage-inner{gap:22px}.product-stage,.product-stage-inner{height:540px}.field-pair{grid-template-columns:1fr;gap:0}.consent-row{align-items:flex-start}.section-top>span:last-child{max-width:105px;text-align:right}.hero-topline .eyebrow{font-size:8px}.art-web{left:4%}.art-phone{right:7%}.form-wrap{padding:24px 17px}}
.expertise-row>div{min-width:0;flex:1}.area-arrow{align-self:flex-start;line-height:1.2}.area-tags{overflow-wrap:anywhere}.ribbon-stage{top:24%}
@media(max-width:1100px){.ribbon-stage{top:29%}}
@media(max-width:767px){.ribbon-stage{top:42%}}
@media(max-width:370px){.expertise-row{gap:12px}.expertise-row h3{font-size:21px}.expertise-row p{font-size:12px}.area-arrow{font-size:22px;flex-shrink:0}.hero-coordinate{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.motion-ready .scroll-words span{color:#f3f3ee}.motion-ready .scroll-words .human-word{color:#8da7ff}.manifesto-thread path,.product-connector path{stroke-dashoffset:0}.connection-pill{opacity:1;transform:translateX(-50%)}.phone-client{transform:rotate(-5deg)}.phone-partner{transform:rotate(5deg)}}

.footer-bottom { gap: 24px; }
.footer-company { min-width: 0; max-width: 760px; }
.footer-business { display: flex; flex-wrap: wrap; gap: 6px 24px; margin: 8px 0 0; font-size: 12px; line-height: 1.8; color: #c2c6cf; }
.footer-business > div { display: flex; flex-wrap: wrap; gap: 0 8px; min-width: 0; }
.footer-business dt { color: #aaafb9; }
.footer-business dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.footer-business a { text-decoration: underline; text-decoration-color: #6d7480; text-underline-offset: 3px; }
.footer-business a:hover { color: #fff; }
.footer-business a:focus-visible { outline: 2px solid #7e9dff; outline-offset: 4px; border-radius: 2px; }
@media (max-width: 767px) {
  .footer-business { flex-direction: column; gap: 4px; font-size: 12px; }
}