@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f3f1e9;--ink:#191b16;--muted:#74766c;--line:#d7d8ce;--lime:#d5f55c;--serif:#e8e6dc;--blue:#e4ecff;--display:'Space Grotesk','Noto Sans KR',sans-serif;--body:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.7;word-break:keep-all;overflow-x:hidden}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6a71da;outline-offset:6px}button{border:0}h1,h2,h3,h4,h5,p{margin:0}h1,h2,h3,h4,h5{letter-spacing:-.065em;line-height:1.2}::selection{background:var(--lime);color:var(--ink)}.section-pad{padding-left:max(5.5vw,24px);padding-right:max(5.5vw,24px)}.eyebrow,.section-index,.hero-footer,.project-top,.detail-label,.tags,.footer,.flow-stage-bottom,.flow-counter{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.06em}.skip-link{position:absolute;z-index:100;top:-70px;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:10px}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;z-index:60;background:var(--ink)}.header{height:90px;display:flex;align-items:center;gap:36px;padding:0 max(5.5vw,24px);position:absolute;z-index:10;top:0;width:100%}.wordmark{font-family:var(--display);font-weight:700;font-size:30px;line-height:1;letter-spacing:-3px;display:inline-flex;align-items:center;gap:4px}.wordmark span{font-size:33px;letter-spacing:-2px}.header-name{font-size:12px;font-weight:700;letter-spacing:-.02em}.header-name span{font-family:var(--display);font-size:10px;letter-spacing:.04em;color:var(--muted);margin-left:7px}.header nav{margin-left:auto;display:flex;gap:28px;align-items:center;font-size:12px;font-weight:600}.header nav a{transition:opacity .2s}.header nav a:hover{opacity:.55}.header nav a>span{font-family:var(--display);font-size:10px;padding-left:4px}.header nav .nav-contact{padding:9px 15px;border:1px solid var(--ink);border-radius:30px}.hero{min-height:850px;height:100svh;max-height:1120px;position:relative;padding-top:145px;display:flex;flex-direction:column}.hero-label{display:flex;gap:9px;align-items:center}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #dfe6c7}.hero-layout{display:grid;grid-template-columns:1.13fr 1fr;flex:1;align-items:center;gap:10px}.hero h1{font-size:clamp(52px,6.1vw,102px);font-weight:800;line-height:1.19;letter-spacing:-.08em}.flow-word{position:relative}.flow-word svg{position:absolute;width:110%;height:18px;bottom:0;left:-4%;overflow:visible}.flow-word path{fill:none;stroke:#a0be2c;stroke-width:6;stroke-linecap:round}.lime-period{color:#8da722}.hero-copy p{font-size:15px;line-height:1.9;margin-top:29px;color:#5a5e52;letter-spacing:-.035em}.text-link{font-size:12px;font-weight:700;margin-top:30px;display:inline-flex;gap:42px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:8px}.text-link span{font-size:20px;transition:transform .3s}.text-link:hover span{transform:translateY(4px)}.hero-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:23px 0;margin-top:34px;font-size:9px}.scroll-hint{display:flex;gap:14px;align-items:center}.scroll-hint i{font-style:normal;font-size:17px;animation:scroll-nudge 2s infinite}@keyframes scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.hero-art{width:100%;height:510px;position:relative;perspective:1200px;--art-shift:0px;transform:translateY(var(--art-shift))}.art-axis{position:absolute;border:1px solid #d5d6ca;border-radius:50%;width:440px;height:205px;top:170px;left:5%;transform:rotate(-40deg)}.axis-two{transform:rotate(42deg);height:250px;top:145px}.orbit-label{position:absolute;font-size:11px;letter-spacing:-.015em;color:#5c6053;display:flex;gap:10px}.orbit-label span{font-family:var(--display);font-size:9px;letter-spacing:.1em;color:var(--muted)}.top-label{top:13px;left:8%}.bottom-label{bottom:19px;right:6%}.paper-stack{width:172px;height:215px;position:absolute;left:4%;top:53px;transform:rotate(-13deg);filter:drop-shadow(0 10px 15px #191b160f)}.paper-stack>div{position:absolute;inset:0;background:#fefdf9;border:1px solid #c9cbbf;border-radius:2px}.paper-stack>div:nth-child(1){transform:translate(10px,-5px) rotate(6deg)}.paper-stack>div:nth-child(2){transform:translate(4px,-2px) rotate(3deg)}.paper-stack .paper-front{padding:21px 15px}.paper-front>span:first-child{font-size:8px;font-family:var(--display);border-bottom:1px solid var(--ink);padding-bottom:9px;display:block;font-weight:700}.paper-front i{height:4px;background:#d9dbd0;display:block;margin:13px 0;width:100%}.paper-front i:nth-child(3){width:70%}.paper-front i:nth-child(5){width:60%}.paper-front b{font-size:9px;font-weight:500;display:block;position:absolute;bottom:20px}.paper-check{font-size:31px;color:#758d1a;position:absolute;right:20px;bottom:23px;transform:rotate(-7deg);font-weight:400}.cargo-cube{position:absolute;width:260px;height:220px;top:157px;left:36%;transform:rotate(-7deg);filter:drop-shadow(12px 25px 14px #1b1e1620);animation:cube-float 6s ease-in-out infinite}.cube-front{position:absolute;left:0;top:44px;width:225px;height:182px;background:#d4ed66;border:1px solid #5b6f1b;transform:skewY(13deg);overflow:hidden;border-radius:3px}.cube-front>span{position:absolute;top:20px;left:25px;font-family:var(--display);font-size:34px;line-height:.99;font-weight:700;letter-spacing:-.07em;color:#26350d}.cube-front>b{position:absolute;font:9px var(--display);bottom:13px;left:22px;letter-spacing:.14em}.container-ribs{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 21px,#a0bc3d60 22px,#e1fa8c90 26px,transparent 28px)}.cube-side{position:absolute;left:225px;top:44px;width:50px;height:182px;background:repeating-linear-gradient(0deg,#849b32 0,#849b32 20px,#769026 22px,#adc349 25px);transform:skewY(-37deg);transform-origin:top left;border:1px solid #5b6f1b;border-radius:2px}.cube-top{position:absolute;top:6px;left:0;width:225px;height:52px;transform:skewY(13deg) skewX(-53deg);transform-origin:bottom left;background:repeating-linear-gradient(90deg,#e0f881 0,#e0f881 21px,#d0e96e 22px,#edfda3 26px);border:1px solid #5b6f1b;border-radius:3px}.art-connector{display:flex;position:absolute;left:38%;top:112px;gap:9px;transform:rotate(-10deg);color:#707966;font-size:22px}.art-connector span:nth-child(2){opacity:.65}.art-connector span:nth-child(3){opacity:.3}.art-signal{position:absolute;background:var(--ink);color:var(--paper);padding:15px 19px;display:flex;gap:13px;align-items:center;left:5%;bottom:32px;transform:rotate(4deg);box-shadow:0 7px 14px #00000014}.art-signal>span{font-size:46px;color:var(--lime);line-height:1}.art-signal small{font-family:var(--display);font-size:8px;letter-spacing:.11em;color:#b7bcab;display:block;margin-bottom:5px}.art-signal b{font-size:13px;line-height:1.5;font-weight:500;display:block;letter-spacing:-.04em}.art-coordinate{position:absolute;right:0;top:50px;font-family:var(--display);font-size:8px;writing-mode:vertical-rl;letter-spacing:.1em;color:var(--muted)}@keyframes cube-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.intro{padding-top:110px;padding-bottom:115px;border-top:1px solid var(--line)}.section-index{display:flex;align-items:center;justify-content:space-between;font-size:10px;line-height:1.5}.section-index>span:last-child{font-family:var(--body);letter-spacing:-.025em;color:var(--muted)}.intro-headline{font-size:clamp(32px,3.7vw,59px);font-weight:700;line-height:1.55;margin-top:65px;letter-spacing:-.075em}.intro-headline>span{color:#8c9082}.intro-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;margin-top:48px;align-items:end}.intro-bottom>p{max-width:465px;font-size:14px;color:#686c60;line-height:1.9;letter-spacing:-.035em}.domain-route{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-size:12px;font-weight:600}.domain-route>span{border-bottom:1px solid #a8ad9b;padding:5px 0}.domain-route>i{font-style:normal;color:#9a9e90}
.flow-story{display:grid;grid-template-columns:1.15fr 1fr;background:#191b16;color:var(--paper);padding:0 max(5.5vw,24px);position:relative;gap:7vw}.flow-stage{height:100svh;min-height:620px;max-height:1100px;position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between;padding:42px 0}.flow-stage-top,.flow-stage-bottom{display:flex;justify-content:space-between;align-items:center}.flow-stage-top .eyebrow{color:#8f9683;font-size:9px}.flow-counter{font-size:10px;color:#8f9683}.flow-stage-body{position:relative;height:420px;width:100%}.flow-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .5s,transform .6s}.flow-scene[hidden]{display:none}.scene-pill{background:#34382d;color:var(--lime);padding:6px 12px;border:1px solid #4b523d;border-radius:30px;font:9px var(--display);letter-spacing:.09em;z-index:2;margin-bottom:20px}.scene-paper{background:#f2f1e8;color:var(--ink);width:min(100%,390px);padding:35px 30px;position:relative;transform:rotate(-4deg);box-shadow:12px 12px 0 #3e4432}.scene-paper>span:first-child,.rules-board>span,.verify-board>span:nth-child(2){font:9px var(--display);letter-spacing:.09em;color:#7b816e}.scene-paper>h3{font-size:29px;margin:20px 0 27px;letter-spacing:-.07em}.manual-row{font-size:11px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d1d4c6;padding:12px 0;color:#606751}.manual-row b{font-weight:400;color:#969f84}.circle-mark{position:absolute;right:23px;top:60px;color:#7a921e;border:2px solid #91a844;width:67px;height:67px;border-radius:50%;display:grid;place-items:center;transform:rotate(16deg);font:bold 15px var(--display)}.rules-board{width:min(100%,420px);border:1px solid #4b523d;background:#23271d;padding:30px;transform:rotate(2deg)}.rules-board>h3{font-size:30px;margin:20px 0 30px;line-height:1.35}.rules-board>div{display:flex;align-items:center;border-top:1px solid #49503d;padding:22px 0 5px;gap:13px}.rules-board>div+div{margin-top:20px}.rule-icon{font-size:31px;color:var(--lime)}.rules-board p{font-size:13px;font-weight:600;letter-spacing:-.04em}.rules-board p small{font-size:10px;color:#8d9680;display:block;font-weight:400;margin-top:4px}.rule-tag{margin-left:auto;font:7px var(--display);background:#363c2e;color:#bac2aa;padding:4px 6px;border-radius:2px}.rule-tag.lime-tag{background:var(--lime);color:var(--ink)}.verify-board{text-align:center;width:100%}.verify-check{display:grid;place-items:center;border:1px solid #a8c347;border-radius:50%;width:74px;height:74px;color:var(--lime);font:40px var(--display);margin:0 auto 30px}.verify-board>span:nth-child(2){font-size:9px;color:#9aa68a}.verify-board h3{font-size:38px;line-height:1.35;margin:15px 0}.verify-board p{font-size:13px;color:#9da58f;line-height:1.9}.verify-loop{display:flex;justify-content:center;gap:16px;font-size:11px;margin-top:27px;color:var(--lime)}.verify-loop i{font-style:normal;color:#7d8967}.flow-stage-bottom{font-size:10px;color:#89927d;letter-spacing:0}.scene-dots{display:flex;gap:7px}.scene-dots i{display:block;width:22px;height:3px;background:#3f4536;transition:background .3s}.scene-dots i.active{background:var(--lime)}.flow-step{min-height:100svh;display:flex;justify-content:center;flex-direction:column;max-width:450px;padding:60px 0;opacity:.35;transition:opacity .5s}.flow-step.active{opacity:1}.flow-step .eyebrow{color:var(--lime);font-family:var(--body);font-size:11px;letter-spacing:0;margin-bottom:25px}.flow-step h2{font-size:clamp(29px,2.9vw,45px);line-height:1.5;letter-spacing:-.07em}.flow-step p{font-size:14px;line-height:1.95;letter-spacing:-.035em;color:#acb29f;max-width:350px;margin-top:23px}
.work-section{padding-top:100px;padding-bottom:120px}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:60px 0 75px}.work-heading h2{font-family:var(--display);font-size:clamp(50px,6.2vw,94px);font-weight:500;line-height:1.03;letter-spacing:-.075em}.work-heading h2>span{color:#939888}.work-heading p{font-size:13px;color:#73796a;line-height:1.9;margin-bottom:8px}.project{padding:44px 45px;margin-bottom:45px;border-radius:3px;position:relative}.project-cargo{background:#e7eadf}.project-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#6c7461}.project-status{display:flex;align-items:center;gap:6px;font-family:var(--body);font-size:10px;letter-spacing:-.02em}.project-status i{display:block;width:6px;height:6px;background:#678c25;border-radius:50%}.project-title-row{display:flex;align-items:center;justify-content:space-between;margin:28px 0}.project-title-row h3{font-family:var(--display);font-size:clamp(42px,5.7vw,82px);letter-spacing:-.07em;font-weight:500;line-height:1}.project-title-row h3>span{font-family:var(--body);font-size:13px;color:#717c63;vertical-align:middle;letter-spacing:-.03em;margin-left:15px;font-weight:400}.project-arrow{font-family:var(--display);font-size:58px;line-height:1;font-weight:400;color:#475835}.project-lead{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10%;margin:28px 0 42px}.project-lead h4{font-size:clamp(26px,2.6vw,39px);font-weight:600;line-height:1.45;letter-spacing:-.075em}.project-lead p{font-size:12px;line-height:1.95;color:#6b7560;letter-spacing:-.03em;max-width:390px}.product-browser{border:1px solid #d4dac9;background:#fdfefb;border-radius:8px;box-shadow:0 20px 30px #303d2512;overflow:hidden}.browser-bar{height:34px;border-bottom:1px solid #e5e8de;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#f3f5ef;font-size:8px;color:#88917c;letter-spacing:-.01em}.browser-bar>div{display:flex;gap:4px}.browser-bar i{width:5px;height:5px;background:#c2c9b8;border-radius:50%;display:block}.cargo-ui{display:grid;grid-template-columns:165px 1fr;min-height:390px;font-size:10px}.cargo-ui aside{border-right:1px solid #ecede6;display:flex;flex-direction:column;padding:25px 14px}.cargo-brand{font-family:var(--display);font-size:19px;letter-spacing:-.08em;font-weight:700;display:block;margin-bottom:38px}.cargo-brand>span{font-weight:400}.cargo-brand>i{font-size:15px;font-style:normal;color:#83a631;margin-left:3px}.side-caption{font:6px var(--display);letter-spacing:.12em;color:#abb29f;margin:0 8px 9px}.side-item{padding:10px 9px;border-radius:4px;margin-bottom:3px;font-size:9px;color:#8b947f}.side-item.selected{background:#edf3e2;color:#465b2b;font-weight:600}.sidebar-bottom{margin:auto 9px 0;color:#a0a795;font-size:7px;line-height:1.9}.cargo-content{padding:25px}.ui-heading{display:flex;justify-content:space-between;align-items:center}.ui-heading small{font:6px var(--display);color:#98a28b;letter-spacing:.09em}.ui-heading h5{font-size:17px;letter-spacing:-.05em;font-weight:600;margin-top:5px}.ui-profile{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f0f3e9;color:#7c8c66;font:8px var(--display)}.ui-search{border:1px solid #d6ddca;border-radius:5px;display:flex;justify-content:space-between;align-items:center;padding:9px 10px;margin-top:22px;font-size:8px;color:#afb6a5}.ui-search b{color:#f8fbef;background:#485d30;font-weight:500;padding:6px 10px;border-radius:3px;font-size:7px}.cargo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.cargo-stats>div{background:#f6f8f2;padding:13px;border:1px solid #e9eddf;border-radius:5px;display:flex;flex-direction:column;gap:6px}.cargo-stats>div>span{font-size:8px;color:#8a957b}.cargo-stats b{font-family:var(--display);font-size:22px;line-height:1;letter-spacing:-.05em}.cargo-stats b small{font-family:var(--body);font-size:7px;color:#a4ad97;letter-spacing:0;font-weight:400}.cargo-table{margin-top:23px}.table-label{display:flex;justify-content:space-between;padding-bottom:11px;font-size:9px}.table-label>span{font-size:7px;color:#a5ad9a}.cargo-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .6fr;gap:8px;align-items:center;border-top:1px solid #edf0e7;padding:11px 0;font-size:7px;color:#8b957e}.cargo-row>b{font-family:var(--display);font-weight:500;color:#526242;font-size:8px;letter-spacing:0}.cargo-table-head{font-size:7px;color:#a6af9b;background:#f9faf7;padding:6px 0}.badge{padding:2px 5px;border-radius:3px;width:fit-content;font-size:7px;white-space:nowrap}.badge.blue{background:#ecf2ff;color:#6285bc}.badge.neutral{background:#f0f2eb;color:#8b967b}.badge.amber{background:#fff4de;color:#b3995d}.badge.green{background:#eaf3df;color:#78954e}.cargo-insight{display:flex;align-items:center;background:#f2f6e8;border:1px solid #e2e9d2;padding:8px 10px;margin-top:13px;gap:8px;border-radius:4px}.cargo-insight>span{font-size:20px;color:#9aaf63;line-height:1}.cargo-insight p{font-size:7px;color:#9ca98b;line-height:1.6}.cargo-insight b{display:block;font-size:8px;color:#64774b;font-weight:500}.project-details{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:36px;padding-top:27px;border-top:1px solid #ccd4be}.detail-label{font-size:8px;letter-spacing:.1em;color:#79836d}.project-details p{font-size:11px;line-height:1.9;color:#68745a;margin-top:9px;letter-spacing:-.02em}.project-details p small{font-size:9px;color:#939e87;display:block;margin-top:5px}.project-foot{margin-top:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.tags{display:flex;gap:6px;flex-wrap:wrap;letter-spacing:-.03em}.tags>span{font-family:var(--body);font-size:8px;font-weight:400;border:1px solid #c9d2bc;border-radius:20px;padding:4px 10px;color:#7d8b6c}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 20px;border-radius:3px;font-size:11px;font-weight:600;line-height:1.4;transition:transform .2s,background .2s;letter-spacing:-.03em}.button>span{font:17px var(--display);line-height:1}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#38452a}.link-note{font-size:9px;color:#919d83;margin-top:15px;text-align:right;letter-spacing:-.025em}.project-zero{background:#21251c;color:#f0f1e8;margin-bottom:0}.project-zero .project-top{color:#8c967f}.project-zero .project-title-row h3{font-size:clamp(57px,7.3vw,108px);font-weight:500;letter-spacing:-.08em}.project-zero .project-title-row h3>span{font-size:13px;color:#879578}.project-zero .project-status i{background:var(--lime)}.project-zero .project-arrow{color:var(--lime)}.project-zero .project-lead p{color:#99a58b}.zero-preview{border:1px solid #4c583e;border-radius:7px;overflow:hidden;background:#2c3423}.zero-preview-header{padding:17px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #4c583e;font:8px var(--display);letter-spacing:.07em;color:#82906e}.zero-preview-header b{font-size:25px;letter-spacing:-.09em;color:#e8eddc;margin-right:13px;font-weight:500}.zero-preview-header b span{font-size:25px;color:var(--lime);vertical-align:middle;margin-left:4px}.demo-label{font:8px var(--display);letter-spacing:.08em;padding:5px 8px;border:1px solid #6c814e;color:var(--lime);border-radius:20px}.zero-preview-body{display:grid;grid-template-columns:.9fr 1.2fr;gap:30px;padding:45px 40px}.zero-preview-copy>.eyebrow{font-size:8px;letter-spacing:.07em;color:#a8bc8c}.zero-preview-copy h5{font-size:32px;line-height:1.45;letter-spacing:-.065em;margin-top:17px;font-weight:500}.zero-preview-copy p{font-size:10px;color:#91a07b;line-height:1.9;margin-top:15px}.button-lime{background:var(--lime);color:#2c371e;margin-top:26px}.button-lime:hover{background:#e0ff74}.demo-newtab{display:block;font-size:9px;color:#95a47f;margin-top:12px;max-width:max-content}.demo-newtab:hover{color:var(--lime)}.zero-task-flow{display:flex;flex-direction:column;align-items:center;justify-content:center}.task-card{display:flex;align-items:center;gap:14px;border:1px solid #586548;background:#323d28;padding:21px 18px;width:100%;border-radius:6px;box-shadow:0 7px 12px #10170b22}.task-card:nth-of-type(3){border-color:#b4d260;transform:translateX(12px);background:#3e4d2e;box-shadow:0 0 25px #c1f2440b}.task-symbol{height:38px;width:38px;background:#475937;border-radius:7px;display:grid;place-items:center;font-size:24px;font-family:var(--display);color:var(--lime);flex-shrink:0}.task-card small{display:block;font:6px var(--display);letter-spacing:.1em;color:#9aae82}.task-card b{font-size:14px;font-weight:500;display:block;letter-spacing:-.04em;margin:3px 0}.task-card p{font-size:8px;color:#96aa7d;letter-spacing:-.02em}.task-card>span:last-child{font-size:15px;color:#a7bd87;margin-left:auto}.task-card>span.task-current{color:var(--lime);font-size:9px}.task-connector{width:1px;height:24px;background:#72845b;position:relative}.task-connector:after{content:'↓';position:absolute;bottom:0;left:-4px;font:10px var(--display);color:#93aa72}.zero-preview-note{border-top:1px solid #4c583e;font-size:8px;color:#98a987;padding:11px 23px;display:flex;gap:9px;align-items:center;line-height:1.7}.zero-preview-note>span{color:var(--lime);font-size:16px}.project-zero .project-details{border-color:#46513a}.project-zero .detail-label{color:#94a17f}.project-zero .project-details p{color:#a2ae91}.project-zero .project-details small{color:#72835e}.project-zero .tags>span{color:#99a789;border-color:#516141}.button-outline{color:#c2d4ab;border:1px solid #7b9162}.button-outline:hover{background:#3d4c2d}
.judgement{background:#e9e8df;padding-top:100px;padding-bottom:105px;border-top:1px solid var(--line)}.judgement-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:60px 0 50px}.judgement-heading h2{font-size:clamp(38px,4.3vw,65px);font-weight:600;line-height:1.35}.judgement-heading h2>span{color:#8b8f81}.judgement-heading p{font-size:13px;color:#7a806f;line-height:1.9}.decision{border-top:1px solid #c6cbbd}.decision:last-child{border-bottom:1px solid #c6cbbd}.decision summary{display:flex;align-items:center;gap:30px;cursor:pointer;list-style:none;padding:29px 0}.decision summary::-webkit-details-marker{display:none}.decision-number{font:12px var(--display);color:#8a947c;min-width:42px}.decision summary h3{font-size:22px;font-weight:500;letter-spacing:-.06em;line-height:1.5}.decision-toggle{margin-left:auto;font:25px var(--display);font-weight:400;color:#6d7c5c;transition:transform .3s}.decision[open] .decision-toggle{transform:rotate(45deg)}.decision-body{display:grid;grid-template-columns:1fr 1.2fr;gap:12px 45px;padding:0 40px 35px 72px;max-width:1000px}.decision-tag{grid-column:1/-1;font:8px var(--display);color:#8a947d;letter-spacing:.06em}.decision-body p{font-size:12px;line-height:1.95;color:#6f7863;letter-spacing:-.02em}.decision-body blockquote{margin:0;font-size:17px;line-height:1.7;font-weight:500;letter-spacing:-.055em;align-self:center;border-left:2px solid #a5b17e;padding:8px 0 8px 25px}.mobile-only{display:none}
.experience{padding-top:100px;padding-bottom:90px}.experience-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:10%;margin-top:65px}.experience-layout>h2{font-size:clamp(34px,3.4vw,52px);line-height:1.5;font-weight:600}.experience-layout>h2>span{color:#8d9481}.career-list article{display:grid;grid-template-columns:145px 1fr;gap:20px;border-top:1px solid #d3d8ca;padding:25px 0}.career-list article>span{font:9px var(--display);color:#8f9882;letter-spacing:.02em;padding-top:7px}.career-list article h3{font-size:17px;font-weight:500;letter-spacing:-.05em}.career-list article p{font-size:10px;color:#89927e;line-height:1.85;margin-top:9px;letter-spacing:-.025em}.role-note{border-top:1px solid #cfd6c4;border-bottom:1px solid #cfd6c4;margin-top:70px;padding:25px 0;display:flex;align-items:center;gap:50px}.role-note>span:first-child{font:9px var(--display);letter-spacing:.05em;color:#8b967b;flex-shrink:0}.role-note>p{font-size:12px;color:#7c866e;line-height:1.9;letter-spacing:-.025em}.role-note strong{font-weight:500;color:#4a5c36}.role-note-symbol{font-size:54px;line-height:1;color:#9eb34c;margin-left:auto}
.contact{background:var(--lime);padding-top:50px;padding-bottom:55px}.contact .section-index>span:last-child{color:#6a7d2e}.contact h2{font-size:clamp(48px,7.3vw,112px);line-height:1.35;font-weight:700;letter-spacing:-.075em;margin:65px 0 60px;position:relative;width:max-content;max-width:100%}.contact h2>span:not(.contact-star){border-bottom:5px solid var(--ink)}.contact-star{font-family:var(--display);font-size:140px;line-height:1;position:absolute;right:-160px;bottom:30px;font-weight:400;animation:star-spin 25s linear infinite}@keyframes star-spin{to{transform:rotate(360deg)}}.contact-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.contact-bottom p{font-size:12px;line-height:1.9;color:#5c7122;letter-spacing:-.03em}.contact-bottom>a{font-family:var(--display);font-size:clamp(19px,2.2vw,33px);font-weight:500;letter-spacing:-.055em;padding-bottom:7px;border-bottom:1px solid #8ca537;display:flex;gap:35px;align-items:center}.contact-bottom>a span{font-size:35px;line-height:1;transition:transform .3s}.contact-bottom>a:hover span{transform:translate(3px,-3px)}.footer{background:#171c12;color:#7f8f6c;padding:30px max(5.5vw,24px);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;letter-spacing:.04em}.footer .wordmark{color:var(--lime);font-size:23px}.footer .wordmark>span{font-size:27px}.footer>a:last-child:hover{color:var(--lime)}.demo-dialog{padding:0;width:calc(100vw - 44px);height:calc(100svh - 44px);max-width:1500px;max-height:1100px;border:1px solid #677553;border-radius:8px;background:#f5f7ef;color:#17200f;box-shadow:0 30px 80px #0007}.demo-dialog::backdrop{background:#10170acc;backdrop-filter:blur(8px)}.demo-dialog[open]{display:flex;flex-direction:column}.demo-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 16px;border-bottom:1px solid #dce3d2;flex-shrink:0;background:#eef3e7}.demo-dialog-bar>h2{font-size:12px;font-weight:600;letter-spacing:-.02em}.demo-dialog-bar>div{display:flex;gap:22px;align-items:center;font-size:10px}.demo-dialog-bar button{background:#243619;color:white;padding:7px 14px;border-radius:3px;font-size:10px}.demo-dialog iframe{width:100%;flex:1;min-height:0;border:0}.noscript-note{font-size:12px;background:#fff5cc;color:#4f4932;text-align:center;padding:12px}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .8s,transform 1s cubic-bezier(.16,1,.3,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}
/* Cold blue gives the public product its own scene; ZERO keeps the field-tool palette. */
.project-cargo{background:#e5eaf5}.project-cargo .project-top{color:#6e7893}.project-cargo .project-status i{background:#61739c}.project-cargo .project-title-row h3>span{color:#75809b}.project-cargo .project-arrow{color:#4a5f8b}.project-cargo .project-lead p,.project-cargo .project-details p{color:#6b7590}.project-cargo .project-details{border-color:#c9d1e4}.project-cargo .detail-label{color:#7e88a0}.project-cargo .project-details p small{color:#8d98b1}.project-cargo .tags>span{border-color:#c1cce0;color:#7a86a1}.project-cargo .link-note{color:#8290aa}.project-cargo .product-browser{border-color:#cad3e4;box-shadow:0 20px 30px #28385913}.project-cargo .button-dark{background:#17233e}.project-cargo .button-dark:hover{background:#2d416b}.flow-stage-body{background-image:linear-gradient(#9baa7a09 1px,transparent 1px),linear-gradient(90deg,#9baa7a09 1px,transparent 1px);background-size:43px 43px;background-position:center}
@media(min-width:1550px){.section-pad,.header,.footer{padding-left:max(5.5vw,calc((100vw - 1440px)/2));padding-right:max(5.5vw,calc((100vw - 1440px)/2))}.flow-story{padding-left:max(5.5vw,calc((100vw - 1440px)/2));padding-right:max(5.5vw,calc((100vw - 1440px)/2))}.hero-art{max-width:600px;justify-self:end}.cargo-ui{min-height:450px}.cargo-content{padding:35px}.cargo-row{padding:14px 0;font-size:9px}.cargo-row>b{font-size:10px}.badge{font-size:9px}.ui-heading h5{font-size:22px}.cargo-stats b{font-size:28px}}
@media(max-width:1100px){.header{gap:20px}.header-name span{display:none}.header nav{gap:20px}.hero{min-height:750px}.hero-art{scale:.86;transform-origin:center center;width:115%;margin-left:-10%}.hero h1{font-size:7vw}.hero-copy p{font-size:13px}.intro-bottom{gap:30px;grid-template-columns:1fr 1fr}.domain-route{font-size:10px;gap:7px}.flow-story{gap:5vw}.scene-paper{width:95%;padding:30px 24px}.scene-paper>h3{font-size:25px}.rules-board{padding:25px 20px}.rule-tag{font-size:6px}.rules-board p{font-size:11px}.flow-step h2{font-size:29px}.flow-step p{font-size:12px}.project{padding:35px 30px}.cargo-ui{grid-template-columns:135px 1fr}.cargo-ui aside{padding:20px 10px}.cargo-content{padding:20px}.cargo-brand{font-size:17px}.zero-preview-body{padding:35px 28px;gap:25px}.zero-preview-copy h5{font-size:29px}.task-card{gap:10px;padding:17px 14px}.task-card b{font-size:12px}.task-symbol{width:32px;height:32px;font-size:20px}.project-details{gap:8%}.experience-layout{gap:7%;grid-template-columns:.8fr 1.3fr}.career-list article{grid-template-columns:115px 1fr}.contact-star{font-size:110px;right:-130px}.role-note{gap:25px}.contact-bottom>a{font-size:25px}}
@media(max-width:760px){html{scroll-padding-top:25px}.header{height:73px;padding:0 24px;gap:18px}.header .wordmark{font-size:25px}.header .wordmark>span{font-size:28px}.header-name{font-size:11px}.header nav{gap:15px;font-size:10px}.header nav>a:nth-child(2){display:none}.header nav .nav-contact{padding:7px 10px;font-size:9px}.header nav>a>span{font-size:8px}.hero{height:auto;min-height:0;max-height:none;padding-top:125px}.hero-label{font-size:9px}.hero-layout{display:flex;flex-direction:column;gap:10px;align-items:stretch}.hero-copy{margin-top:40px}.hero h1{font-size:clamp(47px,10vw,77px);line-height:1.25}.hero-copy p{font-size:13px;margin-top:25px;line-height:1.9}.text-link{font-size:11px;margin-top:22px;gap:35px}.hero-art{height:445px;max-width:460px;align-self:center;width:100%;scale:.84;transform-origin:center center;margin:-15px 0 -35px}.hero-footer{font-size:7px;margin-top:5px;padding:19px 0}.hero-footer>span:last-child{display:none}.scroll-hint{gap:8px}.scroll-hint i{font-size:13px}.intro{padding-top:65px;padding-bottom:65px}.section-index{font-size:8px}.section-index>span:last-child{font-size:9px}.intro-headline{font-size:clamp(26px,5.7vw,42px);margin-top:40px;line-height:1.55}.intro-bottom{grid-template-columns:1fr;gap:25px;margin-top:30px}.domain-route{font-size:10px;gap:10px}.intro-bottom>p{font-size:12px;max-width:100%;line-height:1.95}.flow-story{grid-template-columns:1fr;padding:0 24px;gap:0}.flow-stage{height:54svh;min-height:360px;max-height:520px;position:sticky;top:0;padding:20px 0;background:#191b16;z-index:2;border-bottom:1px solid #353f2a}.flow-stage-top .eyebrow{font-size:7px}.flow-counter{font-size:8px}.flow-stage-body{height:280px;flex:1;display:grid;place-items:center}.flow-scene{scale:.72;transform-origin:center center;width:100%;height:360px;top:50%;margin-top:-180px}.scene-paper{max-width:340px;width:100%;padding:25px 24px}.scene-pill{font-size:8px;margin-bottom:15px}.scene-paper>h3{font-size:27px;margin:15px 0 18px}.manual-row{font-size:11px;padding:10px 0}.scene-paper>span:first-child{font-size:8px}.circle-mark{top:50px}.rules-board{width:370px;max-width:100%;padding:20px}.rules-board>h3{font-size:27px;margin:15px 0 20px}.rules-board>div{padding-top:15px}.rules-board>div+div{margin-top:15px}.rules-board p{font-size:13px}.rule-tag{font-size:7px}.verify-check{width:57px;height:57px;font-size:30px;margin-bottom:20px}.verify-board h3{font-size:32px;margin:10px 0}.verify-board p{font-size:12px}.verify-loop{margin-top:18px}.flow-stage-bottom{font-size:8px}.scene-dots i{height:2px;width:17px}.flow-steps{margin-top:-1px}.flow-step{min-height:60svh;max-width:none;padding:45px 0 65px;justify-content:center;opacity:.45}.flow-step h2{font-size:29px;line-height:1.45}.flow-step .eyebrow{font-size:10px;margin-bottom:18px}.flow-step p{font-size:12px;max-width:400px;margin-top:18px;line-height:1.9}.work-section{padding-top:65px;padding-bottom:65px}.work-heading{display:block;margin:40px 0}.work-heading h2{font-size:clamp(44px,10vw,68px)}.work-heading p{font-size:11px;margin-top:25px}.project{padding:25px 20px;margin-left:-7px;margin-right:-7px;margin-bottom:28px}.project-top{font-size:7px}.project-status{font-size:8px;gap:5px}.project-status i{width:5px;height:5px}.project-title-row{margin:25px 0 20px}.project-title-row h3{font-size:clamp(39px,9.8vw,67px)}.project-title-row h3>span{font-size:10px;margin-left:9px}.project-arrow{font-size:40px}.project-lead{grid-template-columns:1fr;gap:20px;margin:25px 0 28px}.project-lead h4{font-size:27px;line-height:1.45}.project-lead p{font-size:11px;line-height:1.9;max-width:none}.product-browser{border-radius:5px;box-shadow:0 8px 20px #303d2510}.browser-bar{height:26px;padding:0 8px;font-size:6px}.browser-bar i{width:4px;height:4px}.cargo-ui{grid-template-columns:1fr;min-height:0}.cargo-ui aside{display:none}.cargo-content{padding:17px 13px}.ui-heading h5{font-size:15px}.ui-heading small{font-size:6px}.ui-profile{width:21px;height:21px;font-size:7px}.ui-search{margin-top:16px;font-size:7px;padding:7px}.ui-search b{font-size:6px;padding:5px 7px}.cargo-stats{gap:6px;margin-top:12px}.cargo-stats>div{padding:10px;gap:6px}.cargo-stats>div>span{font-size:7px}.cargo-stats b{font-size:20px}.cargo-table{margin-top:17px}.cargo-row{gap:5px;font-size:6px;padding:10px 0;grid-template-columns:1.4fr 1fr 1fr .55fr}.cargo-table-head{font-size:6px;padding:6px 0}.cargo-row>b{font-size:7px}.badge{font-size:6px;padding:2px 4px}.cargo-insight p{font-size:6px}.cargo-insight b{font-size:7px}.cargo-insight{padding:7px 8px;margin-top:11px}.cargo-insight>span{font-size:16px}.project-details{grid-template-columns:1fr;gap:22px;margin-top:26px;padding-top:22px}.detail-label{font-size:7px}.project-details p{font-size:10px;margin-top:7px}.project-details p small{font-size:8px}.project-foot{align-items:start;flex-direction:column;gap:21px;margin-top:25px}.tags>span{font-size:7px;padding:4px 8px}.button{font-size:10px;padding:12px 17px;gap:35px}.button>span{font-size:15px}.project-foot .button{align-self:end}.link-note{font-size:8px;line-height:1.8;margin-top:12px}.project-zero{margin-bottom:0}.project-zero .project-title-row h3{font-size:67px}.zero-preview{border-radius:5px}.zero-preview-header{padding:12px 14px;font-size:6px}.zero-preview-header b{font-size:22px;margin-right:7px}.zero-preview-header b>span{font-size:22px}.demo-label{font-size:6px;padding:4px 6px}.zero-preview-body{grid-template-columns:1fr;padding:26px 20px;gap:35px}.zero-preview-copy>.eyebrow{font-size:7px}.zero-preview-copy h5{font-size:27px;margin-top:14px;line-height:1.45}.zero-preview-copy h5 br:nth-child(2){display:none}.zero-preview-copy p{font-size:10px;margin-top:13px}.zero-preview-copy p br{display:none}.button-lime{margin-top:20px}.demo-newtab{display:inline-block;margin-left:15px;font-size:8px}.zero-task-flow{padding:0 5px 0 0}.task-card{padding:15px 13px;gap:13px}.task-card b{font-size:12px}.task-card small{font-size:6px}.task-card p{font-size:8px}.task-card:nth-of-type(3){transform:translateX(7px)}.task-symbol{width:34px;height:34px}.task-connector{height:17px}.zero-preview-note{padding:10px 14px;font-size:7px;gap:7px}.zero-preview-note>span{font-size:13px}.judgement{padding-top:65px;padding-bottom:65px}.judgement-heading{display:block;margin:40px 0 35px}.judgement-heading h2{font-size:36px;line-height:1.4}.judgement-heading p{font-size:11px;margin-top:22px}.decision summary{padding:23px 0;gap:15px}.decision-number{font-size:9px;min-width:20px}.decision summary h3{font-size:16px;line-height:1.55}.decision-toggle{font-size:21px}.decision-body{grid-template-columns:1fr;padding:0 25px 25px 35px;gap:13px}.decision-tag{font-size:7px}.decision-body p{font-size:11px;line-height:1.9}.decision-body blockquote{font-size:14px;padding:5px 0 5px 15px;margin-top:4px}.mobile-only{display:block}.experience{padding-top:65px;padding-bottom:55px}.experience-layout{grid-template-columns:1fr;margin-top:40px;gap:35px}.experience-layout>h2{font-size:33px;line-height:1.45}.experience-layout>h2 br:nth-child(2){display:none}.career-list article{grid-template-columns:105px 1fr;gap:12px;padding:21px 0}.career-list article>span{font-size:8px;padding-top:4px}.career-list article h3{font-size:14px}.career-list article p{font-size:9px;line-height:1.85;margin-top:8px}.role-note{margin-top:30px;padding:22px 0;gap:15px;flex-wrap:wrap;position:relative}.role-note>span:first-child{font-size:8px;width:100%}.role-note>p{font-size:10px;max-width:88%;line-height:1.9}.role-note>p br{display:none}.role-note-symbol{position:absolute;right:0;top:35px;font-size:38px}.contact{padding-top:30px;padding-bottom:35px}.contact h2{font-size:clamp(39px,9.5vw,66px);margin:45px 0;line-height:1.4}.contact h2>span:not(.contact-star){border-bottom-width:3px}.contact-star{font-size:65px;right:-74px;bottom:16px}.contact-bottom{flex-direction:column;align-items:start;gap:23px}.contact-bottom p{font-size:11px}.contact-bottom>a{font-size:clamp(19px,5vw,29px);gap:25px;width:100%;justify-content:space-between}.contact-bottom>a>span{font-size:30px}.footer{padding:25px 24px;display:grid;grid-template-columns:1fr auto;gap:20px;font-size:7px}.footer .wordmark{font-size:22px}.footer .wordmark>span{font-size:25px}.footer>span:nth-child(2){text-align:right;font-size:6px}.footer>a:last-child{text-align:right}.demo-dialog{width:100vw;height:100svh;max-height:none;max-width:none;border-radius:0;border:0}.demo-dialog-bar{padding:9px 12px;gap:10px}.demo-dialog-bar>h2{font-size:10px}.demo-dialog-bar>div{gap:12px;font-size:9px}.demo-dialog-bar button{font-size:9px;padding:7px 10px}}
@media(max-width:760px){.contact-star{right:0;bottom:14px}}
@media(max-width:380px){.header{gap:12px}.header-name{display:none}.hero h1{font-size:44px}.hero-art{scale:.72;margin:-35px 0 -65px}.contact-star{font-size:45px;right:0}.contact h2{font-size:38px}.zero-preview-header>span:first-child{font-size:5px}.task-card p{font-size:7px}.cargo-row>b{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}.js .reveal{opacity:1;transform:none}.flow-step{opacity:1}.flow-scene{transition:none}}

/* Keep decorative geometry inside the viewport and narrative copy comfortable to read. */
.hero{overflow:hidden}
.hero-copy p,.intro-bottom>p,.work-heading p,.project-lead p,.flow-step p,.judgement-heading p,.decision-body p,.contact-bottom p{font-size:15px}
.project-details p,.career-list article p,.role-note>p{font-size:14px}
.project-details p small{font-size:11px}
.detail-label,.project-top,.project-status,.tags>span{font-size:10px}
.button{font-size:13px}
.career-list article>span{font-size:10px}
.career-list article h3{font-size:19px}
.zero-preview-copy p{font-size:12px}
.demo-newtab{font-size:10px}
.decision-body blockquote{font-size:19px}
@media(max-width:760px){
  .hero-copy p,.intro-bottom>p,.flow-step p,.contact-bottom p{font-size:14px}
  .work-heading p,.project-lead p,.judgement-heading p,.decision-body p{font-size:13px}
  .project-details p,.career-list article p,.role-note>p{font-size:12px}
  .project-details p small{font-size:10px}
  .detail-label,.project-top,.project-status,.tags>span{font-size:8px}
  .button{font-size:12px}
  .career-list article{grid-template-columns:100px 1fr}
  .career-list article>span{font-size:9px}
  .career-list article h3{font-size:16px}
  .zero-preview-copy p{font-size:11px}
  .demo-newtab{font-size:9px}
  .decision-body blockquote{font-size:16px}
}