@font-face {font-family:'Pretendard';src:url('assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap;}
:root {--text:#080808;--muted:#73777e;--line:#dfdfdf;--font:'Pretendard','Malgun Gothic',sans-serif;}
* {box-sizing:border-box;}
html {-webkit-text-size-adjust:100%;}
body {margin:0;background:#fff;color:var(--text);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased;}
h1,h2,h3,p,figure {margin:0;}
a {color:inherit;text-decoration:none;}
button {font:inherit;cursor:pointer;}
img {display:block;max-width:100%;}
[hidden] {display:none!important;}
.wrap {width:86.5%;max-width:1246px;margin-inline:auto;}
:where(a,button):focus-visible {outline:3px solid #3169a8;outline-offset:5px;}
.skip-link {position:absolute;top:-100px;left:20px;z-index:5;background:#080808;color:white;padding:10px 15px;border-radius:4px;}
.skip-link:focus {top:10px;}
.site-header {min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand {font-size:clamp(25px,2.5vw,33px);font-weight:750;letter-spacing:.015em;line-height:1;}
.site-header nav {display:flex;gap:clamp(26px,4.2vw,54px);font-size:clamp(13px,1.25vw,17px);font-weight:500;}
.site-header nav a {display:block;padding:12px 0;}
.hero {display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:18px;min-height:760px;padding-bottom:22px;}
.hero-copy {padding-left:clamp(24px,3.4vw,44px);padding-bottom:32px;position:relative;top:10px;}
h1 {font-size:clamp(48px,6.6vw,94px);font-weight:900;letter-spacing:-.06em;line-height:1.035;word-break:keep-all;}
.hero-desc {margin-top:32px;font-size:clamp(17px,2.05vw,28px);font-weight:500;color:#555962;word-break:keep-all;letter-spacing:-.035em;}
.hero-actions {display:flex;flex-wrap:wrap;gap:20px;margin-top:43px;}
.btn {display:inline-flex;align-items:center;justify-content:center;min-height:62px;min-width:clamp(151px,13.46vw,194px);padding:13px 30px;border:1px solid #777;border-radius:6px;font-size:clamp(15px,1.4vw,20px);font-weight:650;line-height:1.5;box-shadow:0 2px 5px #0000000c;}
.btn-primary {background:#111;color:#fff;border-color:#111;min-width:clamp(161px,14.35vw,207px);}
.btn:hover {background:#f3f5f7;}
.btn-primary:hover {background:#333;}
.hero-showcase {min-width:0;display:flex;flex-direction:column;align-items:center;padding-right:30px;position:relative;left:clamp(-27px,-1.9vw,-17px);}
.phone-screen {width:520px;max-width:100%;aspect-ratio:2/3;margin-top:-33px;}
.hero-phone {width:100%;height:auto;}
.mock-caption {color:#979a9e;font-size:12px;line-height:1.5;margin-top:-40px;text-align:center;}
.switch {margin-top:18px;display:flex;gap:5px;border:1px solid #d8dce0;background:#fff;border-radius:50px;padding:4px;box-shadow:0 2px 8px #00000007;}
.switch button {border:0;background:transparent;color:#70747a;border-radius:40px;min-height:40px;min-width:116px;padding:6px 17px;font-size:15px;font-weight:550;line-height:1.5;}
.switch button[aria-pressed=true] {background:#deedff;color:#151515;}
.projects {padding-top:56px;padding-bottom:23px;}
.projects>h2 {font-size:clamp(28px,2.6vw,38px);font-weight:800;letter-spacing:-.045em;text-align:center;margin-bottom:38px;line-height:1.3;}
.product {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:clamp(30px,4.4vw,63px);align-items:center;}
.product+.product {margin-top:24px;}
.product-sort {grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);}
.product-art {min-width:0;}
.product-art img {width:100%;height:auto;aspect-ratio:2.25/1;object-fit:cover;border-radius:10px;}
.product-body {padding-block:12px;min-width:0;}
.product-sort .product-body {padding-left:clamp(24px,3.4vw,44px);}
h3 {font-size:clamp(30px,3.1vw,43px);font-weight:800;line-height:1.2;letter-spacing:-.04em;word-break:keep-all;}
.product-platform {color:var(--muted);font-size:clamp(16px,1.75vw,23px);line-height:1.4;margin-top:3px;}
.status {display:table;margin-top:17px;border-radius:40px;font-size:clamp(13px,1.35vw,18px);line-height:1.5;padding:5px 15px;font-weight:500;}
.status-live {background:#e1f4e7;color:#207334;}
.status-pending {background:#e3efff;color:#3774c4;}
.product-desc {font-size:clamp(16px,1.55vw,21px);color:#53565e;margin-top:22px;letter-spacing:-.025em;word-break:keep-all;}
.detail-btn {display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#777c84;padding:5px 0;margin-top:8px;font-size:12px;min-height:28px;line-height:1.5;}
.detail-btn:hover {color:#111;text-decoration:underline;}
.detail-btn[aria-expanded=true] span {transform:rotate(45deg);}
.detail {font-size:14px;color:#5e626a;border-top:1px solid #e8e8e8;padding-top:15px;margin-top:8px;word-break:keep-all;}
.detail ul {padding-left:20px;margin:12px 0 0;}
.site-footer {border-top:1px solid #dcdfe4;padding-top:24px;padding-bottom:24px;}
.site-footer h2 {font-size:25px;font-weight:750;line-height:1.4;letter-spacing:-.025em;}
.company-description {font-size:14px;line-height:1.5;color:#676b73;}
.company-origin {font-size:12px;line-height:1.6;color:#989ca2;margin-top:4px;}
.visual-note {font-size:11px;line-height:1.6;color:#989ca2;margin-top:2px;}
.language-link {color:#74777c;border-left:1px solid var(--line);padding-left:16px!important;}
.app-heading {display:flex;align-items:center;gap:16px;}
.app-heading h3 {font-size:clamp(26px,2.7vw,38px);}
.app-icon {width:68px;height:68px;flex:0 0 68px;border-radius:16px;}
.product-actions {margin-top:22px;}
.store-button {min-width:0;font-size:16px;min-height:50px;padding:12px 22px;gap:12px;}
.company-contact {font-size:14px;margin-top:12px;}
.company-contact a {text-decoration:underline;text-underline-offset:3px;}
.native-preview {container-type:inline-size;aspect-ratio:auto;}
.phone-device {position:relative;width:72%;min-height:118cqw;margin:24px auto 48px;border:10px solid #171b20;border-radius:48px;overflow:hidden;box-shadow:0 3px 0 2px #adb2b7,0 18px 22px #00000020;}
.phone-sort {background:linear-gradient(145deg,#e5f4ff,#b8ddf2);}
.phone-call {background:linear-gradient(150deg,#fdf9ef,#e8f1f5);}
.phone-island {position:absolute;top:9px;left:50%;transform:translateX(-50%);width:35%;height:22px;border-radius:30px;background:#171b20;}
.phone-content {padding:53px 7% 35px;text-align:center;}
.phone-brand {font-size:clamp(17px,4.3cqw,25px);font-weight:750;letter-spacing:-.04em;line-height:1.2;}
.phone-headline {font-size:clamp(25px,6.8cqw,39px);font-weight:850;line-height:1.1;letter-spacing:-.045em;margin-top:27px;}
.phone-subline {font-size:clamp(11px,2.8cqw,15px);margin-top:16px;color:#415c70;}
.phone-home {position:absolute;width:35%;height:5px;background:#171b20;bottom:12px;left:32.5%;border-radius:20px;}
.phone-app-icon {width:35%;height:auto;aspect-ratio:1;margin:0 auto 17px;border-radius:18%;}
.phone-call .phone-brand {font-size:clamp(15px,3.7cqw,22px);}
.phone-call .phone-headline {margin-top:22px;}
.call-preview {margin-top:32px;padding:20px 10px;background:#ffffffaa;border:1px solid #ffffffcc;border-radius:17px;box-shadow:0 8px 18px #57728715;font-size:clamp(12px,3cqw,17px);}
.call-preview strong,.call-preview>span:last-child {display:block;}.call-preview>span:last-child {font-size:11px;color:#65727c;margin-top:8px;}
.call-dot {display:block;background:#399c70;width:12px;height:12px;border-radius:50%;margin:0 auto 11px;}
.file-stack {position:relative;height:clamp(130px,40cqw,210px);margin-top:45px;}
.preview-file {position:absolute;background:white;border:1px solid #eef1f4;box-shadow:0 10px 18px #2c52602b;border-radius:7px;width:54%;padding:12px;min-height:145px;text-align:left;}
.file-photo {left:-2%;top:9%;transform:rotate(-13deg);}.file-photo svg {width:100%;height:auto;}.file-photo span {font-size:11px;color:#65727c;}
.file-document {right:1%;top:0;transform:rotate(11deg);padding-top:20px;}.paper-line {display:block;height:5px;margin-bottom:12px;background:#dbe0e5;border-radius:4px;}.paper-line.short {width:65%;}.file-document strong {display:block;margin-top:27px;font-size:12px;}
.file-pdf {right:8%;bottom:-7%;min-height:100px;width:60%;background:#608faa;color:#fff;transform:rotate(-5deg);}.file-pdf strong {font-size:23px;}.file-pdf span {display:block;font-size:10px;margin-top:9px;}
html[lang=en] h1 {font-size:clamp(48px,6.1vw,88px);line-height:1.05;letter-spacing:-.055em;}
html[lang=en] .hero-desc {font-size:clamp(16px,1.55vw,23px);}
html[lang=en] .hero-actions .btn {font-size:16px;gap:10px;padding-inline:23px;}
html[lang=en] .mock-caption {margin-top:-30px;}
@media(min-width:861px) and (max-width:1199px) {
 .site-header {min-height:48px;}.hero {min-height:630px;}.phone-screen {width:415px;}.hero-copy {padding-bottom:17px;}
 .hero-desc {margin-top:26px;}.hero-actions {margin-top:36px;gap:16px;}.btn {min-height:51px;padding:11px 28px;}
 .switch button {min-height:32px;min-width:101px;font-size:13px;}.mock-caption {font-size:11px;margin-top:-40px;}.switch {margin-top:16px;}
 .projects {padding-top:27px;}.projects>h2 {margin-bottom:18px;}.product+.product {margin-top:18px;}.product-art img {border-radius:8px;}
 .status {margin-top:14px;}.product-desc {margin-top:17px;}
}
@media(max-width:860px) {
 .wrap {width:calc(100% - 40px);}.site-header {min-height:70px;gap:16px;}.brand {font-size:27px;}.site-header nav {font-size:12px;gap:16px;}
 .hero {grid-template-columns:1fr;gap:18px;min-height:0;padding-top:39px;padding-bottom:25px;}.hero-copy {padding:0;top:0;}
 h1 {font-size:clamp(43px,8.9vw,69px);line-height:1.09;letter-spacing:-.055em;}.hero-desc {font-size:16px;margin-top:23px;}
 .hero-actions {gap:12px;margin-top:26px;}.btn {min-height:46px;min-width:0;font-size:14px;padding:11px 20px;}
 .hero-showcase {padding-right:0;left:0;}.phone-screen {width:380px;margin-top:0;}.mock-caption {margin-top:-22px;font-size:11px;}
 .switch {margin-top:13px;}.switch button {min-width:108px;min-height:44px;font-size:13px;}
 .projects {padding-top:42px;padding-bottom:32px;}.projects>h2 {font-size:29px;margin-bottom:26px;}
 .product,.product-sort {grid-template-columns:1fr;gap:21px;}.product+.product {margin-top:36px;}.product-sort .product-art {grid-row:1;}
 .product-body,.product-sort .product-body {padding:0 2px;}h3 {font-size:30px;}.product-platform {font-size:17px;}
 .status {margin-top:11px;font-size:13px;}.product-desc {margin-top:15px;font-size:16px;}.detail-btn {min-height:40px;}
 .site-footer {padding-top:21px;padding-bottom:24px;}.site-footer h2 {font-size:23px;}.company-description {font-size:12px;}.company-origin,.visual-note {font-size:11px;}
}
@media(prefers-reduced-motion:no-preference) {html {scroll-behavior:smooth;}button,.btn {transition:background .15s ease,color .15s ease;}}
@media(max-width:860px) {
 .language-link {padding-left:12px!important;}.app-icon {width:56px;height:56px;flex-basis:56px;}.app-heading {gap:12px;}.app-heading h3 {font-size:28px;}
 html[lang=en] h1 {font-size:clamp(43px,9.5vw,69px);}.hero-actions .btn {font-size:14px!important;}.store-button {font-size:14px;}
 .phone-device {border-width:8px;border-radius:38px;margin-top:24px;margin-bottom:41px;}.phone-island {height:17px;top:7px;}.phone-content {padding-top:40px;}
 .phone-headline {margin-top:20px;}.phone-subline {margin-top:12px;}.file-stack {margin-top:30px;}.preview-file {padding:9px;min-height:118px;}.file-pdf {min-height:83px;}
 .phone-call .phone-headline {margin-top:16px;}.call-preview {margin-top:23px;padding:14px 8px;}.phone-home {bottom:10px;height:4px;}
}

/* Company information, working-app evidence and development roadmap. */
.evidence,.roadmap,.company {padding-block:70px;border-top:1px solid var(--line);}
.section-heading {max-width:780px;margin-bottom:34px;}
.eyebrow {font-size:13px;color:#53739a;letter-spacing:.035em;font-weight:650;margin-bottom:12px;}
.section-heading h2 {font-size:clamp(28px,3.3vw,46px);font-weight:800;letter-spacing:-.04em;line-height:1.2;}
.section-heading>p:last-child {color:#565d66;font-size:17px;line-height:1.75;margin-top:20px;}
.screenshot-grid {display:grid;grid-template-columns:repeat(2,minmax(0,230px));gap:28px;}
.screenshot-grid figure {min-width:0;}
.screenshot-grid img {width:100%;height:auto;border:1px solid #e0e4eb;border-radius:18px;box-shadow:0 10px 25px #203d5410;}
.screenshot-grid a {display:block;}
.screenshot-grid figcaption {margin-top:14px;font-size:15px;font-weight:650;}
.screenshot-grid figcaption span {display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:3px;}
.roadmap-grid,.company-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;}
.roadmap-grid article {background:#f6f9fc;border:1px solid #e8edf3;border-radius:16px;padding:30px;}
.roadmap-label {font-size:12px;color:#50769e;font-weight:650;}
.roadmap-grid h3,.company-story h3 {font-size:26px;line-height:1.3;margin-top:14px;}
.roadmap-grid article>p {font-size:16px;color:#56606c;margin-top:18px;}
.roadmap-grid .workflow {font-size:13px;border-top:1px solid #dfe6ed;padding-top:16px;}
.roadmap-note {font-size:13px;color:#737d89;margin-top:22px;max-width:850px;}
.company-story>p {color:#59616c;font-size:16px;margin-top:20px;max-width:540px;}
.company-story .btn {margin-top:28px;font-size:16px;min-height:50px;}
.company-facts {margin:0;border:1px solid #e1e5ea;border-radius:16px;padding:12px 26px;min-width:0;}
.company-facts>div {display:grid;grid-template-columns:1fr 1.35fr;gap:18px;padding-block:15px;border-bottom:1px solid #e8ebef;}
.company-facts>div:last-child {border:0;}
.company-facts dt {font-size:13px;color:#747d89;}
.company-facts dd {font-size:14px;margin:0;overflow-wrap:anywhere;}
.company-facts a {text-decoration:underline;text-underline-offset:3px;}
.site-header nav {gap:clamp(16px,2.4vw,35px);}
@media(max-width:860px) {
 .evidence,.roadmap,.company {padding-block:44px;}
 .section-heading>p:last-child {font-size:15px;}
 .roadmap-grid,.company-grid {grid-template-columns:1fr;gap:22px;}
 .roadmap-grid article {padding:24px;}
 .screenshot-grid {gap:16px;}
 .screenshot-grid figcaption {font-size:13px;}
 .screenshot-grid img {border-radius:12px;}
 .company-facts {padding-inline:18px;}
 .site-header {flex-wrap:wrap;gap:5px 12px;padding-block:14px;}
 .site-header nav {gap:12px;font-size:11px;flex-wrap:wrap;}
 .site-header nav a {padding-block:6px;}
}
