@import "tailwindcss";

:root { --ink:#101114; --paper:#f4f4f0; --lime:#bdfc4b; --muted:#6c6e73; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif; word-break:keep-all; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.nav-wrap { position:absolute; z-index:10; top:0; left:0; width:100%; color:#fff; }
.nav { height:88px; display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.16); }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; font-size:20px; letter-spacing:-.4px; }
.brand-mark { width:36px; height:36px; display:grid; place-items:center; }
.brand-mark img { width:36px; height:36px; object-fit:contain; display:block; }
.nav-links { display:flex; gap:40px; margin-left:auto; margin-right:54px; font-size:14px; color:#d9dadd; }
.language-switch { display:flex; align-items:center; gap:8px; margin-right:18px; font-size:10px; font-weight:800; letter-spacing:.06em; }
.language-switch a { color:#777d86; padding:5px 3px; }.language-switch a.active { color:var(--lime); }
.localized-hero { min-height:720px; padding-top:120px; display:flex; align-items:center; color:#fff; background:radial-gradient(circle at 78% 42%,rgba(181,255,61,.13),transparent 28%),linear-gradient(135deg,#070a0e,#11161c); overflow:hidden; }
.localized-hero p { color:#8d939c; font-size:13px; font-weight:800; letter-spacing:.28em; }.localized-hero h1 { margin:28px 0 48px; font-size:clamp(62px,7.2vw,108px); line-height:1.02; letter-spacing:-.065em; }.localized-hero h1 em { color:var(--lime); font-style:normal; }
.localized-ai-line { display:flex; align-items:center; gap:18px; color:#aeb2ba; font-size:15px; }.localized-ai-line b { color:var(--lime); font-size:12px; letter-spacing:.12em; }
.guide-copy { max-width:720px; color:#aab2bb; font-size:17px; line-height:1.8; }.guide-actions { display:flex; gap:12px; margin-top:34px; }.guide-actions a { padding:15px 20px; border:1px solid #46515c; font-size:12px; font-weight:900; }.guide-actions a:first-child { color:#0a0d10; background:var(--lime); border-color:var(--lime); }
.nav-links a:hover { color:var(--lime); }
.nav-cta { font-size:14px; font-weight:700; display:flex; gap:28px; align-items:center; }
.mobile-menu { display:none; position:relative; margin-left:16px; }
.mobile-menu summary { width:38px; height:38px; cursor:pointer; list-style:none; display:grid; place-content:center; gap:5px; border:1px solid rgba(255,255,255,.25); }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-menu summary span { display:block; width:17px; height:1px; background:#fff; }
.mobile-menu>div { position:absolute; right:0; top:48px; width:190px; padding:12px; background:#17191d; border:1px solid #34373d; box-shadow:0 18px 45px rgba(0,0,0,.3); }
.mobile-menu>div a { display:block; padding:13px 12px; font-size:13px; border-bottom:1px solid #2d3035; }
.mobile-menu>div a:last-child { border-bottom:0; color:var(--lime); }
.hero { background:#0b0e12; color:#fff; position:relative; overflow:hidden; }
.hero-main-visual { display:block; width:100%; height:auto; }
.hero-ai-tagline { position:absolute; left:6.1%; top:81.5%; margin:0; color:#aeb2ba; font-size:clamp(11px,1.1vw,17px); font-weight:600; letter-spacing:.04em; }
.hero-ai-tagline span { color:var(--lime); margin-right:14px; font-size:.78em; font-weight:900; letter-spacing:.16em; }
.hero-grid { position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:88px 88px; mask-image:linear-gradient(to right,transparent,black 45%,black); }
.hero-glow { position:absolute; width:700px; height:700px; border:150px solid rgba(189,252,75,.07); border-radius:50%; right:-120px; top:140px; filter:blur(2px); }
.hero-inner { position:relative; padding-top:190px; }
.eyebrow,.section-label { font-size:12px; font-weight:800; letter-spacing:2.2px; display:flex; align-items:center; gap:12px; }
.eyebrow { color:var(--lime); }
.eyebrow span { width:25px; height:1px; background:var(--lime); }
.hero h1 { font-size:clamp(62px,7vw,100px); line-height:1.04; letter-spacing:-5px; margin:28px 0 30px; font-weight:700; }
.hero h1 em,.contact h2 em { color:var(--lime); font-style:normal; }
.hero-copy { color:#b6b8bd; font-size:18px; line-height:1.8; }
.hero-actions { display:flex; align-items:center; gap:34px; margin-top:44px; }
.primary-btn { background:var(--lime); color:#111; padding:19px 24px; min-width:190px; display:flex; justify-content:space-between; font-size:14px; font-weight:800; }
.text-btn { font-size:14px; border-bottom:1px solid #666; padding:16px 0; }
.text-btn span { margin-left:30px; color:var(--lime); }
.hero-panel { position:absolute; right:0; bottom:-77px; width:520px; height:205px; background:#1b1e23; border:1px solid #34373d; display:grid; grid-template-columns:1fr 1fr 1fr 1.2fr; }
.hero-panel div { padding:28px 20px; border-right:1px solid #34373d; display:flex; flex-direction:column; justify-content:flex-end; }
.hero-panel strong { font-size:22px; color:var(--lime); margin-bottom:10px; }
.hero-panel span { font-size:11px; color:#90939a; }
.hero-panel>p { margin:0; padding:30px 22px; background:var(--lime); color:#111; font-weight:900; font-size:19px; line-height:1.25; display:flex; align-items:flex-end; }
.section { padding:145px 0; }
.split-heading { display:grid; grid-template-columns:1fr 2fr; }
.section-label { color:#595b60; }
.section-label.light { color:var(--lime); }
.split-heading h2,.section-top h2,.project-head h2,.value h2,.contact h2 { font-size:clamp(42px,5vw,66px); line-height:1.2; letter-spacing:-3px; margin:0; }
.split-heading>div>p { max-width:700px; color:var(--muted); font-size:17px; line-height:1.9; margin:36px 0 0; }
.principles { margin-top:95px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ccc; }
.principles article { padding:34px 38px 0 0; border-right:1px solid #d1d1cc; min-height:180px; }
.principles article+article { padding-left:38px; }
.principles article:last-child { border-right:0; }
.principles span { font-size:12px; color:#8c8e92; }
.principles h3 { font-size:25px; margin:25px 0 12px; }
.principles p { color:var(--muted); font-size:14px; }
.dark { background:#111317; color:#fff; }
.section-top,.project-head { display:flex; justify-content:space-between; align-items:flex-end; }
.project-head { position:relative; overflow:hidden; }
.project-head>*:not(.project-watermark) { position:relative; z-index:1; }
.project-watermark { position:absolute; width:570px; max-width:55%; right:70px; top:50%; transform:translateY(-50%); opacity:.045; pointer-events:none; }
.section-top h2,.project-head h2 { margin-top:24px; }
.section-top>p { width:360px; color:#9ca0a7; line-height:1.8; }
.service-list { margin-top:75px; border-top:1px solid #3b3e43; }
.service-list article { display:grid; grid-template-columns:90px 1.25fr 1fr 40px; gap:30px; align-items:center; min-height:180px; border-bottom:1px solid #3b3e43; transition:.25s; }
.service-list article:hover { background:#191c20; padding:0 18px; }
.service-no { color:var(--lime); font-size:12px; }
.service-list h3 { font-size:28px; margin:0 0 18px; }
.service-list article>p { color:#969aa2; line-height:1.75; font-size:14px; }
.tags { display:flex; gap:8px; }
.tags span,.project-type { font-size:11px; color:#a9acb2; border:1px solid #41454b; padding:7px 10px; border-radius:30px; }
.service-demo-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:16px; }
.service-demo-btn { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; padding:10px 14px; border:1px solid var(--lime); color:var(--lime); font-size:12px; font-weight:800; transition:.2s; }
.service-demo-btn.secondary { border-color:#696d74; color:#d9dadd; }
.service-status { display:inline-flex; padding:10px 14px; border:1px solid #555a62; color:#9ea3ab; font-size:11px; font-weight:800; letter-spacing:.04em; }
.localized-home .upcoming-services { display:none; }
.service-demo-btn:hover { background:var(--lime); color:#111; }
.service-demo-btn.secondary:hover { border-color:var(--lime); }
.arrow { font-size:26px; color:var(--lime); }
.ai-section { background:#171a1f; color:#fff; position:relative; overflow:hidden; }
.ai-section:before { content:"AI"; position:absolute; right:-35px; top:-85px; color:rgba(189,252,75,.025); font-size:430px; font-weight:900; line-height:1; letter-spacing:-40px; pointer-events:none; }
.ai-heading { position:relative; display:grid; grid-template-columns:1.35fr .65fr; gap:90px; align-items:end; }
.ai-heading h2 { margin:24px 0 0; font-size:clamp(42px,5vw,66px); line-height:1.16; letter-spacing:-3px; }
.ai-heading h2 em { color:var(--lime); font-style:normal; }
.ai-heading>p { margin:0; color:#a7abb2; font-size:15px; line-height:1.9; }
.ai-grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); margin-top:78px; border-top:1px solid #3b3f46; border-left:1px solid #3b3f46; }
.ai-grid article { min-height:510px; padding:34px 32px; border-right:1px solid #3b3f46; border-bottom:1px solid #3b3f46; display:flex; flex-direction:column; transition:.25s; }
.ai-grid article:hover { background:#1d2127; transform:translateY(-4px); }
.ai-card-top { display:flex; align-items:center; justify-content:space-between; color:var(--lime); font-size:10px; letter-spacing:1.5px; }
.ai-card-top span { color:#6e737b; }
.ai-grid h3 { margin:62px 0 24px; font-size:30px; letter-spacing:-1px; }
.ai-grid article>p { min-height:104px; margin:0; color:#9da1a9; font-size:14px; line-height:1.8; }
.ai-grid ul { margin:30px 0 38px; padding:24px 0 0; border-top:1px solid #33373e; list-style:none; }
.ai-grid li { position:relative; padding:6px 0 6px 16px; color:#d3d5d9; font-size:12px; line-height:1.5; }
.ai-grid li:before { content:""; position:absolute; left:0; top:13px; width:5px; height:5px; background:var(--lime); border-radius:50%; }
.ai-grid article>a { margin-top:auto; padding-bottom:13px; border-bottom:1px solid #50545b; display:flex; justify-content:space-between; color:#fff; font-size:13px; font-weight:800; }
.ai-grid article>a span { color:var(--lime); }
.ai-card-actions { margin-top:auto; display:grid; gap:10px; }
.ai-card-actions a { padding:13px 14px; border:1px solid #50545b; display:flex; align-items:center; justify-content:space-between; color:#fff; font-size:13px; font-weight:800; transition:.2s; }
.ai-card-actions a:first-child { border-color:var(--lime); background:var(--lime); color:#0d0f12; }
.ai-card-actions a:first-child span { color:#0d0f12; }
.ai-card-actions a.demo { color:#d6d8dc; }
.ai-card-actions a:hover { border-color:var(--lime); transform:translateX(2px); }
.ai-status { margin-top:auto; color:#7e838b; font-size:10px; font-weight:800; letter-spacing:1.2px; }
.ai-principle { margin-top:42px; padding:28px 32px; border-left:3px solid var(--lime); background:#111317; display:flex; align-items:center; gap:55px; }
.ai-principle strong { flex:0 0 auto; color:var(--lime); font-size:11px; letter-spacing:1.5px; }
.ai-principle p { margin:0; color:#a7abb2; font-size:13px; line-height:1.75; }
.project-head>p { color:var(--muted); line-height:1.8; }
.project-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:75px; border-top:1px solid #c9c9c4; border-left:1px solid #c9c9c4; }
.project-grid article { min-height:350px; padding:32px; border-right:1px solid #c9c9c4; border-bottom:1px solid #c9c9c4; position:relative; transition:.25s; }
.project-company-card { background-size:cover; background-position:center; background-blend-mode:normal; }
.project-grid article:hover { transform:translateY(-5px); box-shadow:0 18px 45px rgba(16,17,20,.1); }
.project-index { position:absolute; right:30px; top:30px; font-size:12px; color:#9a9c9f; }
.featured-label { display:inline-block; margin-top:4px; color:#52606f; font-size:10px; font-weight:800; letter-spacing:1.5px; }
.project-type { display:inline-block; border-color:#cacbc8; }
.project-period { display:block; color:#8b8d90; font-size:11px; }
.project-grid h3 { font-size:34px; line-height:1.2; margin:58px 0 24px; letter-spacing:-1.2px; }
.project-grid h4 { font-size:15px; line-height:1.45; margin:0 0 14px; font-weight:700; }
.project-grid p { color:var(--muted); font-size:14px; line-height:1.7; max-width:250px; }
.company-projects>div { position:relative; padding:17px 0 18px; border-top:1px solid #d3d3ce; }
.company-projects .project-period { margin-bottom:8px; }.company-projects h4 { padding-right:70px; }
.company-projects .project-type { position:absolute; top:17px; right:0; white-space:nowrap; border-color:#c9cac5; }
.company-projects>div+div { margin-top:4px; }
.projects-more { margin-top:80px; background:#17191d; color:#fff; padding:48px 54px; display:flex; justify-content:space-between; align-items:flex-end; }
.projects-more>div>span { color:var(--lime); font-size:11px; letter-spacing:1.4px; }.projects-more h3 { font-size:30px; line-height:1.35; margin:18px 0 0; }
.projects-more>a { width:230px; border-bottom:1px solid #55585e; padding:18px 0; display:flex; justify-content:space-between; font-size:14px; font-weight:700; }.projects-more>a span { color:var(--lime); }
.history-wrap { margin-top:95px; }
.history-head { display:flex; justify-content:space-between; align-items:flex-end; padding-bottom:24px; border-bottom:2px solid var(--ink); }
.history-head h3 { font-size:28px; margin:0; }.history-head span { font-size:11px; letter-spacing:1.2px; color:#777a7f; }
.history-list article { display:grid; grid-template-columns:180px 170px 1fr 120px; gap:28px; align-items:start; padding:24px 4px; border-bottom:1px solid #d2d2cd; }
.history-list time { font-size:12px; color:#74767a; }.history-list>article>strong { font-size:14px; }
.history-list h4 { font-size:16px; margin:0 0 7px; }.history-list p { margin:0; color:#74767a; font-size:13px; line-height:1.6; }
.history-list>article>span { justify-self:end; font-size:10px; color:#777a7f; border:1px solid #c9cac5; padding:6px 9px; border-radius:20px; }
.value { padding-top:0; }
.value-box { background:#1a45e8; color:#fff; padding:78px 82px; position:relative; overflow:hidden; }
.value-box:after { content:"W"; position:absolute; right:25px; top:-100px; font-size:420px; font-weight:900; color:rgba(255,255,255,.05); }
.value h2 { margin-top:25px; position:relative; z-index:1; }
.value-row { display:grid; grid-template-columns:repeat(3,1fr); margin-top:80px; position:relative; z-index:1; }
.value-row div { display:flex; gap:25px; border-top:1px solid rgba(255,255,255,.35); padding-top:24px; }
.value-row strong { color:var(--lime); font-size:12px; }
.value-row span { line-height:1.6; font-weight:600; }
.contact { background:#111317; color:#fff; }
.contact-inner { position:relative; }
.contact h2 { margin:28px 0 60px; font-size:clamp(48px,6vw,78px); }
.contact>a { display:flex; justify-content:space-between; border-bottom:1px solid #474a50; padding:0 0 18px; color:var(--lime); font-size:clamp(22px,3vw,34px); }
.contact-info { display:flex; gap:90px; margin-top:50px; color:#b1b4ba; font-size:14px; }
.contact-info p { display:flex; gap:30px; line-height:1.8; }
.contact-info span { color:#62656c; font-size:12px; }
.contact-info a:hover { color:var(--lime); }
.quick-contact { position:fixed; right:22px; bottom:22px; z-index:20; display:flex; box-shadow:0 12px 30px rgba(0,0,0,.18); }
.quick-contact a { padding:14px 16px; background:#1a1c20; color:#fff; font-size:12px; font-weight:800; }
.quick-contact a:last-child { background:var(--lime); color:#111; }
footer { background:#0b0c0e; color:#fff; padding:34px 0; }
.footer-inner { display:flex; align-items:center; justify-content:space-between; }
.footer-inner p,.footer-inner>a { font-size:11px; color:#70737a; }
.archive-page { background:#f4f4f0; }.archive-nav { background:#111317; color:#fff; }.archive-nav .shell { height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #34373c; }.archive-nav .shell>a:last-child { font-size:13px; }
.archive-hero { background:#111317; color:#fff; padding:110px 0 95px; position:relative; overflow:hidden; }.archive-hero>.shell { position:relative; z-index:1; }.archive-watermark { position:absolute; width:900px; max-width:72%; right:-80px; top:45%; transform:translateY(-50%); opacity:.035; pointer-events:none; }.archive-hero h1 { font-size:clamp(62px,8vw,108px); line-height:1; letter-spacing:-5px; margin:30px 0 65px; }.archive-hero h1 em { color:var(--lime); font-style:normal; }.archive-hero .shell>div { display:flex; justify-content:space-between; align-items:flex-end; border-top:1px solid #383b40; padding-top:28px; }.archive-hero p { color:#a7aab0; line-height:1.75; }.archive-hero .shell>div span { text-align:right; color:var(--lime); font-size:12px; line-height:1.7; letter-spacing:1.2px; }
.archive-content { padding:100px 0 130px; }.archive-table-head { display:grid; grid-template-columns:180px 170px 1fr 120px; gap:28px; padding:0 4px 18px; border-bottom:2px solid var(--ink); color:#777a7f; font-size:10px; letter-spacing:1px; }.archive-list article { padding-top:30px; padding-bottom:30px; }.archive-list h2 { font-size:19px; margin:0 0 8px; }.archive-number { display:block; color:#a1a3a5; font-size:10px; margin-bottom:10px; }
.archive-contact { background:#1a45e8; color:#fff; padding:75px 0; }.archive-contact .shell { display:flex; align-items:center; justify-content:space-between; }.archive-contact p { font-size:17px; }.archive-contact a { font-size:22px; font-weight:700; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:10px; }.archive-contact a span { color:var(--lime); margin-left:35px; }
.project-status { display:block; width:max-content; margin-top:9px; color:#8b8d90; font-size:10px; font-weight:700; letter-spacing:.4px; }
.project-status.is-active { color:#1a45e8; }

.framewire-page { background:#f4f4f0; }
.framewire-nav { position:absolute; z-index:5; width:100%; color:#fff; }
.framewire-nav>.shell { height:86px; display:flex; align-items:center; border-bottom:1px solid rgba(255,255,255,.16); }
.framewire-nav nav { margin-left:auto; display:flex; align-items:center; gap:30px; color:#bbc1c8; font-size:13px; }
.framewire-nav-cta { padding:12px 16px; border:1px solid #43505c; color:#fff; }
.framewire-hero { min-height:780px; padding:150px 0 90px; color:#fff; background:radial-gradient(circle at 72% 45%,rgba(189,252,75,.1),transparent 28%),#090d12; overflow:hidden; }
.framewire-hero-grid { display:grid; grid-template-columns:1.02fr .98fr; gap:80px; align-items:center; }
.framewire-kicker { color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.2em; }
.framewire-hero h1 { margin:25px 0 32px; font-size:clamp(58px,6.4vw,92px); line-height:1.03; letter-spacing:-.065em; }
.framewire-hero h1 em { color:var(--lime); font-style:normal; }
.framewire-lead { max-width:650px; color:#aeb5be; font-size:16px; line-height:1.9; }
.framewire-actions { display:flex; gap:12px; margin-top:38px; }
.framewire-actions a { padding:15px 18px; border:1px solid #3b4651; font-size:12px; font-weight:900; }
.framewire-actions a:first-child { color:#0c1014; background:var(--lime); border-color:var(--lime); }
.framewire-map { position:relative; height:490px; border:1px solid #303b46; background:linear-gradient(rgba(126,145,164,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,145,164,.08) 1px,transparent 1px),#0d131a; background-size:48px 48px; }
.map-title { position:absolute; left:22px; top:20px; color:#697481; font-size:10px; letter-spacing:.14em; }
.map-lines { position:absolute; inset:0; background:linear-gradient(32deg,transparent 49.8%,rgba(189,252,75,.25) 50%,transparent 50.2%),linear-gradient(-28deg,transparent 49.8%,rgba(100,136,168,.35) 50%,transparent 50.2%); }
.map-node { position:absolute; width:145px; padding:15px; border:1px solid #3e4d5c; background:#111922; display:flex; flex-direction:column; gap:7px; }
.map-node small { color:#778493; font-size:8px; letter-spacing:.12em; }.map-node b { font-size:13px; }.map-node span { color:#9eabb8; font-size:9px; }
.map-ui { left:35px; top:105px; }.map-api { right:35px; top:205px; }.map-data { left:80px; bottom:45px; }
.map-core { position:absolute; left:50%; top:50%; width:78px; height:78px; transform:translate(-50%,-50%) rotate(45deg); display:grid; place-items:center; border:2px solid var(--lime); color:var(--lime); font-size:34px; font-weight:900; background:#101820; }
.map-core span { transform:rotate(-45deg); }
.framewire-features,.framewire-clarity { padding:140px 0; }
.framewire-features h2,.framewire-flow h2,.framewire-clarity h2,.framewire-cta h2 { max-width:900px; margin:24px 0 70px; font-size:clamp(40px,5vw,64px); line-height:1.18; letter-spacing:-.045em; }
.framewire-card-grid,.framewire-steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #c9cac5; border-left:1px solid #c9cac5; }
.framewire-card-grid article,.framewire-steps article { min-height:285px; padding:30px; border-right:1px solid #c9cac5; border-bottom:1px solid #c9cac5; }
.framewire-card-grid article>span,.framewire-steps article>span { color:#84909b; font-size:10px; letter-spacing:.14em; }
.framewire-card-grid h3,.framewire-steps h3 { margin:65px 0 18px; font-size:24px; }
.framewire-card-grid p,.framewire-steps p { color:#6c7279; font-size:14px; line-height:1.75; }
.framewire-flow { padding:140px 0; color:#fff; background:#111820; }
.framewire-flow h2 { color:#fff; }.framewire-steps { border-color:#35414c; }.framewire-steps article { border-color:#35414c; }.framewire-steps article>span { color:var(--lime); }.framewire-steps p { color:#a5adb5; }
.framewire-clarity>.shell { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; }
.framewire-clarity h2 { margin-top:0; margin-bottom:30px; }.framewire-clarity div>p { max-width:720px; color:#6c7279; line-height:1.9; }
.framewire-cta { padding:85px 0; color:#fff; background:#1a45e8; }.framewire-cta>.shell { display:flex; align-items:flex-end; justify-content:space-between; }.framewire-cta p { color:var(--lime); font-size:11px; font-weight:900; letter-spacing:.15em; }.framewire-cta h2 { margin:18px 0 0; }.framewire-cta a { min-width:210px; padding:18px 0; display:flex; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.55); font-weight:800; }

.docflow-page { background:#f5f6f4; }
.docflow-hero { background:radial-gradient(circle at 76% 38%,rgba(73,126,255,.18),transparent 30%),linear-gradient(145deg,#07101a,#101a27); }
.docflow-hero h1 { font-size:clamp(52px,5.7vw,82px); }
.docflow-hero h1 em,.docflow-hero .framewire-kicker { color:#83a8ff; }
.docflow-hero .framewire-actions a:first-child { background:#83a8ff; border-color:#83a8ff; }
.docflow-library { padding:22px; border:1px solid #34465a; background:linear-gradient(180deg,rgba(23,39,57,.96),rgba(11,20,31,.96)); box-shadow:0 40px 80px rgba(0,0,0,.28); }
.docflow-library-head { display:flex; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid #304155; color:#8fa1b4; font-size:9px; letter-spacing:.13em; }
.docflow-library-head b { color:#75d7ba; font-weight:700; }
.docflow-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:18px 0; }
.docflow-stats span { padding:18px; border:1px solid #314359; background:#152234; }
.docflow-stats small { display:block; color:#8293a6; font-size:8px; letter-spacing:.12em; }
.docflow-stats b { display:block; margin-top:12px; color:#f6f8fb; font-size:26px; }
.docflow-table { border-top:1px solid #304155; }
.docflow-table div { display:grid; grid-template-columns:1fr 48px 70px; align-items:center; gap:10px; padding:17px 5px; border-bottom:1px solid #293a4d; font-size:10px; }
.docflow-table b { color:#d8e1eb; font-size:10px; letter-spacing:.04em; }.docflow-table span { color:#8192a5; }.docflow-table em { padding:6px 8px; color:#83a8ff; border:1px solid #3e5b7e; font-size:8px; font-style:normal; text-align:center; }
.docflow-path { display:flex; align-items:center; justify-content:center; gap:18px; padding-top:22px; color:#5f7590; }
.docflow-path i { padding:8px 12px; color:#9fb2c8; border:1px solid #3b5067; font-size:9px; font-style:normal; letter-spacing:.1em; }
.docflow-card-grid,.docflow-steps { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #c9cac5; border-left:1px solid #c9cac5; }
.docflow-card-grid article,.docflow-steps article { min-height:300px; padding:28px; border-right:1px solid #c9cac5; border-bottom:1px solid #c9cac5; }
.docflow-card-grid article>span,.docflow-steps article>span { color:#74869b; font-size:10px; letter-spacing:.14em; }
.docflow-card-grid h3,.docflow-steps h3 { margin:60px 0 18px; font-size:22px; }
.docflow-card-grid p,.docflow-steps p { color:#6c7279; font-size:14px; line-height:1.75; }
.docflow-flow { background:#111b28; }.docflow-steps { border-color:#35475b; }.docflow-steps article { border-color:#35475b; }.docflow-steps article>span { color:#83a8ff; }.docflow-steps h3 { color:#fff; }.docflow-steps p { color:#a6b1bd; }
.docflow-cta { background:#204fb8; }.docflow-cta p { color:#bed0ff; }

@media (max-width:800px) {
  .framewire-nav nav>a:first-child { display:none; }.framewire-nav nav { gap:12px; font-size:11px; }.framewire-nav-cta { padding:10px; }.framewire-hero { padding-top:120px; }.framewire-hero-grid { grid-template-columns:1fr; gap:55px; }.framewire-hero h1 { font-size:52px; }.framewire-map { height:390px; }.map-node { width:122px; }.map-ui { left:16px; }.map-api { right:16px; }.map-data { left:30px; }.framewire-features,.framewire-flow,.framewire-clarity { padding:90px 0; }.framewire-features h2,.framewire-flow h2,.framewire-clarity h2,.framewire-cta h2 { font-size:38px; margin-bottom:48px; }.framewire-card-grid,.framewire-steps { grid-template-columns:1fr; }.framewire-card-grid article,.framewire-steps article { min-height:auto; }.framewire-card-grid h3,.framewire-steps h3 { margin-top:38px; }.framewire-clarity>.shell { grid-template-columns:1fr; gap:35px; }.framewire-cta>.shell { align-items:flex-start; flex-direction:column; gap:35px; }.framewire-cta a { width:100%; }
  .docflow-hero h1 { font-size:44px; }.docflow-stats span { padding:13px; }.docflow-library { padding:15px; }.docflow-card-grid,.docflow-steps { grid-template-columns:1fr; }.docflow-card-grid article,.docflow-steps article { min-height:auto; }.docflow-card-grid h3,.docflow-steps h3 { margin-top:35px; }
  .language-switch { margin-left:auto; margin-right:12px; }.localized-hero { min-height:620px; padding-top:95px; }.localized-hero h1 { font-size:50px; }.localized-ai-line { align-items:flex-start; flex-direction:column; gap:8px; font-size:12px; }
  .shell { width:min(100% - 32px,1180px); }
  .nav { height:72px; }.nav-links { display:none; }.nav-cta { margin-left:auto; font-size:12px; }.mobile-menu { display:block; }
  .hero { min-height:0; }.hero-inner { padding-top:155px; }.hero h1 { font-size:52px; letter-spacing:-3px; }.hero-copy { font-size:15px; }.desktop { display:none; }
  .hero-ai-tagline { left:6%; top:82%; max-width:82%; font-size:9px; letter-spacing:0; }.hero-ai-tagline span { margin-right:6px; }
  .hero-panel { position:relative; bottom:auto; right:auto; margin-top:70px; width:100%; height:150px; grid-template-columns:repeat(3,1fr); }.hero-panel>p { display:none; }.hero-panel div { padding:18px 12px; }
  .section { padding:95px 0; }.split-heading { grid-template-columns:1fr; gap:40px; }.split-heading h2,.section-top h2,.project-head h2,.value h2,.contact h2 { font-size:39px; letter-spacing:-2px; }
  .principles { grid-template-columns:1fr; margin-top:60px; }.principles article,.principles article+article { border-right:0; border-bottom:1px solid #d1d1cc; padding:28px 0; min-height:auto; }
  .section-top,.project-head { align-items:flex-start; flex-direction:column; gap:35px; }.section-top>p,.project-head>p { width:auto; }.project-watermark { width:380px; max-width:85%; right:-80px; top:35%; }
  .service-list { margin-top:50px; }.service-list article { grid-template-columns:45px 1fr 24px; min-height:200px; gap:12px; }.service-list article>p { grid-column:2/4; margin-top:-30px; }.service-list article.has-demo>p { margin-top:8px; }.service-list .arrow { grid-column:3; grid-row:1; }
  .ai-section:before { font-size:250px; top:-25px; right:-20px; }.ai-heading { grid-template-columns:1fr; gap:32px; }.ai-heading h2 { font-size:39px; letter-spacing:-2px; }.ai-grid { grid-template-columns:1fr; margin-top:52px; }.ai-grid article { min-height:auto; padding:30px 25px; }.ai-grid h3 { margin-top:42px; }.ai-grid article>p { min-height:0; }.ai-grid ul { margin-bottom:32px; }.ai-grid article>a,.ai-card-actions,.ai-status { margin-top:12px; }.ai-principle { align-items:flex-start; flex-direction:column; gap:16px; padding:25px; }
  .project-grid { grid-template-columns:1fr; }.project-grid article { min-height:auto; }.project-grid h3 { margin-top:42px; }
  .projects-more { margin-top:55px; padding:35px 25px; flex-direction:column; align-items:flex-start; gap:35px; }.projects-more h3 { font-size:25px; }.projects-more>a { width:100%; }
  .history-wrap { margin-top:65px; }.history-head { align-items:flex-start; gap:15px; }.history-head h3 { font-size:23px; }.history-head span { text-align:right; }
  .history-list article { grid-template-columns:1fr auto; gap:10px 18px; padding:24px 0; }.history-list time { grid-column:1; }.history-list>article>strong { grid-column:1; }.history-list article>div { grid-column:1/3; }.history-list>article>span { grid-column:2; grid-row:1/3; }
  .value-box { padding:55px 28px; width:100%; }.value-row { grid-template-columns:1fr; gap:35px; margin-top:55px; }
  .contact-info { flex-direction:column; gap:10px; }.footer-inner { flex-wrap:wrap; gap:25px; }.footer-inner p { order:3; width:100%; }
  .quick-contact { right:12px; bottom:12px; left:12px; }.quick-contact a { flex:1; text-align:center; padding:14px 8px; }
  .archive-nav .shell { height:72px; }.archive-nav .shell>a:last-child { font-size:11px; }.archive-hero { padding:85px 0 65px; }.archive-watermark { width:560px; max-width:none; right:-250px; top:40%; }.archive-hero h1 { font-size:56px; letter-spacing:-3px; margin-bottom:45px; }.archive-hero .shell>div { align-items:flex-start; }.archive-content { padding:70px 0 90px; }.archive-table-head { display:none; }.archive-list article { padding:26px 0; }.archive-list h2 { font-size:18px; }.archive-contact .shell { flex-direction:column; align-items:flex-start; gap:30px; }.archive-contact a { width:100%; display:flex; justify-content:space-between; }
}