.apps-hero{padding:86px 0 100px;overflow:hidden;background:#fff}
.apps-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:center}
.apps-hero-copy h1{font-size:clamp(42px,4.15vw,68px);line-height:1.24;letter-spacing:-.04em;margin:0;font-weight:900}
.apps-hero-copy mark,.application-copy mark{background:linear-gradient(transparent 70%,#ffd470 0);color:inherit;padding:0 .05em}
.apps-lead{font-size:20px;color:var(--text);margin:28px 0 34px;max-width:680px}
.apps-note{font-size:14px;color:var(--muted);margin:26px 0 0;padding-left:16px;border-left:3px solid var(--cyan)}
.apps-hero-visual{min-height:570px;position:relative;border-radius:32px;background:#fff;border:1px solid #d3ebf0;box-shadow:0 18px 42px rgba(8,54,74,.08);overflow:hidden;padding:24px}
.app-visual-intro{height:178px;border-radius:22px;background:linear-gradient(90deg,rgba(8,54,74,.9),rgba(8,54,74,.35)),url("/static/referral-applications/assets/images/context-friend.png") center 44%/cover no-repeat;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 26px}.app-visual-intro span{font-size:12px;font-weight:900;letter-spacing:.14em;color:#bcebf4}.app-visual-intro strong{font-size:23px;margin-top:5px}.app-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.app-scene{min-height:150px;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:start;background:#fff;transition:.2s ease}.app-scene:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,54,74,.08)}.scene-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.scene-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-scene>span:last-child{display:flex;flex-direction:column}.app-scene small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#007f99}.app-scene b{font-size:17px;margin:3px 0 5px}.app-scene p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.app-scene-human .scene-icon{background:var(--cyan-soft);color:#007f99}.app-scene-ai{border-color:#bfe7ef}.app-scene-ai .scene-icon{background:var(--cyan-soft);color:#007f99}.app-scene-ai small{color:#007f99}
.phone{position:absolute;background:#fff;border:1px solid var(--line);border-radius:34px;padding:17px 12px 14px;box-shadow:var(--shadow)}
.phone-main{width:298px;height:515px;left:50%;top:27px;transform:translateX(-50%)}
.phone-speaker{width:64px;height:5px;border-radius:10px;background:#d9e5e9;margin:0 auto 12px}
.phone-screen{height:452px;border-radius:22px;overflow:hidden;background:#f4f7f8;position:relative}
.phone-screen img{position:absolute;width:100%;height:100%;object-fit:cover}
.phone-screen-liff img{width:auto;max-width:none;height:150%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
.source-chip{position:absolute;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 17px;min-width:142px;box-shadow:0 12px 24px rgba(8,54,74,.08);display:flex;flex-direction:column;z-index:2}
.source-chip:after{content:"";position:absolute;width:42px;border-top:2px dashed #a9cbd5}
.source-chip b{font-size:15px}.source-chip small{color:var(--muted);font-size:12px}
.chip-friend{left:34px;top:77px}.chip-friend:after{right:-43px;top:50%;transform:rotate(12deg)}
.chip-affiliate{right:26px;top:102px}.chip-affiliate:after{left:-43px;top:50%;transform:rotate(-12deg)}
.chip-staff{left:28px;bottom:99px}.chip-staff:after{right:-43px;top:50%;transform:rotate(-12deg)}
.chip-ai{right:24px;bottom:88px;border-color:#cdd0ff}.chip-ai:after{left:-43px;top:50%;border-color:#8f94ff;transform:rotate(12deg)}
.shared-pill{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:var(--navy);color:#fff;border-radius:999px;padding:8px 18px;font-size:12px;font-weight:800;white-space:nowrap}
.architecture{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px}
.architecture-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.architecture-apps>a{border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;min-height:154px;background:#fff}
.architecture-apps>a:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(8,54,74,.08)}
.architecture-apps strong{font-size:19px;margin:15px 0 4px}.architecture-apps small{color:var(--text)}
.arch-badge{align-self:flex-start;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}
.arch-badge.human,.arch-badge.ai{background:var(--cyan-soft);color:#007f99}
.architecture-apps .arch-ai{border-color:#d6d8ff}
.architecture-lines{height:45px;display:grid;grid-template-columns:repeat(4,1fr);padding:0 9%}
.architecture-lines i{position:relative;border-left:1px solid #9ec6d2}
.architecture-lines i:after{content:"";position:absolute;bottom:0;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.management-foundation{background:var(--navy);color:#fff;border-radius:20px;padding:25px 29px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-left:7px solid var(--yellow)}
.management-foundation span{display:block;color:#83d7e8;font-size:12px;font-weight:900;letter-spacing:.11em}.management-foundation strong{font-size:20px}.management-foundation>b{font-size:14px;white-space:nowrap;color:#ffbe2c}
.compare-strip{margin-top:25px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.compare-strip>div{display:grid;grid-template-columns:150px repeat(4,1fr);border-bottom:1px solid var(--line)}.compare-strip>div:last-child{border-bottom:0}
.compare-strip span,.compare-strip b{padding:16px 18px;font-size:14px}.compare-strip span{background:#f1f7f9;color:var(--text);font-weight:800}.compare-strip b{font-weight:700;border-left:1px solid var(--line)}
.application-section{padding:118px 0;border-bottom:1px solid #e5eef1}
.application-detail{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:center}.application-detail.reverse{grid-template-columns:1.12fr .88fr}.application-detail.reverse>.application-copy{order:2}
.application-copy h2{font-size:clamp(36px,3.35vw,54px);line-height:1.28;letter-spacing:-.035em;margin:0;font-weight:900}.application-copy>p:not(.app-label){color:var(--text);font-size:18px;margin:21px 0}
.app-label{font-size:13px;font-weight:900;letter-spacing:.12em;margin:0 0 20px}.human-label,.ai-label{color:#007f99}
.detail-link{display:inline-flex;margin-top:25px;font-weight:900}.detail-link span,.ai-link span{color:#007f99;margin-left:9px}
.friend-evidence{height:590px;position:relative}.screen-card{margin:0;background:white;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:var(--shadow);position:absolute}.screen-card figcaption{font-size:13px;color:var(--text);padding:10px 8px 4px}.screen-tag{position:absolute;z-index:2;left:22px;top:20px;background:var(--navy);color:white;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900}
.crop{position:relative;overflow:hidden;border-radius:14px;background:#fff}.crop img{position:absolute;width:100%;height:100%;object-fit:cover;background:#fff}
img[src*="website-button.jpg"]{clip-path:inset(0 28%)}
img[src*="friend-liff.jpg"]{clip-path:inset(0 39%)}
.crop-website{aspect-ratio:.793}.crop-phone{aspect-ratio:.414}
.crop-website img[src*="website-button.jpg"],.crop-phone img[src*="friend-liff.jpg"]{width:100%;max-width:none;height:100%;inset:0;transform:none;object-fit:cover;clip-path:none}
.crop-website img[src*="website-button.jpg"]{transform:scale(2.45);transform-origin:center}.crop-phone img[src*="friend-liff.jpg"]{transform:scale(4.6);transform-origin:center}
.website-evidence{width:72%;left:0;top:25px}.website-evidence .screen-tag{left:auto;right:22px}.crop-website{aspect-ratio:1.45}.crop-website img{width:auto;max-width:none;height:185%;left:50%;top:70%;transform:translate(-50%,-50%);object-fit:contain}
.phone-evidence{width:36%;right:0;bottom:5px;transform:rotate(1.5deg)}.crop-phone{aspect-ratio:.62}.crop-phone img{width:auto;max-width:none;height:150%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
.affiliate-section{background:#fffaf0}.community-flow{background:white;border:1px solid #efdcb3;border-radius:25px;padding:27px;box-shadow:var(--shadow)}
.community-head{background:#eefaf4;border:1px solid #c9eed8;border-radius:18px;padding:17px;display:flex;align-items:center;gap:13px;position:relative}.community-head .community-icon{width:46px;height:46px;border-radius:14px;background:var(--green);color:white;display:grid;place-items:center;font-weight:900}.community-head strong,.community-head small{display:block}.community-head small{color:#4c8c68;font-size:11px}.community-head i{width:6px;height:6px;border-radius:50%;background:#78d69e;margin-left:auto}.community-head i+i{margin-left:-5px}
.community-post{margin:18px 0;background:var(--yellow-soft);border:1px solid #f0d185;border-radius:15px;padding:15px;display:flex;align-items:center;gap:13px}.community-post>span{background:var(--yellow);border-radius:9px;padding:5px 8px;font-size:11px;font-weight:900}.community-post b,.community-post small{display:block}.community-post small{color:#8c7340}
.community-path{display:grid;grid-template-columns:repeat(7,auto);align-items:center;gap:8px}.community-path>div{border:1px solid var(--line);border-radius:15px;padding:16px 12px;min-height:134px}.community-path span{display:block;color:#b77800;font-size:11px;font-weight:900}.community-path b{display:block;font-size:14px;margin:8px 0 4px}.community-path small{color:var(--text);font-size:11px;line-height:1.5;display:block}.community-path>i{font-style:normal;color:var(--cyan)}
.diagram-note{color:var(--muted);font-size:11px!important;text-align:center;margin:17px 0 0!important}
.staff-section{background:var(--blue-bg)}
.staff-page-visual{height:565px;background:#fff;border:1px solid var(--line);border-radius:27px;padding:30px;display:grid;grid-template-columns:.8fr 45px 1.2fr;align-items:center;gap:13px;box-shadow:var(--shadow);position:relative}
.catalog-panel,.personal-page{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.panel-mini-title{color:var(--text);font-size:12px;font-weight:800}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.catalog-grid .product-icon{aspect-ratio:1;border-radius:9px;background:var(--cyan-soft);position:relative;display:grid;place-items:center;color:#2a9cb5}.catalog-grid .product-icon:nth-child(3n+2){background:#fff1c9;color:#b57a00}.catalog-grid .product-icon:nth-child(3n){background:#ececff;color:#5c61df}.catalog-grid .product-icon svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.catalog-panel>small{display:block;text-align:center;background:var(--yellow-soft);color:#9d6900;border-radius:999px;padding:7px;font-weight:800}
.move-arrow{font-size:28px;color:var(--cyan);text-align:center}.personal-head{background:var(--cyan);color:white;border-radius:13px;padding:12px;display:flex;gap:11px;align-items:center}.personal-head>span{width:38px;height:38px;border-radius:50%;background:white;color:var(--cyan);display:grid;place-items:center;font-weight:900}.personal-head b,.personal-head small{display:block}.personal-head small{font-size:11px;opacity:.8}.personal-note{background:#fff8e5;border-left:3px solid var(--yellow);padding:10px 12px;margin:12px 0;font-size:11px;color:#785d21}.personal-products{display:grid;gap:8px}.personal-products>div{display:grid;grid-template-columns:42px 1fr 26px;gap:9px;align-items:center;background:#f2f8fa;border-radius:11px;padding:8px}.personal-products .selected-product{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;background:#d9f1f6;color:#1595b1}.personal-products .selected-pants{background:#fff0c7;color:#b77a00}.personal-products .selected-shirt{background:#e8e8ff;color:#5d62df}.personal-products .selected-product svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.personal-products b,.personal-products small{display:block}.personal-products b{font-size:12px}.personal-products small{font-size:10px;color:var(--muted)}.personal-products button{border:0;border-radius:50%;width:24px;height:24px;background:var(--cyan-soft);color:#0085a0;font-weight:900}.checkout-button{width:100%;margin-top:12px;border:0;border-radius:12px;background:var(--yellow);color:var(--navy);padding:11px;font-weight:900}.staff-result{position:absolute;right:30px;bottom:16px;background:var(--navy);color:#fff;border-radius:999px;padding:8px 15px;font-size:11px}.staff-result b{color:#ffbe2c}
.ai-section{background:var(--blue-bg)}.ai-journey{border:1px solid #d8d9ff;background:white;border-radius:26px;padding:28px;box-shadow:var(--shadow)}.ai-chat{background:#f7f7ff;border-radius:18px;padding:18px}.chat-head{display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center}.chat-head>span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:var(--cyan);color:white;display:grid;place-items:center}.chat-head b,.chat-head small{display:block}.chat-head small{font-size:11px;color:var(--muted)}.bubble{margin-top:14px;padding:11px 13px;border-radius:14px;font-size:13px}.user-bubble{background:var(--navy);color:white;margin-left:15%}.ai-bubble{background:white;border:1px solid #dddfff;margin-right:9%}.ai-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.ai-products i{height:85px;border-radius:12px;background:#e5e6ff;position:relative}.ai-products i:after{content:"✦";position:absolute;right:8px;top:5px;color:var(--cyan)}.choice-title{text-align:center;color:var(--muted);font-size:11px;font-weight:800;margin:15px}.ai-choices{display:grid;grid-template-columns:1fr 1fr;gap:11px}.ai-choices>div{border:1px solid #bfe7ef;border-radius:15px;padding:15px;display:grid;grid-template-columns:38px 1fr;column-gap:10px}.ai-choices span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:var(--cyan-soft);color:#007f99;display:grid;place-items:center;font-weight:900}.ai-choices b,.ai-choices small{display:block}.ai-choices small{color:var(--muted);font-size:10px}
.choose-section{margin-top:0}.starting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.starting-grid article{background:white;color:var(--navy);border-radius:19px;padding:26px 22px;border-top:4px solid var(--cyan)}.starting-grid article.choose-ai{border-top-color:var(--cyan)}.starting-grid article>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--cyan-soft);color:#007f99;font-weight:900}.starting-grid .choose-ai>span{background:var(--cyan-soft);color:#007f99}.starting-grid h3{font-size:20px;line-height:1.45;margin:17px 0 10px}.starting-grid p{color:var(--text);font-size:14px}.starting-grid b{display:block;font-size:13px;margin-top:18px;color:#007f99}.choose-ai b{color:#007f99}
.application-overview{padding-bottom:118px;overflow:hidden}.integration-orbit{width:min(900px,100%);height:610px;margin:42px auto 0;position:relative}.integration-orbit:before{content:"";position:absolute;left:50%;top:51%;width:510px;height:510px;transform:translate(-50%,-50%);border:1px dashed #a9d4de;border-radius:50%}.orbit-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orbit-links path{fill:none;stroke:#65bcd0;stroke-width:2;stroke-dasharray:6 7;marker-end:url(#orbit-arrow)}.orbit-node,.orbit-center{position:absolute;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 18px 38px rgba(8,54,74,.09);transition:.2s ease}.orbit-node:hover,.orbit-center:hover{transform:translate(-50%,-50%) scale(1.03);box-shadow:0 22px 45px rgba(8,54,74,.14)}.orbit-node{width:190px;height:190px;border:1px solid #d7e6ea}.orbit-node small,.orbit-center small{font-size:11px;font-weight:800;color:var(--muted)}.orbit-node strong{font-size:20px;margin:6px 0}.orbit-node p{font-size:12px;color:var(--text);margin:0 14px}.orbit-icon{width:45px;height:45px;border-radius:14px;background:var(--cyan-soft);color:#007f99;display:grid;place-items:center;margin-bottom:9px}.orbit-icon svg,.orbit-center-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.orbit-ai{left:50%;top:13%;transform:translate(-50%,-50%);border-color:#bfe7ef}.orbit-ai .orbit-icon{background:var(--cyan-soft);color:#007f99}.orbit-affiliate{left:22%;top:73%;transform:translate(-50%,-50%)}.orbit-staff{left:78%;top:73%;transform:translate(-50%,-50%)}.orbit-center{left:50%;top:55%;width:236px;height:236px;transform:translate(-50%,-50%);background:var(--navy);color:#fff;border:8px solid #fff;box-shadow:0 20px 45px rgba(8,54,74,.2)}.orbit-center-icon{width:52px;height:52px;border-radius:50%;background:var(--yellow);color:var(--navy);display:grid;place-items:center;margin-bottom:10px}.orbit-center small{color:#8ed9e7;letter-spacing:.08em}.orbit-center strong{font-size:30px;margin:4px 0}.orbit-center p{font-size:13px;line-height:1.65;color:#d7edf2;margin:0}.orbit-center b{font-size:11px;color:#ffc34c;margin-top:10px}.integration-note{margin:-2px auto 0;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;color:#a36b00;font-weight:800;font-size:13px}.integration-note i{font-style:normal;color:#9bb0b8}.integration-note b{color:var(--navy);font-weight:700;margin-left:7px}
.purpose-goals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.purpose-goal{min-height:300px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:22px;padding:28px 24px;display:flex;flex-direction:column;box-shadow:0 14px 30px rgba(8,54,74,.05);transition:.2s ease}.purpose-goal:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(8,54,74,.1)}.purpose-number{width:48px;height:48px;border-radius:14px;background:var(--cyan-soft);color:#007f99;display:grid;place-items:center;font-weight:900;font-size:17px}.purpose-goal small{font-size:12px;color:#007f99;font-weight:900;letter-spacing:.08em;margin-top:24px}.purpose-goal h3{font-size:23px;line-height:1.4;margin:8px 0 13px}.purpose-goal p{font-size:15px;color:var(--text);margin:0}.purpose-goal b{margin-top:auto;padding-top:24px;color:#007f99;font-size:13px}.purpose-goal-ai{border-color:#bfe7ef;border-top-color:var(--cyan)}.purpose-goal-ai .purpose-number{background:var(--cyan-soft);color:#007f99}.purpose-goal-ai small,.purpose-goal-ai b{color:#007f99}
@media(max-width:1120px){.apps-hero-grid,.application-detail,.application-detail.reverse{grid-template-columns:1fr}.application-detail.reverse>.application-copy{order:0}.apps-hero-visual{max-width:780px}.architecture-apps{grid-template-columns:1fr 1fr}.compare-strip>div{grid-template-columns:130px 1fr 1fr}.compare-strip b:nth-of-type(3),.compare-strip b:nth-of-type(4){border-top:1px solid var(--line)}.friend-evidence{max-width:760px}.community-path{grid-template-columns:1fr}.community-path>i{transform:rotate(90deg);text-align:center}.starting-grid{grid-template-columns:1fr 1fr}.purpose-goals{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.integration-orbit{height:auto;display:grid;grid-template-columns:1fr;gap:14px;margin-top:30px}.integration-orbit:before,.orbit-links{display:none}.orbit-center,.orbit-node{position:static;transform:none;width:100%;height:auto;min-height:150px;border-radius:24px;padding:23px}.orbit-center{grid-row:1;min-height:210px}.orbit-ai{grid-row:2}.orbit-affiliate{grid-row:3}.orbit-staff{grid-row:4}.orbit-node:hover,.orbit-center:hover{transform:none}.integration-note{margin-top:22px;line-height:1.7}.integration-note b{width:100%;text-align:center;margin-left:0}}
@media(max-width:720px){.apps-hero{padding:60px 0 75px}.apps-hero-copy h1{font-size:39px}.apps-lead{font-size:17px}.apps-hero-visual{min-height:0;padding:16px}.app-visual-intro{height:150px;padding:20px}.app-visual-intro strong{font-size:20px}.app-scene-grid{grid-template-columns:1fr}.app-scene{min-height:0}.phone-main{width:250px;height:450px}.phone-screen{height:389px}.source-chip{min-width:112px;padding:10px}.chip-friend{left:5px}.chip-affiliate{right:3px}.chip-staff{left:4px}.chip-ai{right:3px}.architecture{padding:20px}.architecture-apps{grid-template-columns:1fr}.architecture-lines{display:none}.management-foundation{margin-top:18px;align-items:flex-start;flex-direction:column}.management-foundation strong{font-size:16px}.compare-strip{display:none}.application-overview-grid{grid-template-columns:1fr}.application-overview-card .scenario p{min-height:0}.application-section{padding:78px 0}.application-detail{gap:38px}.application-copy h2{font-size:34px}.application-copy>p:not(.app-label){font-size:17px}.friend-evidence{height:485px}.website-evidence{width:88%}.phone-evidence{width:45%}.staff-page-visual{height:auto;grid-template-columns:1fr;padding:18px}.move-arrow{transform:rotate(90deg)}.staff-result{position:static;margin-top:10px;text-align:center}.community-flow{padding:18px}.ai-choices{grid-template-columns:1fr}.starting-grid{grid-template-columns:1fr}.purpose-goals{grid-template-columns:1fr}.purpose-goal{min-height:260px}}
.crop-website{aspect-ratio:.793}.crop-phone{aspect-ratio:.414}
.crop-website img[src*="website-button.jpg"],.crop-phone img[src*="friend-liff.jpg"]{width:100%;max-width:none;height:100%;inset:0;transform:none;object-fit:cover;clip-path:none}