:root{--wine:#5b263b;--wine2:#7b4258;--night:#30212c;--ink:#2e282d;--muted:#696065;--cream:#f8f5f2;--paper:#fdfbf8;--rose:#f2e8eb;--line:#ded5d8;--white:#fff;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c8879b;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.047em;line-height:1.18}p{line-height:1.8}img{max-width:100%;display:block}.shell{max-width:var(--max);margin:auto;padding-left:32px;padding-right:32px}.header{height:82px;position:sticky;top:0;z-index:60;background:rgba(250,248,246,.97);border-bottom:1px solid #e9e2e2;backdrop-filter:blur(16px)}.header .shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:34px}.logo{font-size:24px;letter-spacing:.24em;font-weight:780;display:grid;gap:0;line-height:1}.logo small{font-size:8px;letter-spacing:.21em;font-weight:700;margin-top:8px;color:#797078}.nav{display:flex;align-items:center;gap:25px}.nav a{font-size:14px;font-weight:700;position:relative;padding:28px 0}.nav a.active:after,.nav a:hover:after{content:'';position:absolute;bottom:18px;left:0;right:0;height:2px;background:var(--wine)}.auth{display:flex;align-items:center;gap:17px;font-size:13px;font-weight:700}.pill{border-radius:50px;padding:13px 22px;display:inline-flex;gap:10px;align-items:center;justify-content:center;background:var(--wine);color:white;border:1px solid var(--wine);font-size:14px;font-weight:700;white-space:nowrap;transition:transform .16s,background .16s}.pill:hover{transform:translateY(-2px);background:#762f4b}.pill.light{background:#fff;color:var(--night);border-color:white}.pill.line{background:transparent;border-color:rgba(255,255,255,.7);color:white}.pill.outline{background:transparent;color:var(--wine);border-color:#bba9b1}.pill.cream{background:#f8f3f0;color:var(--wine);border-color:#f8f3f0}.mobile-toggle{display:none;border:0;background:none;font-size:26px;color:var(--night)}.mobile-nav{display:none;background:#fff;padding:15px 26px 25px;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 2px;border-bottom:1px solid #f1eaeb;font-weight:700}.page{display:none}.page.active{display:block;animation:appear .24s ease-out}@keyframes appear{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:850;color:var(--wine2);display:flex;align-items:center;gap:12px;margin:0 0 23px}.kicker:before{content:'';width:26px;height:1px;background:currentColor}.kicker.on-dark{color:#e9bfc9}.kicker.plain:before{display:none}.section{padding:94px 0}.section.sm{padding:68px 0}.section.soft{background:#f2edeb}.section.wine{background:var(--night);color:#fff}.section.white{background:#fff}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:43px}.section-header>div{max-width:720px}.section-header h2{font-size:clamp(32px,3.3vw,48px);margin-bottom:0}.section-header p{max-width:390px;color:var(--muted);font-size:15px;margin:0}.section.wine .section-header p{color:#dfccd2}.lead{font-size:17px;color:#5f5559;line-height:1.85}.muted{color:var(--muted)}.link-line{display:inline-flex;gap:12px;border-bottom:1px solid currentColor;padding-bottom:10px;font-weight:760;font-size:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.thirds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.display-title{font-size:clamp(40px,4.5vw,64px)}.subheading{font-size:clamp(28px,2.7vw,40px)}.accent{color:var(--wine2)}.rule-list{display:grid;border-top:1px solid var(--line)}.rule-list>div{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.rule-list b{font-size:19px;letter-spacing:-.025em}.rule-list p{font-size:14px;color:var(--muted);margin:7px 0 0}.rule-list .num{color:var(--wine2);font:italic 21px Georgia,serif}.caption{font-size:12px;color:#84757b}.inline-list{display:flex;flex-wrap:wrap;gap:10px}.tag{border:1px solid #d6c9ce;padding:10px 16px;border-radius:30px;font-size:13px;font-weight:680;background:#fff}.note{border-left:3px solid #a76880;padding:14px 20px;background:#f6eff1;color:#6d5561;font-size:13px;line-height:1.75}.arrow{color:var(--wine2);font-weight:700}
/* homepage hero */
.hero{position:relative;min-height:600px;isolation:isolate;background:#33262e;overflow:hidden;display:flex;align-items:center;color:#fff}.hero-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.hero:before{content:'';z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,22,27,.95) 0%,rgba(32,22,27,.88) 27%,rgba(32,22,27,.50) 50%,rgba(32,22,27,.02) 77%)}.hero .shell{width:100%;padding-top:68px;padding-bottom:68px}.hero h1{font:italic clamp(44px,4.6vw,72px)/1.04 Georgia,'Times New Roman',serif;max-width:790px;letter-spacing:-.046em;margin:0 0 26px}.hero h1 em{display:block;color:#f0c0d0;font-weight:400}.hero p{font-size:17px;max-width:520px;line-height:1.85;margin-bottom:30px;color:#f6edef}.action-row{display:flex;gap:12px;flex-wrap:wrap}.metricbar{background:#422533;color:#fff}.metricbar .shell{display:grid;grid-template-columns:185px 1fr 100px;align-items:center;min-height:120px;gap:25px}.metricbar .label{letter-spacing:.13em;font-size:11px;font-weight:800;color:#e4c9d1}.metric-current{display:flex;align-items:baseline;gap:28px}.metric-current strong{font:italic clamp(45px,5vw,72px)/1 Georgia,serif;letter-spacing:-.03em}.metric-current span{font-size:19px}.metric-actions{display:flex;gap:8px;justify-content:flex-end}.metric-actions button,.review-actions button{border:1px solid #b18d9c;background:transparent;color:#fff;border-radius:50%;width:39px;height:39px;font-size:18px}.metric-actions button:hover{background:#644053}
.outsource-split{grid-template-columns:.92fr 1.08fr}.quote-lead{font-size:clamp(30px,2.6vw,42px);line-height:1.34;letter-spacing:-.045em;margin-bottom:22px}.service-line{border-top:1px solid #cbbdc3;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0}.service-line>article{padding:26px 23px 26px 0;border-right:1px solid #d9ced2;margin-right:23px}.service-line>article:last-child{border:0;margin-right:0}.service-line .index{font:italic 24px Georgia,serif;color:var(--wine2)}.service-line h3{font-size:21px;margin:19px 0 10px}.service-line p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.feature-bands{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #e1d8db;border-bottom:1px solid #e1d8db}.feature-bands div{padding:25px 25px 25px 0}.feature-bands b{display:block;margin-bottom:9px;font-size:17px}.feature-bands span{font-size:13px;color:var(--muted)}
/* project showroom, no buttons or zoom */
.project-story{background:#f2eeef;overflow:hidden}.project-story .shell{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:46px}.project-story .subheading{max-width:450px}.screens-stack{position:relative;min-height:455px;isolation:isolate}.screenshot{position:absolute;background:#fff;border:1px solid #eee5e9;border-radius:12px;padding:7px 7px 11px;box-shadow:0 20px 55px rgba(42,23,36,.16);overflow:hidden;aspect-ratio:1.7}.screenshot img{width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:6px}.screenshot.one{top:17px;right:0;width:61%;transform:rotate(5deg);z-index:1}.screenshot.two{top:126px;left:4%;width:64%;transform:rotate(-4deg);z-index:3}.screenshot.three{right:-5%;bottom:9px;width:52%;transform:rotate(-5deg);z-index:4}.screenshot.four{left:18%;top:5px;width:34%;transform:rotate(-7deg);z-index:2}.screen-caption{position:absolute;bottom:-18px;right:0;font-size:11px;color:#88747f}.flow-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #a18b93;margin-top:33px}.flow-timeline>div{border-right:1px solid #d9cbd0;padding:25px 17px 0 0;margin-right:16px}.flow-timeline>div:last-child{border:0}.flow-timeline span{color:var(--wine2);font:italic 19px Georgia,serif}.flow-timeline b{display:block;margin:10px 0;font-size:16px}.flow-timeline p{font-size:12px;color:var(--muted);line-height:1.7}.tech-bridge{background:linear-gradient(125deg,#3d2435,#241d2d);color:#fff;overflow:hidden}.tech-bridge .shell{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.data-flow{position:relative;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.data-flow:before{content:'';position:absolute;height:1px;background:#9f7388;top:50%;left:10%;right:10%}.data-node{position:relative;z-index:2;width:31%;min-height:110px;border:1px solid #9b7b88;border-radius:8px;background:#3d2d3e;padding:18px}.data-node b{display:block;font-size:15px;margin-bottom:8px}.data-node span{font-size:11px;color:#e0cbd8}.data-node.highlight{background:#63374d;border-color:#dcb5c8}.interview-section{background:#fff}.interview-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.interview-header h2{font-size:clamp(30px,3vw,42px);margin:0}.review-actions{display:flex;gap:9px}.review-actions button{color:var(--night);border-color:#ad99a1}.interview-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbbfc4;border-bottom:1px solid #cbbfc4}.review{padding:32px 26px 26px 0;margin-right:25px;border-right:1px solid #d9cfd2;min-height:225px;display:flex;flex-direction:column}.review:last-child{margin-right:0;border-right:0}.review blockquote{font-size:16px;font-weight:650;line-height:1.82;margin:0 0 26px;flex:1}.review footer{font-size:12px;color:var(--wine2);border-top:1px solid #eadfe2;padding-top:13px;font-weight:700}.final-cta{background:#492738;color:#fff;padding:72px 0}.final-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:45px}.final-cta h2{font:italic clamp(35px,3.7vw,53px) Georgia,serif;font-weight:400;line-height:1.12;margin-bottom:12px}.final-cta p{margin:0;color:#e8d6dc}
/* sub banners, a relevant image per page, not a photo in every block */
.subhero{position:relative;min-height:345px;background:#44303a;color:white;display:flex;align-items:center;isolation:isolate;overflow:hidden}.subhero img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.subhero:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(34,23,31,.96) 0%,rgba(34,23,31,.82) 37%,rgba(34,23,31,.18) 78%)}.subhero .shell{width:100%;padding-top:50px;padding-bottom:50px}.subhero h1{font-size:clamp(38px,4.2vw,58px);max-width:820px;margin:0 0 15px}.subhero .subline{font-size:16px;max-width:650px;color:#f0e2e8;margin-bottom:0}.subhero.photo-right img{object-position:center 23%}.large-mark{font:italic clamp(78px,10vw,146px) Georgia,serif;color:var(--wine2);line-height:1;letter-spacing:-.08em}.value-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;border-top:1px solid var(--line)}.value-cols article{padding-top:26px}.value-cols .num{font:italic 31px Georgia,serif;color:var(--wine2)}.value-cols h3{font-size:23px;margin:18px 0 12px}.value-cols p{font-size:14px;color:var(--muted)}.big-photo{width:100%;height:380px;object-fit:cover;object-position:center;filter:saturate(.8)}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:38px 0}.mini-stats div{padding:28px 14px}.mini-stats strong{display:block;font:italic 43px Georgia,serif;color:var(--wine2)}.mini-stats span{font-size:13px;color:var(--muted)}.journey{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.journey article{padding:22px 24px 18px 0;border-top:1px solid var(--line);margin-right:24px;border-right:1px solid var(--line)}.journey article:last-child{border-right:0;margin-right:0}.journey .num{font:italic 29px Georgia,serif;color:var(--wine2)}.journey h3{font-size:21px;margin:24px 0 9px}.journey p{font-size:13px;color:var(--muted)}.detail-rows article{border-top:1px solid var(--line);display:grid;grid-template-columns:165px 1fr;gap:27px;padding:25px 0}.detail-rows b{font-size:19px}.detail-rows p{margin:0;font-size:15px;color:var(--muted)}.process-select{border-top:1px solid var(--line)}.process-select>div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.process-select strong{color:var(--wine2)}.process-select span{font-size:14px;line-height:1.9}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:21px 0;font-size:16px;font-weight:730;color:var(--ink)}.faq-item button span{color:var(--wine2);font-size:24px}.faq-item p{display:none;color:var(--muted);font-size:14px;margin:0 0 24px}.faq-item.open p{display:block}.contact-panel{background:var(--night);color:white;padding:36px 42px}.contact-panel p{color:#e3ced6}.contact-panel a{display:inline-block;padding:9px 0;color:#fff;font-weight:700}.contact-form label{display:block;font-weight:740;font-size:13px;margin-bottom:6px}.contact-form .field{margin-bottom:15px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #d2c6cb;background:#fff;border-radius:5px;padding:12px 13px;color:var(--ink)}.contact-form textarea{min-height:105px;resize:vertical}.contact-form .pill{width:100%}.contact-status{font-size:12px;color:#7b4f62}.tech-pill{border:1px solid #d3c7cd;padding:14px 18px;border-radius:5px;display:flex;align-items:center;gap:12px;font-weight:700}.tech-pill span{font-size:11px;color:var(--muted);font-weight:400;margin-left:auto}.tech-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0}.tech-steps>span{padding:12px 16px;border:1px solid var(--line);background:white;font-size:13px;font-weight:700}.tech-steps i{color:#a98290}.callout-cream{background:#eae0e4;padding:32px 40px}.role-table{width:100%;border-collapse:collapse;font-size:14px}.role-table th,.role-table td{padding:17px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.role-table th{font-size:13px;color:var(--wine2);width:25%}.footer{background:#241c24;color:#fff;padding:58px 0 23px}.footer .top{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:50px}.footer .logo{margin-bottom:21px}.footer p,.footer a{font-size:13px;line-height:1.9;color:#d6c6cf}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footer .bottom{border-top:1px solid #604855;display:flex;justify-content:space-between;padding-top:24px;margin-top:38px;color:#b29fa9;font-size:12px}.footer b{font-size:15px}.floating-text{background:#fff;border-left:4px solid var(--wine2);padding:20px 25px;font-size:14px;color:var(--muted)}
@media(max-width:1040px){.nav{gap:12px}.nav a{font-size:12px}.auth{gap:8px}.shell{padding-left:26px;padding-right:26px}.two{gap:34px}.screens-stack{min-height:380px}.screenshot.one{width:65%}.screenshot.two{width:66%}.screenshot.three{width:52%}.section{padding:75px 0}}@media(max-width:760px){.header{height:68px}.header .shell{padding-left:20px;padding-right:20px}.logo{font-size:20px}.logo small{font-size:7px}.nav,.auth{display:none}.mobile-toggle{display:block}.mobile-nav.show{display:block}.shell{padding-left:20px;padding-right:20px}.hero{min-height:650px;align-items:flex-end}.hero-image{object-position:67% top}.hero:before{background:linear-gradient(0deg,rgba(28,18,24,.97),rgba(28,18,24,.65) 45%,rgba(28,18,24,.02) 85%)}.hero .shell{padding-top:260px;padding-bottom:48px}.hero h1{font-size:clamp(40px,9.1vw,55px);max-width:100%;letter-spacing:-.06em}.hero p{font-size:14px}.pill{padding:11px 16px;font-size:12px}.metricbar .shell{grid-template-columns:1fr auto;min-height:118px;gap:8px}.metricbar .label{grid-column:1/3;padding-top:15px}.metric-current{gap:15px}.metric-current strong{font-size:50px}.metric-current span{font-size:14px}.metric-actions{grid-column:2;grid-row:2}.metric-actions button{width:33px;height:33px}.section{padding:61px 0}.section.sm{padding:50px 0}.section-header,.two,.outsource-split,.project-story .shell,.tech-bridge .shell,.faq-grid{display:grid;grid-template-columns:1fr;gap:24px}.section-header h2,.subheading{font-size:32px}.section-header p{max-width:none}.lead{font-size:15px}.service-line{grid-template-columns:1fr 1fr}.service-line>article{margin-right:12px;padding:17px 10px 18px 0}.service-line>article:nth-child(2){border-right:0}.service-line h3{font-size:18px}.feature-bands{grid-template-columns:1fr}.feature-bands div{padding:16px 0;border-bottom:1px solid var(--line)}.project-story .shell{gap:10px}.screens-stack{min-height:350px;max-width:530px;width:100%;margin:0 auto 20px}.screenshot.one{width:63%;top:10px;right:0}.screenshot.two{width:67%;top:112px;left:0}.screenshot.three{width:54%;bottom:10px;right:0}.screenshot.four{width:36%;top:0;left:10%}.screen-caption{bottom:-8px}.flow-timeline{grid-template-columns:1fr 1fr}.flow-timeline>div{padding-top:14px}.flow-timeline>div:nth-child(2n){border-right:0}.data-flow{gap:5px}.data-node{padding:12px;min-height:115px}.data-node b{font-size:12px}.data-node span{font-size:10px}.interview-grid{grid-template-columns:1fr}.review{min-height:170px;margin:0;border:0;padding:25px 0}.review:not(:first-child){display:none}.interview-header h2{font-size:29px}.final-cta .shell{display:grid;gap:20px}.final-cta{padding:54px 0}.subhero{min-height:325px}.subhero .shell{padding-top:39px;padding-bottom:39px}.subhero h1{font-size:38px}.subhero .subline{font-size:15px}.subhero:before{background:linear-gradient(90deg,rgba(34,23,31,.9),rgba(34,23,31,.68) 65%,rgba(34,23,31,.25))}.thirds,.value-cols{grid-template-columns:1fr}.value-cols article{padding:14px 0;border-bottom:1px solid var(--line)}.value-cols h3{margin:6px 0}.big-photo{height:280px}.mini-stats{grid-template-columns:1fr 1fr}.mini-stats strong{font-size:33px}.journey{grid-template-columns:1fr 1fr}.journey article{border-right:0;margin:0;padding:16px 10px 12px 0}.journey h3{font-size:18px;margin:12px 0}.detail-rows article{grid-template-columns:1fr;gap:5px}.detail-rows b{font-size:18px}.process-select>div{grid-template-columns:1fr;gap:7px}.contact-panel{padding:25px}.footer .top{grid-template-columns:1fr;gap:25px}.footer .bottom{flex-direction:column;gap:7px}.callout-cream{padding:24px}.footer{padding-top:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page.active{animation:none}.pill{transition:none}}
.hero p{max-width:580px}.subhero .action-row{margin-top:20px!important}@media(max-width:760px){.subhero h1{font-size:clamp(29px,8vw,38px)}.subhero .subline{font-size:14px}}

/* GODONG V4.6: visual design + navigation + responsive improvements */
:root{--wine:#5f3046;--wine2:#87425f;--night:#2b1d29;--paper:#f8f6f3;--muted:#776a70}
html{scroll-behavior:smooth}body{font-family:Pretendard,'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;word-break:keep-all;overflow-wrap:break-word;}
.nav a{white-space:nowrap}.header .shell{max-width:1380px}.logo{letter-spacing:.20em}.nav{gap:28px}
.hero{min-height:660px}.hero-image{object-position:center top}.hero h1{max-width:760px;line-height:1.08}.hero h1 em{color:#f1c3d4}.hero p{max-width:470px}
.hero .shell{padding-top:80px;padding-bottom:70px}
.project-story{background:radial-gradient(ellipse 58% 45% at 81% 52%,#ead9df 0,transparent 75%),#f6f2f1}
.project-story .shell{grid-template-columns:.82fr 1.18fr;gap:45px;max-width:1380px}
.project-story .subheading{font-size:clamp(36px,3.4vw,52px);line-height:1.24;max-width:580px}
.project-story .lead{max-width:485px;font-size:15px}.project-story .screens-stack{min-height:520px;max-width:650px;width:100%;margin-left:auto}
.project-story .screenshot{padding:6px;border-radius:14px;aspect-ratio:1.65;box-shadow:0 25px 46px rgba(54,30,45,.18);transition:transform .3s}
.project-story .screenshot img{object-fit:cover;object-position:top left}
.project-story .screenshot.one{width:59%;right:0;top:30px;transform:rotate(5deg) perspective(800px) rotateY(-5deg);z-index:2}
.project-story .screenshot.two{width:62%;left:3%;top:181px;transform:rotate(-5deg) perspective(800px) rotateY(4deg);z-index:3}
.project-story .screenshot.three{width:61%;right:-2%;bottom:15px;transform:rotate(3deg);z-index:4}
.project-story .screenshot.four{width:47%;left:16%;top:0px;transform:rotate(-7deg);z-index:1}
.project-story .screen-caption{right:9%;bottom:-16px;letter-spacing:.08em;font-size:10px}
.subhero{min-height:390px}.subhero img{object-position:center center}
.subhero:before{background:linear-gradient(90deg,rgba(29,17,25,.74) 0%,rgba(29,17,25,.57) 43%,rgba(29,17,25,.08) 73%)}
.subhero .shell{padding-top:64px;padding-bottom:64px}.subhero h1{max-width:790px;font-size:clamp(42px,4vw,58px);letter-spacing:-.06em}
.subhero .subline{font-size:16px;line-height:1.6}
/* Pairs of true application screenshots in a compact three-dimensional presentation */
.side-stack{position:relative;width:100%;min-height:460px;isolation:isolate;background:radial-gradient(ellipse 72% 62% at 54% 60%,rgba(191,141,165,.26),transparent 82%);}
.side-panel{position:absolute;overflow:hidden;margin:0;padding:7px;background:#fff;border:1px solid #e8dde3;border-radius:14px;box-shadow:0 16px 42px rgba(55,29,44,.16);aspect-ratio:1.57}
.side-panel img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.side-panel.panel-a{width:71%;top:15px;right:5%;transform:rotate(4deg);z-index:2}
.side-panel.panel-b{width:69%;bottom:17px;left:0;transform:rotate(-5deg);z-index:3}
.side-panel.panel-c{width:39%;bottom:26px;right:0;transform:rotate(5deg);z-index:4}
.tech-bridge .data-node{background:#3d2939}.data-node b{color:#fff!important;opacity:1!important}
/* new footer with complete contact, terms and privacy */
.footer{background:#2e1d2a;padding:38px 0 24px}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:28px}.footer-legal{display:flex;align-items:center;gap:27px}.footer-legal a{font-size:14px;color:#fff;white-space:nowrap}.footer-company{padding:22px 0;border-top:1px solid rgba(255,255,255,.2);display:flex;gap:18px;flex-wrap:wrap;color:#d6c5ce;font-size:12px}.footer-company a{color:#ead8df;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:22px;display:flex;justify-content:space-between;color:#c4adb8;font-size:11px}.footer-main p{font-size:13px;color:#cbb6c1}
/* legal and contact pages use the same styling as the upgraded site, not an old-site link */
.legal-heading{padding:90px 0 76px;background:#f2ebef}.legal-heading h1{font-size:clamp(39px,4vw,60px);margin:10px 0}.legal-heading p:not(.kicker){color:#695b61}.legal-section .shell{max-width:980px}.legal-section h2{font-size:22px;line-height:1.5;margin:36px 0 18px;border-bottom:1px solid #e3d7dc;padding-bottom:12px}.legal-section p{white-space:pre-line;line-height:1.92;color:#4d4147;font-size:14px;margin:9px 0}.contact-details{display:grid;grid-template-columns:1.4fr 1fr;gap:80px}.contact-paths{display:grid;gap:15px}.contact-paths a{padding:22px;border-bottom:1px solid #dfd4d9;font-weight:700}
#contact-status{font-size:12px;color:#66545e}
@media(min-width:1200px){.screens-stack .screenshot img{filter:saturate(.96)}}
@media(max-width:1050px){.nav{gap:16px}.project-story .shell{gap:20px}.project-story .screens-stack{min-height:420px}.side-stack{min-height:370px}}
@media(max-width:760px){
 .header .shell{max-width:100%}.hero{min-height:680px}.hero-image{object-position:67% top}.hero:before{background:linear-gradient(0deg,rgba(34,20,29,.96) 0%,rgba(34,20,29,.68) 49%,rgba(34,20,29,.12) 82%)}
 .hero .shell{padding-top:290px;padding-bottom:45px}.hero h1{font-size:clamp(39px,10vw,56px)}
 .project-story .shell{grid-template-columns:1fr;gap:10px}.project-story .screens-stack{height:385px;min-height:385px;margin-top:18px;max-width:100%}
 .project-story .screenshot.one{width:61%;top:25px;right:0}.project-story .screenshot.two{width:66%;top:143px;left:0}.project-story .screenshot.three{width:58%;bottom:14px;right:0}.project-story .screenshot.four{width:40%;top:7px;left:6%}
 .subhero{min-height:360px;align-items:end}.subhero img{object-position:68% center}.subhero .shell{padding-top:135px;padding-bottom:40px}.subhero h1{font-size:38px;max-width:94%}.subhero:before{background:linear-gradient(0deg,rgba(30,19,27,.92) 0%,rgba(30,19,27,.62) 48%,rgba(30,19,27,.1) 98%)}
 .side-stack{min-height:335px}.side-panel{padding:4px}.side-panel.panel-a{width:76%;top:12px}.side-panel.panel-b{width:73%;bottom:10px}.side-panel.panel-c{width:48%;bottom:13px}
 .footer-main,.footer-bottom{display:grid;gap:22px}.footer-legal{flex-wrap:wrap;gap:15px}.footer-company{gap:12px}.contact-details{grid-template-columns:1fr;gap:20px}
 .legal-heading{padding:54px 0 42px}.legal-section h2{font-size:18px}
}
@media(max-width:420px){.hero h1{font-size:38px}.project-story .screens-stack{height:320px;min-height:320px}.side-stack{min-height:290px}.subhero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page.active{animation:none}}


/* The same layout in all four languages: only copy changes. */
.locale-switch{margin-left:8px;flex-shrink:0;border:1px solid #d9cbd1;background:#fff;border-radius:8px;padding:8px 9px;color:#5b263b;font-size:12px;font-weight:750;max-width:78px;min-width:69px}
.locale-switch:focus-visible{outline:2px solid #87425f;outline-offset:2px}
.lang-policy .legal-copy{font-size:14px;line-height:1.9;white-space:normal}
.lang-policy .legal-copy h3{font-size:18px;margin-top:30px;margin-bottom:10px}
.lang-policy .legal-copy p{margin-bottom:12px}
@media(max-width:1200px){.nav{gap:14px}.nav a{font-size:12px}.auth{gap:8px}}
html:lang(ja) body,html:lang(zh-CN) body{word-break:normal;overflow-wrap:anywhere}
@media(max-width:760px){html:lang(ja) body *,html:lang(zh-CN) body *{min-width:0;overflow-wrap:anywhere} .locale-switch{margin-left:auto;padding:7px 5px;min-width:59px;max-width:65px;font-size:11px}.header .shell{gap:8px}.mobile-toggle{flex-shrink:0}}