#app{max-width:1436px;margin:auto;padding:32px}footer{max-width:1436px;margin:30px auto;padding:24px;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:20px}.hero-live{position:relative;overflow:hidden;border-radius:24px;padding:45px;background:linear-gradient(90deg,#092d42ed,#10354845),url('/assets/harbor.png') center/cover;color:white;min-height:260px;margin-bottom:24px}.hero-live h1{max-width:600px;font-size:38px}.hero-live p{margin:14px 0;color:#e5f3f5}.hero-live .mascot{position:absolute;right:35px;bottom:10px;background:#ffffffed;border-radius:50%;padding:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.panel{background:white;border:1px solid var(--line);padding:26px;border-radius:20px;margin-bottom:20px}.panel h2,.panel h3{margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{border:1px solid var(--line);background:white;border-radius:20px;padding:26px}.tile p{margin:12px 0;color:var(--muted)}.tile .icon{width:55px;height:55px;padding:8px;background:var(--mint);border-radius:15px;color:var(--teal)}.btn{border:1px solid var(--line);border-radius:11px;padding:12px 18px;background:white;color:var(--ink);font-weight:700;display:inline-flex;gap:8px;align-items:center;text-decoration:none}.btn.primary{background:var(--teal);border-color:var(--teal);color:white}.btn:disabled{opacity:.45}.badge{display:inline-block;border-radius:20px;background:var(--mint);color:var(--teal);font-size:12px;padding:4px 10px}.note{padding:14px 18px;border-radius:12px;background:#f1f6f7;color:#4c6675;margin:14px 0;font-size:14px}.warn{background:#fff6e7;color:#85570c}.error{background:#fff0f1;color:#a43043}.steps-live{display:flex;gap:8px;overflow:auto;margin:20px 0}.steps-live button{flex:1;white-space:nowrap;border:1px solid var(--line);padding:12px;background:white;border-radius:12px;color:var(--muted)}.steps-live button.active{background:var(--navy);color:white}.work{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.preview{background:#e8eff0;border-radius:16px;overflow:hidden;position:relative;min-height:360px}.preview img{width:100%;display:block}.preview iframe{width:100%;height:680px;border:0;background:white}.preview .box{position:absolute;border:3px solid #ed9557;background:#ffc85a33;pointer-events:none}.upload{border:2px dashed #9cbfbc;border-radius:18px;padding:35px;text-align:center;background:#f5fcfa;margin:20px 0}.upload.drag{background:#dcf8ed}.upload input{max-width:100%;margin:15px 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{padding:12px;border:1px solid var(--line);border-radius:12px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input,select,textarea,input[type=password]{padding:12px;border:1px solid #b8cacc;border-radius:9px;font:inherit;max-width:100%;width:100%;background:white}.field button{border:0;background:none;color:var(--teal);padding:7px 0;font-size:12px;cursor:pointer}.issue{border-left:4px solid #d99b39;background:#fff9ee;padding:18px;border-radius:10px;margin:12px 0}.issue.mismatch{border-color:#d15566;background:#fff4f4}.issue p{margin:8px 0}.issue .compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.issue .compare div{padding:10px;background:#ffffffa6;border-radius:8px}.muted{color:var(--muted)}.section-title{margin:25px 0 15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.file-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.file-list button{border:1px solid var(--line);background:white;padding:8px;border-radius:8px;font-size:12px}.busy{padding:30px;text-align:center;background:var(--mint);border-radius:14px}.spinner{width:36px;height:36px;border:4px solid #c5dfd9;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:0;border-radius:20px;padding:32px;width:min(720px,94vw);max-height:90vh;box-shadow:0 20px 90px #173e4250}dialog::backdrop{background:#09293380}.close{float:right;border:0;background:#edf3f3;border-radius:50%;font-size:26px;width:40px;height:40px;cursor:pointer}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183d65;color:white;border-radius:12px;padding:14px 24px;z-index:100;display:none;max-width:90vw}.document-sheet{background:#fffdf8;padding:30px;border:1px solid #dfd9cb;font-family:serif}.document-sheet table{width:100%;border-collapse:collapse}.document-sheet td{padding:9px;border-bottom:1px solid #ddd}.metric{font-size:32px;font-weight:bold;color:var(--teal)}.finance-symbol{font-size:38px;background:#edf6f7;border-radius:20px;display:inline-flex;width:76px;height:76px;align-items:center;justify-content:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:block}.form-grid select{margin-top:6px}.checkline{display:block;margin:18px 0}.checkline input{width:20px;height:20px;vertical-align:middle;margin-right:8px}.paper-fallback{min-height:360px;display:grid;place-items:center;text-align:center;color:var(--muted)}@media(max-width:950px){.cards{grid-template-columns:1fr 1fr}.work{grid-template-columns:1fr}.hero-live h1{font-size:30px}.hero-live .mascot{width:90px;height:90px}.top-inner{flex-wrap:wrap;padding:15px;gap:12px}.topnav{overflow:auto;order:3;width:100%}}@media(max-width:600px){#app{padding:16px}.cards,.cards.two,.field-grid,.form-grid{grid-template-columns:1fr}.hero-live{padding:25px;padding-bottom:100px}.panel,.tile{padding:19px}.preview iframe{height:460px}.topnav .nav{padding:10px;white-space:nowrap;font-size:13px}footer{display:block}.hero-live h1{font-size:26px}.issue .compare{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.hero-live .mascot{mix-blend-mode:normal}.hero-live{isolation:isolate}
.analysis-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0;color:#486576;font-size:14px}.analysis-status small{margin-left:auto}.help-detail{border:1px solid #d7e6e5;background:#f8fbfb;border-radius:12px;padding:12px 16px;margin:10px 0}.help-detail summary,.improvement-card summary{cursor:pointer;color:#006c69;font-weight:700}.help-detail p{margin:12px 0}.help-detail li{margin:8px 0}.condition-group h4{margin:22px 0 10px;color:#3e5867}.condition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.condition-card{padding:17px;background:white;border:1px solid #d8e5e5;border-radius:15px;min-width:0}.condition-name{display:flex;gap:8px;align-items:center;color:#506b78;font-size:14px}.condition-name span{font-size:23px}.condition-value{font-size:21px;font-weight:700;line-height:1.5;margin:14px 0;overflow-wrap:anywhere}.condition-card input{width:100%;padding:10px;font:inherit;border:1px solid #b7cccc;border-radius:8px;margin:10px 0;font-weight:700}.explain-btn{border:0;background:#e4f5ef;color:#006e67;padding:8px 12px;border-radius:8px;font-weight:700;cursor:pointer}.evidence-btn{border:0;background:none;color:#597c8b;font-size:12px;padding:8px;cursor:pointer}.needs-check{font-size:12px;color:#8b5807;display:block;margin:6px 0}.document-guide-grid{margin-top:18px}.doc-symbol{font-size:38px;background:#eef7f7;border-radius:15px;padding:7px 14px}.document-guide h3{margin-top:16px}.requirement-facts{display:grid;grid-template-columns:95px 1fr;gap:10px;font-size:14px}.requirement-facts dt{color:#65818d}.requirement-facts dd{margin:0;overflow-wrap:anywhere}.improvements{background:#f1faf6;border:1px solid #cfe8dd;border-radius:18px;padding:20px;margin-top:28px}.improvements h3{margin:8px 0}.improvement-card{background:white;border:1px solid #d7e8e0;border-radius:12px;padding:16px;margin-top:12px}.improvement-card h4{margin:16px 0 6px}.improvement-card p{margin:10px 0}.improvement-card label{display:block;margin:16px 0 8px}.draft-notes{margin-top:25px;padding:18px;border:1px dashed #c09349;background:#fff9ed}.draft-notes li{margin:12px 0}.document-guide .help-detail{margin-top:18px}@media(min-width:1100px){.panel>.condition-group .condition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.work .panel .condition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.condition-grid{grid-template-columns:1fr}.condition-value{font-size:20px}.analysis-status small{margin-left:0}.requirement-facts{grid-template-columns:80px 1fr}.improvements{padding:14px}}
.completion-head{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#e3f6f1,#f2f8fc);padding:30px;border-radius:24px;margin:20px 0 28px}.completion-head h1,.completion-head h2{margin:12px 0;font-size:clamp(25px,3vw,36px);line-height:1.35}.completion-head p{margin-bottom:0}.contact-card{padding:25px;background:#eef6f7;border:1px solid #d6e7e7;border-radius:20px;margin:20px 0}.contact-links{display:grid;gap:12px;margin-top:20px}.contact-links a{color:#087a73;text-decoration:none;font-weight:650}.journey-visual{display:flex;gap:18px;justify-content:center;align-items:center;background:linear-gradient(110deg,#f0faf6,#edf4fa);padding:26px 12px;border-radius:16px;margin:18px 0}.journey-visual>span{font-size:39px;text-align:center}.journey-visual small{display:block;font-size:14px;margin-top:12px}.journey-visual b{color:#72aaa3;font-size:24px}.final-table{width:100%;border-collapse:collapse;table-layout:fixed}.final-table td{padding:14px 10px;border-bottom:1px solid #e2ebeb;vertical-align:top;overflow-wrap:anywhere;white-space:pre-wrap;font-size:17px}.final-table td:first-child{width:31%;color:#516d76}.changed{display:block;font-size:12px;color:#087c6e;font-weight:bold;margin-top:5px}.review-track{margin:22px 0}.track-step{display:flex;align-items:center;gap:16px;padding:13px 8px;opacity:.45}.track-step>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e0e9e9;font-size:23px}.track-step small{display:block;margin-top:4px;font-size:13px}.track-step.reached{opacity:1}.track-step.reached>span{background:#d1f4e6}.track-step.current{border-radius:14px;background:#e9f7f2}.next-service{margin:28px 0;background:#173f46;color:#fff;padding:32px;border-radius:22px}.next-service h2{color:#fff}.next-service p{color:#c5dddf}.next-service .btn:not(.primary){background:#fff;color:#173f46}.packing-list>div{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #dfebeb}.packing-list>div>span:first-child{color:#0a8c77}.packing-list>div>span:last-child{margin-left:auto}.branch-map{width:100%;height:330px;border:0;border-radius:16px}.supplier-art{height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#e5f6ef,#c7e8f4);border-radius:16px;margin-bottom:20px}.supplier-art>span{font-size:64px}.supplier-art small{font-weight:bold;letter-spacing:1px;margin-top:8px;color:#27585d}.art-east{background:linear-gradient(135deg,#e3f0fe,#d5ddf8)}.art-pacific{background:linear-gradient(135deg,#fff3d8,#f3e4d6)}.partner-badge{display:inline-block;background:#e1f6d9;color:#356429;padding:8px 10px;font-size:13px;font-weight:750;border-radius:8px}.supplier-reason{background:#f0f7f6;padding:16px;border-radius:14px;margin:18px 0}.supplier-reason p{margin:8px 0 0}.supplier-cards .tile{display:flex;flex-direction:column}.supplier-cards .tile>.btn{margin-top:auto}.company-facts{display:grid;grid-template-columns:115px 1fr;gap:16px 20px;line-height:1.7}.company-facts dt{color:#59747b}.company-facts dd{margin:0;overflow-wrap:anywhere}.company-facts .badge{margin-bottom:5px}.portfolio-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #d8e9e7;border-radius:20px;padding:24px;gap:25px}.portfolio-strip>div{display:grid;gap:12px}.portfolio-strip strong{font-size:23px;color:#12695f}.portfolio-strip small{font-size:14px;color:#526b73}.portfolio-strip span{font-size:14px}.finance-recommendations{margin:25px 0}.finance-illustration{display:flex;align-items:center;justify-content:center;gap:25px;min-height:150px;border-radius:16px;margin-bottom:20px;background:linear-gradient(120deg,#e2f6ed,#dcf2fb)}.finance-illustration span{font-size:49px}.finance-illustration b{color:#6ca79f;font-size:28px}.finance-illustration.fund{background:linear-gradient(120deg,#e8edff,#e8f5f7)}.cost-box{background:#edf7f3;border-left:4px solid #1b977e;border-radius:8px;padding:20px;margin:22px 0}.cost-box small{display:block}.cost-box strong{display:block;font-size:30px;color:#086f60;margin:10px 0}.cost-box p{font-size:15px;line-height:1.7;margin-bottom:0}.supplier-card h2{font-size:25px}.checkline{line-height:1.6}.panel+.panel{margin-top:20px}.document-sheet h2{font-size:26px}.busy{min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column}.busy:after{content:'';width:200px;height:5px;background:linear-gradient(90deg,#d2e9e2,#0e9781,#d2e9e2);background-size:200% 100%;border-radius:5px;animation:scan 1.5s linear infinite;margin-top:20px}@keyframes scan{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.busy:after{animation:none}}@media(max-width:760px){.completion-head{padding:22px;gap:12px}.completion-head>svg{width:70px;flex-shrink:0}.portfolio-strip{grid-template-columns:1fr}.company-facts{grid-template-columns:1fr;gap:6px}.company-facts dd{margin-bottom:15px}.journey-visual{gap:10px}.final-table td{font-size:15px;padding:12px 6px}.next-service{padding:24px}.finance-illustration{gap:14px}.finance-illustration span{font-size:40px}}

dialog{font-family:inherit;color:var(--ink)}.cards>.panel+.panel{margin-top:0}.btn+.btn{margin-left:5px}.next-service .btn{margin-top:16px}.next-service p{margin-top:10px}.contact-card>.small{margin-top:15px}