:root{--ink:#142c41;--navy:#173851;--navy-deep:#10283b;--orange:#ed7437;--orange-pale:#fff2ea;--green:#148264;--paper:#f3f5f4;--line:#dfe5e4;--muted:#71808b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-header{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:11px;font-size:19px;font-weight:900;text-decoration:none;display:flex}.brand>span:last-child>span{color:var(--orange)}.brand-mark{background:var(--navy);border-radius:8px;flex:none;justify-content:center;align-items:flex-end;gap:2px;width:35px;height:35px;padding:7px 6px;display:inline-flex;position:relative;overflow:hidden}.brand-mark i{background:#fff;width:6px;display:block;transform:skew(-19deg)}.brand-mark i:first-child{height:12px}.brand-mark i:nth-child(2){background:var(--orange);height:21px}.brand-mark i:nth-child(3){height:16px}.prototype-label{color:#7a858d;border:1px solid #d8dedd;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}.page-shell{width:min(100% - 36px,1120px);margin:0 auto;padding:44px 0 70px}.intro{text-align:center;margin-bottom:25px}.eyebrow{color:var(--orange);letter-spacing:.12em;justify-content:center;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;font-weight:800;display:flex}.eyebrow span{background:var(--orange);width:22px;height:2px}.intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(34px,5vw,54px);font-weight:900;line-height:1.25}.intro h1 br{display:none}.intro h1 em{color:var(--orange);font-style:normal}.intro>p:last-child{color:var(--muted);margin:17px 0 0;font-size:15px}.quick-overview{grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:14px;margin:0 0 24px;display:grid}.service-flow{background:#fff;border:1px solid #e1e6e5;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 8px 28px #142c410d}.service-flow>div{border-right:1px solid #e3e8e7;align-items:flex-start;gap:11px;min-width:0;padding:22px 18px;display:flex;position:relative}.service-flow>div:last-child{border:0}.service-flow>div:not(:last-child):after{content:"›";z-index:2;color:#a5b0b4;background:#fff;place-items:center;width:16px;height:24px;font-size:20px;display:grid;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.service-flow span{color:var(--orange);padding-top:2px;font:800 12px ui-monospace,monospace}.service-flow p{flex-direction:column;margin:0;line-height:1.45;display:flex}.service-flow strong{font-size:14px}.service-flow small{color:#687881;margin-top:5px;font-size:12px;line-height:1.5}.result-sample{background:#fff;border:1px solid #dfe5e4;border-radius:13px;min-width:0;padding:14px 15px 12px;box-shadow:0 8px 28px #142c410d}.sample-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sample-heading span{color:#fff;background:var(--orange);border-radius:4px;padding:4px 7px;font-size:11px;font-weight:900}.sample-heading strong{color:var(--navy);font-size:13px}.sample-arrow{text-align:center;color:var(--orange);font-size:19px;font-weight:900}.result-sample>p{text-align:center;color:#586a75;margin:8px 0 0;font-size:11px;font-weight:700}.sample-cases{gap:6px;display:grid}.sample-case{grid-template-columns:56px minmax(0,1fr) 14px minmax(0,1fr);align-items:center;gap:5px;display:grid}.sample-case>b{color:var(--navy);white-space:nowrap;font-size:11px}.sample-case figure{background:#d4d9d7;border-radius:4px;height:36px;margin:0;position:relative;overflow:hidden}.sample-case figure:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0a182085);height:55%;position:absolute;inset:auto 0 0}.sample-case figure img{object-fit:cover;object-position:center 55%;width:100%;height:100%;display:block}.sample-case-2 figure img{object-position:center 72%}.sample-case-3 figure img{object-position:center 62%}.sample-case figure span{z-index:1;color:#fff;letter-spacing:.04em;text-shadow:0 1px 2px #0000008c;font:900 7px ui-monospace,monospace;position:absolute;bottom:3px;left:4px}.sample-case .sample-after span{color:#fff;text-shadow:0 1px 2px #0000008c}.sample-case .sample-arrow{font-size:13px}.form-card{background:#fff;border:1px solid #e4e8e7;border-radius:16px;padding:32px;box-shadow:0 18px 55px #142c4114}.project-fields{max-width:650px;margin:0 auto 30px}.project-field{display:block}.project-field>span{align-items:center;gap:9px;margin-bottom:10px;font-size:15px;font-weight:800;display:flex}.project-field b,.step-number{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.project-field input{width:100%;height:56px;color:var(--ink);border:1.5px solid #cfd8d9;border-radius:8px;outline:none;padding:0 17px;font-size:16px;transition:all .18s}.project-field input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ed74371c}.project-field input::placeholder{color:#a1aaaf}.project-description-field{margin-top:16px;display:block}.project-description-field>span{color:#51616d;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.project-description-field>span b{color:#71808a;background:#edf1f0;border-radius:99px;padding:4px 7px;font-size:9px}.project-description-field textarea{resize:vertical;width:100%;min-height:82px;color:var(--ink);background:#fff;border:1.5px solid #cfd8d9;border-radius:8px;outline:none;padding:12px 15px;font-size:14px;line-height:1.65;display:block}.project-description-field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ed74371c}.project-description-field textarea::placeholder{color:#a1aaaf}.company-fields{background:#f9fbfa;border:1px solid #e1e7e6;border-radius:10px;max-width:920px;margin:0 auto 30px;padding:20px 22px 22px}.optional-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.optional-heading>div{align-items:center;gap:10px;display:flex}.optional-heading>div>span:last-child{flex-direction:column;display:flex}.optional-heading small{color:#87939a;margin-top:2px;font-size:10px}.optional-heading>b{color:#71808a;background:#e9eeed;border-radius:99px;padding:5px 9px;font-size:10px}.building-icon{background:var(--navy);border-radius:6px;grid-template-rows:repeat(2,4px);grid-template-columns:repeat(2,4px);place-content:center;gap:4px;width:31px;height:31px;display:grid}.building-icon i{opacity:.9;background:#fff;width:4px;height:4px}.company-input-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:18px;display:grid}.company-name-field,.logo-field{flex-direction:column;gap:8px;display:flex}.company-name-field>span,.logo-field>span{color:#51616d;font-size:12px;font-weight:800}.company-name-field input{height:55px;color:var(--ink);background:#fff;border:1.5px solid #cfd8d9;border-radius:8px;outline:none;padding:0 15px;font-size:15px}.company-name-field input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ed74371c}.logo-picker{height:55px;color:var(--ink);text-align:left;background:#fff;border:1.5px dashed #b9c5c7;border-radius:8px;grid-template-rows:1fr 1fr;grid-template-columns:28px auto;justify-content:center;align-items:end;column-gap:7px;padding:8px 15px;display:grid}.logo-picker>span{width:25px;height:25px;color:var(--orange);background:#eef2f1;border-radius:50%;grid-row:1/3;align-self:center;place-items:center;font-size:18px;display:grid}.logo-picker small{color:#909a9f;align-self:start;font-size:9px}.logo-picker:hover{border-color:var(--orange);background:var(--orange-pale)}.logo-preview{background:#fff;border:1px solid #d8e0df;border-radius:8px;align-items:center;gap:10px;height:55px;padding:6px 9px;display:flex;position:relative}.logo-preview img{object-fit:contain;border-right:1px solid #e8eceb;width:64px;height:41px;padding-right:8px}.logo-preview>div{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.logo-preview strong{text-overflow:ellipsis;white-space:nowrap;color:#7e8b92;max-width:140px;font-size:9px;font-weight:600;overflow:hidden}.logo-preview>div button{color:var(--orange);background:0 0;border:0;padding:3px 0;font-size:10px;font-weight:800}.remove-logo{color:#60717a;background:#eef2f1;border:0;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.company-position-field{border:0;border-top:1px solid #e0e6e5;margin:18px 0 0;padding:17px 0 0}.company-position-field legend{color:#51616d;padding:0;font-size:13px;font-weight:800}.position-options{gap:9px;margin-top:10px;display:flex}.position-options label{color:#5f707a;cursor:pointer;background:#fff;border:1.5px solid #cfd8d9;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:108px;height:42px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.position-options label.is-selected{border-color:var(--orange);background:var(--orange-pale);color:var(--ink)}.position-options input{appearance:none;background:#fff;border:1.5px solid #9ba9ae;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.position-options input:before{content:"";background:var(--orange);border-radius:50%;width:8px;height:8px;transition:all .15s;transform:scale(0)}.position-options input:checked{border-color:var(--orange)}.position-options input:checked:before{transform:scale(1)}.position-options input:focus-visible{outline-offset:2px;outline:3px solid #ed743738}.upload-columns{grid-template-columns:1fr 34px 1fr;align-items:center;gap:18px;display:grid}.upload-card{min-width:0}.upload-heading{align-items:center;gap:10px;margin-bottom:11px;display:flex}.upload-heading h2{margin:0;font-size:15px}.upload-heading p{color:#8b969d;letter-spacing:.13em;text-transform:uppercase;margin:1px 0 0;font-size:10px;font-weight:800}.after .step-number{background:var(--orange)}.count-badge{color:#63717b;background:#f0f3f2;border-radius:99px;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:700}.direction{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-top:32px;font-size:18px;display:grid}.drop-zone{background:#fafbfb;border:1.5px dashed #bdc8cb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:188px;transition:all .18s;display:flex}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--orange);background:var(--orange-pale);transform:translateY(-1px)}.drop-zone strong{margin-top:11px;font-size:14px}.drop-zone small{color:#8b959b;margin-top:4px;font-size:11px}.camera-icon{background:#e9eeee;border-radius:8px;place-items:center;width:49px;height:39px;display:grid;position:relative}.camera-icon:before{content:"";background:#e9eeee;border-radius:4px 4px 0 0;width:19px;height:8px;position:absolute;top:-5px}.camera-icon span{border:4px solid #809099;border-radius:50%;width:16px;height:16px}.after .camera-icon,.after .camera-icon:before{background:#ffeadf}.after .camera-icon span{border-color:var(--orange)}.thumb-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.thumb{aspect-ratio:1;background:#e9eeee;border-radius:7px;margin:0;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb figcaption{color:#fff;white-space:nowrap;background:#0d2334db;border-radius:4px;align-items:center;min-height:21px;padding:0 7px;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:4px;left:4px}.after .thumb figcaption{background:#de6428e6}.thumb button{color:#fff;background:#0f2230c7;border:0;border-radius:50%;width:22px;height:22px;line-height:18px;position:absolute;top:3px;right:3px}.add-more{aspect-ratio:1;color:#79858c;background:#fff;border:1px dashed #bec8c9;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;font-size:9px;display:flex}.add-more span{font-size:20px;line-height:1}.pairing-guide{color:#60717b;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:18px auto 0;font-size:11px;font-weight:700;display:flex}.pairing-guide span{color:var(--navy);white-space:nowrap;background:linear-gradient(90deg,#e7eef1 0 48%,#fff0e8 52% 100%);border-radius:6px;padding:6px 9px;font-weight:900}.location-details{background:#f9fbfa;border:1px solid #e1e7e6;border-radius:10px;max-width:920px;margin:24px auto 0;padding:20px 22px 22px}.location-details-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.location-details-heading>div{flex-direction:column;display:flex}.location-details-heading small{color:#87939a;margin-top:2px;font-size:10px}.location-details-heading>b{color:#71808a;background:#e9eeed;border-radius:99px;padding:5px 9px;font-size:9px}.location-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.location-detail-field{flex-direction:column;gap:7px;display:flex}.location-detail-field>span{align-items:center;gap:7px;display:flex}.location-detail-field>span b{color:#7c888f;background:#edf1f0;border-radius:99px;padding:3px 6px;font-size:8px}.location-detail-field input{height:45px;color:var(--ink);background:#fff;border:1.5px solid #cfd8d9;border-radius:7px;outline:none;padding:0 12px;font-size:13px}.location-detail-field input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ed74371a}.location-detail-field input::placeholder{color:#a1aaaf}.generate-button{background:var(--orange);color:#fff;letter-spacing:.03em;border:0;border-radius:8px;justify-content:center;align-items:center;gap:18px;width:min(100%,400px);min-height:58px;font-size:16px;font-weight:900;transition:all .18s;display:flex;box-shadow:0 10px 22px #d3591d3d}.generate-button:hover{background:#de6428;transform:translateY(-1px)}.generate-button span:last-child{font-size:20px}.desktop-action{margin:30px auto 0}.privacy-note{text-align:center;color:#8b969b;margin:10px 0 0;font-size:11px}.privacy-note span{color:var(--green)}.error-message{text-align:center;color:#c8462c;background:#fff0ec;border-radius:7px;width:min(100%,620px);margin:18px auto 0;padding:10px;font-size:12px;font-weight:700}.features{grid-template-columns:repeat(3,1fr);margin:28px 6px 0;display:grid}.features>div{border-right:1px solid #d8dddd;justify-content:center;align-items:center;gap:15px;padding:9px 30px;display:flex}.features>div:last-child{border:0}.features span{color:var(--orange);font:700 11px ui-monospace,monospace}.features p{flex-direction:column;margin:0;display:flex}.features strong{font-size:12px}.features small{color:#87939a;margin-top:3px;font-size:10px}.mobile-action-wrap{display:none}.result-wrap{max-width:980px;margin:0 auto}.result-toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.result-toolbar button{min-height:46px;color:var(--navy);background:#fff;border:1px solid #ccd5d6;border-radius:8px;padding:10px 17px;font-size:15px;font-weight:800;transition:all .18s;box-shadow:0 4px 14px #142c410f}.result-toolbar button:hover{background:#f9fbfa;border-color:#aab9bd;transform:translateY(-1px)}.result-toolbar span{color:var(--green);background:#e6f5ef;border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800}.result-toolbar i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.portfolio-page{background:#fff;box-shadow:0 18px 60px #12293b1c}.portfolio-page.company-bottom{flex-direction:column;min-height:1380px;display:flex}.company-bottom .comparison-list{flex:1 0 auto}.company-bottom .portfolio-footer{margin-top:auto}.print-document{display:none}.company-brand-bar{background:#fff;border-bottom:1px solid #e5e9e8;justify-content:space-between;align-items:center;min-height:84px;padding:15px 31px;display:flex}.company-brand-lockup{align-items:center;gap:15px;min-width:0;display:flex}.company-brand-lockup>img{object-fit:contain;flex:none;width:72px;height:52px}.company-brand-lockup>div{flex-direction:column;min-width:0;display:flex}.company-brand-lockup small{letter-spacing:.12em;color:#93a0a6;margin-bottom:3px;font:700 8px ui-monospace,monospace}.company-brand-lockup strong{letter-spacing:.02em;overflow-wrap:anywhere;font-size:18px}.company-brand-bar>span{color:#9aa5aa;letter-spacing:.14em;white-space:nowrap;border-left:1px solid #dde3e2;padding-left:20px;font-size:10px;font-weight:800}.portfolio-hero{background:var(--navy-deep);color:#fff;text-align:center;padding:60px 24px 53px;position:relative;overflow:hidden}.portfolio-hero:after{content:"";border:60px solid #ffffff06;border-radius:50%;width:340px;height:340px;position:absolute;top:-150px;right:-120px}.portfolio-hero .portfolio-kicker{color:#ef8a58;letter-spacing:.22em;margin:0 0 15px;font-size:11px;font-weight:900}.portfolio-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(27px,4vw,42px)}.portfolio-hero .project-description{color:#d5dfe5;letter-spacing:.02em;white-space:pre-line;max-width:690px;margin:19px auto 0;font-size:14px;line-height:1.85}.portfolio-hero div{color:#9eb0bd;letter-spacing:.16em;justify-content:center;align-items:center;gap:10px;margin-top:25px;font:700 9px ui-monospace,monospace;display:flex}.portfolio-hero div span{background:#496172;width:26px;height:1px}.comparison-list{padding:48px}.comparison{padding-top:19px;position:relative}.comparison+.comparison{border-top:1px solid var(--line);margin-top:52px;padding-top:52px}.comparison-index{color:#9aa5aa;letter-spacing:.14em;font:800 9px ui-monospace,monospace;position:absolute;top:0;left:0}.comparison+.comparison .comparison-index{top:31px}.comparison-note{color:var(--navy);letter-spacing:.02em;margin:8px 0 17px;font-size:17px;line-height:1.45}.comparison-grid{grid-template-columns:1fr 42px 1fr;align-items:center;gap:15px;display:grid}.comparison figure{aspect-ratio:4/3;background:#e9eded;margin:0;position:relative;overflow:hidden}.comparison img{object-fit:cover;width:100%;height:100%;display:block}.photo-label{z-index:2;color:#fff;letter-spacing:.14em;padding:9px 15px;font:900 10px ui-monospace,monospace;position:absolute;bottom:0;left:0}.before-label{background:var(--navy)}.after-label{background:var(--orange)}.compare-arrow{color:var(--orange);text-align:center;font-size:24px}.empty-photo{color:#9aa5aa;place-items:center;width:100%;height:100%;font-size:12px;display:grid}.portfolio-footer{background:#f0f3f2;justify-content:center;align-items:center;gap:20px;min-height:105px;display:flex}.portfolio-footer .brand-mark{width:30px;height:30px;padding:6px 5px}.portfolio-footer .footer-logo{object-fit:contain;width:90px;height:64px}.portfolio-footer p{color:#687780;font-size:11px;font-weight:700}.portfolio-footer .footer-company-name{color:var(--navy);letter-spacing:.02em;font-size:21px;font-weight:900;line-height:1.35}.result-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.result-actions button{border-radius:7px;min-width:180px;height:50px;font-weight:800}.secondary-button{color:var(--navy);background:#fff;border:1px solid #ccd5d6}.primary-button{background:var(--orange);color:#fff;border:0}@media (max-width:700px){.app-header{height:60px;padding:0 18px}.brand{font-size:17px}.brand-mark{width:31px;height:31px}.page-shell{width:min(100% - 24px,1120px);padding:35px 0 110px}.intro{margin-bottom:25px}.intro h1{font-size:34px;line-height:1.35}.intro h1 br{display:block}.intro>p:last-child{max-width:300px;margin:12px auto 0;font-size:12px;line-height:1.8}.form-card{border-radius:12px;padding:20px 15px 22px;box-shadow:0 10px 35px #142c4112}.project-field{flex-direction:column;margin-bottom:23px;display:flex}.project-field input{height:52px;font-size:16px}.company-fields{margin-bottom:23px;padding:17px 13px}.company-input-grid{grid-template-columns:1fr;gap:14px}.optional-heading small{max-width:210px;line-height:1.4}.company-name-field input{height:52px;font-size:16px}.logo-picker,.logo-preview{height:58px}.upload-columns{flex-direction:column;gap:14px;display:flex}.upload-card{width:100%}.direction{width:29px;height:29px;margin:-3px 0;font-size:15px;transform:rotate(90deg)}.drop-zone{min-height:128px}.camera-icon{width:43px;height:34px}.thumb-grid{grid-template-columns:repeat(4,1fr)}.desktop-action,.privacy-note{display:none}.features{grid-template-columns:1fr;margin:24px 8px 0}.features>div{border-bottom:1px solid #d9dede;border-right:0;justify-content:flex-start;padding:13px 8px}.features>div:last-child{border-bottom:0}.features span{width:28px}.mobile-action-wrap{z-index:18;padding:11px 14px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-action-wrap .generate-button{width:100%;min-height:54px}.result-wrap{margin-top:-12px}.result-toolbar{font-size:12px}.result-toolbar button{min-height:44px;padding:9px 14px;font-size:14px}.company-brand-bar{min-height:72px;padding:12px 15px}.company-brand-lockup{gap:10px}.company-brand-lockup>img{width:54px;height:43px}.company-brand-lockup small{font-size:7px}.company-brand-lockup strong{font-size:14px}.company-brand-bar>span{padding-left:10px;font-size:8px}.portfolio-hero{padding:46px 18px 40px}.portfolio-hero h1{font-size:27px;line-height:1.45}.comparison-list{padding:28px 16px 34px}.comparison-grid{grid-template-columns:1fr;gap:9px}.compare-arrow{line-height:23px;transform:rotate(90deg)}.comparison+.comparison{margin-top:36px;padding-top:42px}.comparison+.comparison .comparison-index{top:23px}.portfolio-footer{gap:14px;min-height:105px;padding:12px}.portfolio-footer .footer-logo{width:78px;height:56px}.portfolio-footer .footer-company-name{font-size:18px}.result-actions{z-index:10;background:#f3f5f4ed;border-radius:10px;padding:8px;position:sticky;bottom:9px}.result-actions button{flex:1;min-width:0;font-size:12px}.project-fields{margin-bottom:23px}.project-field{margin-bottom:0}.project-description-field{margin-top:14px}.project-description-field textarea{min-height:88px;font-size:16px}.pairing-guide{align-items:flex-start;margin-top:15px;line-height:1.55}.location-details{margin-top:18px;padding:17px 13px}.location-detail-list{grid-template-columns:1fr}.location-detail-field input{height:48px;font-size:16px}.portfolio-hero .project-description{margin-top:15px;font-size:13px;line-height:1.75}.comparison-note{margin:8px 0 14px;font-size:16px}.thumb figcaption{padding:0 6px;font-size:8px}}.prototype-label{font-size:13px}.intro>p:last-child{color:#5f707c;font-size:16px}.project-description-field>span,.company-name-field>span,.logo-field>span{font-size:13px}.project-description-field>span b,.optional-heading>b{font-size:11px}.optional-heading strong{font-size:15px}.optional-heading small{color:#687881;font-size:12px}.logo-picker strong{font-size:12px}.logo-picker small,.logo-preview strong{color:#687881;font-size:11px}.logo-preview>div button{font-size:12px}.upload-heading h2{font-size:16px}.upload-heading p{color:#6f7f88;font-size:12px}.count-badge{font-size:12px}.drop-zone strong{font-size:15px}.drop-zone small{color:#687881;font-size:12px}.thumb figcaption{font-size:10px}.add-more{font-size:11px}.pairing-guide{color:#51646f;font-size:12px}.location-details-heading strong{font-size:15px}.location-details-heading small{color:#687881;font-size:12px}.location-details-heading>b{font-size:10px}.location-detail-field>span strong{font-size:13px}.location-detail-field>span b{font-size:10px}.location-detail-field input{font-size:14px}.privacy-note{color:#687881;font-size:12px}.error-message{font-size:13px}.company-brand-lockup small{font-size:10px}.company-brand-bar>span{font-size:11px}.portfolio-hero .portfolio-kicker{font-size:12px}.portfolio-hero div,.comparison-index{font-size:10px}.photo-label{font-size:11px}.portfolio-footer p{font-size:12px}@media (max-width:700px){.page-shell{padding-top:31px}.intro{margin-bottom:20px}.intro h1{font-size:32px}.intro>p:last-child{font-size:14px;line-height:1.65}.quick-overview{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.service-flow{grid-template-columns:1fr}.service-flow>div{border-bottom:1px solid #e3e8e7;border-right:0;align-items:center;min-height:60px;padding:12px 14px}.service-flow>div:not(:last-child):after{content:"⌄";border-radius:50%;width:24px;height:24px;font-size:15px;top:auto;bottom:-13px;right:14px;transform:none}.service-flow span{font-size:12px}.service-flow strong{font-size:14px}.service-flow small{margin-top:2px;font-size:12px}.result-sample{padding:12px 13px 11px}.sample-heading span{font-size:11px}.sample-heading strong{font-size:13px}.sample-case{grid-template-columns:52px minmax(0,1fr) 14px minmax(0,1fr)}.sample-case figure{height:40px}.result-sample>p,.prototype-label{font-size:12px}.optional-heading small{font-size:11px}.company-brand-lockup small{font-size:9px}.company-brand-bar>span{font-size:10px}.portfolio-hero .portfolio-kicker{font-size:11px}.portfolio-hero div{font-size:9px}.comparison-index{font-size:10px}.photo-label{font-size:11px}.privacy-note{font-size:12px}.company-position-field{margin-top:16px;padding-top:15px}.position-options{grid-template-columns:1fr 1fr;display:grid}.position-options label{width:100%;min-width:0;height:44px}.portfolio-page.company-bottom{min-height:0}}@page{size:A4 portrait;margin:8mm}@media print{html,body{background:#fff!important;width:auto!important;min-width:0!important}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.app-header,.result-toolbar,.result-actions{display:none!important}.page-shell,.result-wrap{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}.result-wrap>.portfolio-page{display:none!important}.print-document{display:block!important}.print-sheet{break-after:page;page-break-after:always;background:#fff;flex-direction:column;width:194mm;height:280mm;margin:0;display:flex;overflow:hidden}.print-sheet:last-child{break-after:auto;page-break-after:auto}.company-brand-bar{break-inside:avoid-page;page-break-inside:avoid;min-height:16mm;padding:2.5mm 7mm}.company-brand-lockup>img{width:18mm;height:13mm}.company-brand-lockup small{font-size:10px}.company-brand-lockup strong{font-size:17px}.company-brand-bar>span{font-size:11px}.portfolio-hero{break-inside:avoid-page;page-break-inside:avoid;padding:9mm 7mm 7mm}.portfolio-hero .portfolio-kicker{font-size:12px}.portfolio-hero h1{font-size:31px;line-height:1.35}.portfolio-hero .project-description{max-width:155mm;margin-top:3mm;font-size:14px;font-weight:500;line-height:1.6}.portfolio-hero div{margin-top:4mm;font-size:11px}.print-sheet .comparison-list{flex:none;min-height:0;padding:6mm 8mm 5mm}.comparison{break-inside:avoid-page;page-break-inside:avoid;padding-top:4mm}.comparison+.comparison{margin-top:5mm;padding-top:5mm}.comparison+.comparison .comparison-index{top:2mm}.comparison-index{font-size:11px;font-weight:900}.comparison-note{break-after:avoid-page;page-break-after:avoid;margin:1.5mm 0 2.5mm;font-size:16px;font-weight:800;line-height:1.4}.comparison-grid,.comparison figure,.comparison img{break-inside:avoid-page;page-break-inside:avoid}.comparison-grid{grid-template-columns:1fr 9mm 1fr;gap:3mm}.comparison figure{aspect-ratio:16/9}.photo-label{padding:2mm 3.5mm;font-size:11px}.print-sheet .portfolio-footer{break-inside:avoid-page;page-break-inside:avoid;flex:none;min-height:20mm;margin-top:auto;padding:2mm 6mm}.portfolio-footer .footer-logo{width:22mm;height:15mm}.portfolio-footer p{font-size:12px}.portfolio-footer .footer-company-name{font-size:19px}.print-sheet.is-single-case .comparison-list{padding-top:9mm;padding-bottom:0}.print-sheet.is-single-case .comparison{padding-top:5mm}.print-sheet.is-single-case .comparison figure{aspect-ratio:4/3}.print-sheet.is-single-case .portfolio-footer{margin-top:10mm}}