:root{color:#17251f;background:#f4efe2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0;min-width:320px}body,button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(226,173,62,.42);outline-offset:3px}.site-shell{min-height:100vh;overflow-x:clip;background:#f4efe2}.site-header{position:absolute;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px clamp(22px,5vw,76px);color:#fffaf0;background:linear-gradient(180deg,#04100d6b,#04100d00)}.brand,.header-action,.primary-button,.text-button,.footer-brand{display:inline-flex;align-items:center}.brand{width:52px;height:52px;justify-content:center}.brand img,.footer-brand img{border-radius:9px;box-shadow:0 12px 24px #0000003d}.brand img{width:52px;height:52px;border-radius:13px}.header-action{gap:6px;min-height:42px;padding:0 16px;border:1px solid rgba(255,248,224,.3);border-radius:999px;background:#fff8e01f;color:#fff8df;font-size:14px;font-weight:900;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.96fr) minmax(330px,.6fr);gap:clamp(44px,7vw,96px);align-items:center;min-height:100svh;padding:clamp(112px,14vh,150px) clamp(24px,5vw,76px) clamp(52px,8vh,82px);color:#fffaf0;background:#061612;overflow:hidden}.hero:before{content:"";position:absolute;inset:-34px;z-index:-2;background:linear-gradient(90deg,#04120ff2,#071e19bd 46%,#06181542),linear-gradient(180deg,#030e0b42,#030e0b9e),url(/diaoji-hero-water.png);background-position:center;background-size:cover;filter:blur(9px);transform:scale(1.05)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#030e0b14,#030e0b5c),linear-gradient(90deg,#030e0b57,#030e0b00);pointer-events:none}.hero-content{width:min(820px,100%)}.hero-phone-wrap{position:relative;z-index:1;display:grid;justify-items:center;justify-self:center;width:min(360px,100%);transform:translateY(8px)}.hero-phone-stage{position:relative;width:100%;aspect-ratio:430 / 900;filter:drop-shadow(0 46px 82px rgba(0,0,0,.5))}.hero-phone-screen-clip{position:absolute;top:2.9%;left:4.65%;z-index:1;width:90.7%;height:94%;overflow:hidden;border-radius:38px;background:#06120f}.hero-phone-frame{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:contain;pointer-events:none}.hero-app-screen{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.012);transition:opacity .82s ease,transform 1.4s ease}.hero-app-screen img{width:100%;height:100%;object-fit:cover;object-position:top center}.hero-app-screen.is-active{opacity:1;transform:scale(1)}.hero-screen-tabs{display:flex;gap:9px;margin-top:16px}.hero-screen-tabs span{width:32px;height:3px;overflow:hidden;border-radius:999px;background:#fff8e038;color:transparent;transition:background .26s ease,width .26s ease}.hero-screen-tabs span.is-active{width:42px;background:#e2ad3e}.eyebrow,.section-kicker{margin:0 0 16px;color:#e2ad3e;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{letter-spacing:0}h1{margin:0;font-size:clamp(72px,11vw,122px);line-height:.88}h2{margin:0;font-size:clamp(36px,4.8vw,58px);line-height:1.08}.hero-title{max-width:760px;margin:28px 0 0;color:#fff;font-size:clamp(31px,4vw,48px);font-weight:900;line-height:1.18}.hero-title span{display:inline}.hero-apply{margin-top:36px}.primary-button{justify-content:center;gap:10px;min-height:50px;padding:0 23px;border-radius:999px;color:#10241d;background:#e2ad3e;font-weight:900;line-height:1;white-space:nowrap}.primary-button:disabled{cursor:not-allowed;opacity:.72}.story-section{--accent: #dba53b;--screen-start: #163d35;--screen-end: #071b16;--section-bg: #f4efe2;display:grid;align-items:center;min-height:100svh;padding:clamp(82px,10vh,120px) clamp(24px,5vw,76px);background:var(--section-bg);overflow:hidden}.story-section--channels{--accent: #dba53b;--screen-start: #17413a;--screen-end: #071b16;--section-bg: #f4efe2}.story-section--prep{--accent: #4e8f76;--screen-start: #1c4c43;--screen-end: #0b2420;--section-bg: #edf4ee}.story-section--onsite{--accent: #d8883d;--screen-start: #233f4c;--screen-end: #0d1f28;--section-bg: #f7eee6}.story-section--share{--accent: #3d7fa6;--screen-start: #173f55;--screen-end: #091f2b;--section-bg: #edf3f4}.story-inner{display:grid;grid-template-columns:minmax(310px,.74fr) minmax(0,1fr);gap:clamp(44px,7vw,104px);align-items:center;width:min(1180px,100%);margin:0 auto}.story-section--visual-left .story-visual-stack{order:1}.story-section--visual-left .story-copy{order:2}.story-section--visual-right .story-copy{order:1}.story-section--visual-right .story-visual-stack{order:2}.story-copy{position:relative;max-width:650px}.story-meta{display:flex;gap:13px;align-items:center;margin-bottom:18px}.story-meta>span{color:color-mix(in srgb,var(--accent) 86%,#31261a);font-size:14px;font-weight:950}.story-meta:after{content:"";width:72px;height:1px;background:color-mix(in srgb,var(--accent) 52%,transparent)}.story-copy .section-kicker{margin:0;color:color-mix(in srgb,var(--accent) 86%,#31261a)}.story-copy h2{color:#13261f;font-size:clamp(34px,4.6vw,56px)}.slogan-line{display:block;white-space:nowrap}.story-points{display:grid;gap:0;margin-top:34px;border-top:1px solid color-mix(in srgb,var(--accent) 34%,#d8d6ca)}.story-point{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;padding:19px 0;border-bottom:1px solid rgba(19,38,31,.11)}.point-index{color:color-mix(in srgb,var(--accent) 86%,#31261a);font-size:12px;font-weight:950;line-height:1.7}.story-point strong{display:block;color:#13261f;font-size:18px;line-height:1.35}.story-point p{margin:6px 0 0;color:#5e6d64;font-size:16px;line-height:1.72}.story-actions{display:flex;margin-top:28px}.text-button{gap:9px;min-height:46px;padding:0;background:transparent;color:#1f5c4d;font-weight:900}.story-visual-stack{--current-card-width: clamp(286px, 22.4vw, 340px);--previous-card-width: clamp(172px, 13.44vw, 204px);--card-overlap: 50px;position:relative;width:calc(var(--previous-card-width) + var(--current-card-width) - var(--card-overlap));max-width:100%;min-height:clamp(590px,72vh,720px);justify-self:center}.story-visual-stack:before{content:"";position:absolute;inset:10% -4% 9%;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:34px;background:linear-gradient(135deg,#ffffff94,#ffffff24),radial-gradient(circle at 24% 24%,color-mix(in srgb,var(--accent) 21%,transparent),transparent 42%),radial-gradient(circle at 76% 68%,rgba(19,38,31,.08),transparent 46%),#fff3;box-shadow:inset 0 1px #ffffff94,0 30px 80px #16211c14}.story-visual-card{position:absolute;top:50%;display:grid;aspect-ratio:430 / 900;place-items:center;margin:0;overflow:visible;transition:transform .18s ease}.story-visual-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 42px rgba(22,33,28,.22))}.story-visual-card--previous{z-index:1;left:0;width:var(--previous-card-width);opacity:1;transform:translateY(-50%)}.story-visual-card--current{z-index:2;left:calc(var(--previous-card-width) - var(--card-overlap));width:var(--current-card-width);transform:translateY(-50%)}.site-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px clamp(24px,5vw,76px);color:#fffaf0b8;background:#071711}.footer-brand{gap:10px;color:#fff;font-size:17px;font-weight:900}.footer-copy{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-end;font-size:14px}.footer-copy button{min-height:36px;padding:0 14px;border-radius:999px;background:#fff8e01f;color:#fff8df;font-weight:900}.footer-copy a{color:#fffaf0d1;text-decoration:underline;text-decoration-color:#fffaf03d;text-underline-offset:4px}.legal-shell{background:#f4efe2}.legal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(22px,5vw,76px);background:#071711;color:#fffaf0}.legal-brand,.legal-back-link{display:inline-flex;align-items:center}.legal-brand{gap:10px;font-size:17px;font-weight:900}.legal-brand img{border-radius:11px;box-shadow:0 12px 24px #0000003d}.legal-back-link{gap:6px;color:#fff8df;font-size:14px;font-weight:900}.legal-document{width:min(880px,calc(100% - 36px));margin:0 auto;padding:clamp(54px,8vw,86px) 0 clamp(70px,9vw,110px)}.legal-document h1{color:#10241d;font-size:clamp(42px,7vw,74px);line-height:1}.legal-updated{margin:22px 0 0;color:#5e6d64;font-size:15px;line-height:1.8}.legal-section{margin-top:38px;padding-top:30px;border-top:1px solid rgba(19,38,31,.12)}.legal-section h2{color:#13261f;font-size:clamp(23px,3vw,30px);line-height:1.22}.legal-section p{margin:14px 0 0;color:#4f5f56;font-size:17px;line-height:1.9}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px;background:#030e0bb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.apply-modal{position:relative;width:min(100%,480px);padding:34px;border:1px solid rgba(238,222,178,.22);border-radius:24px;background:#fffdf5;box-shadow:0 34px 90px #0000005c}.modal-close{position:absolute;top:18px;right:18px;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#edf0e8;color:#23362f}.apply-modal h2{color:#13251f;font-size:32px}.modal-copy{margin:14px 0 0;color:#647169;line-height:1.75}.apply-form{display:grid;gap:16px;margin-top:28px}.apply-form label{display:grid;gap:8px;color:#1c2f28;font-size:14px;font-weight:900}.apply-form input{width:100%;min-height:48px;padding:0 14px;border:1px solid #d8d3c1;border-radius:12px;outline:none;background:#fff;color:#15241f}.apply-form input:focus{border-color:#236454;box-shadow:0 0 0 3px #23645424}.form-submit{width:100%;margin-top:6px}.form-error{margin:0;color:#a33228;font-size:14px}.success-state{display:grid;justify-items:center;gap:10px;margin-top:28px;padding:28px;border-radius:18px;background:#eff5ef;color:#19332b;text-align:center}.success-state svg{color:#236454}.success-state strong{font-size:20px}.success-state span{color:#647169}.success-state .primary-button{width:100%;margin-top:12px}@media(max-width:1120px){.hero{grid-template-columns:1fr}.hero-phone-wrap{display:none}}@media(max-width:960px){.site-header{padding:15px 18px}.hero{grid-template-columns:1fr;gap:42px;padding:112px 18px 72px}.hero-title span{display:block}.story-section{min-height:auto;padding:72px 18px}.story-inner{grid-template-columns:1fr;gap:38px}.story-section--visual-left .story-visual-stack,.story-section--visual-right .story-visual-stack{order:2}.story-section--visual-left .story-copy,.story-section--visual-right .story-copy{order:1}.story-point p{font-size:16px}.story-visual-stack{--current-card-width: clamp(226px, 46vw, 286px);--previous-card-width: clamp(136px, 27.6vw, 172px);width:calc(var(--previous-card-width) + var(--current-card-width) - var(--card-overlap));min-height:500px}.story-visual-card--previous{left:0;width:var(--previous-card-width);transform:translateY(-50%)}.story-visual-card--current{left:calc(var(--previous-card-width) - var(--card-overlap));width:var(--current-card-width);transform:translateY(-50%)}.site-footer{align-items:flex-start;flex-direction:column}.footer-copy{justify-content:flex-start}.legal-header{padding:17px 18px}.legal-document{width:min(100% - 36px,880px);padding-top:52px}}@media(max-width:520px){.brand img{width:46px;height:46px;border-radius:12px}.brand{width:46px;height:46px}.header-action{min-height:38px;padding:0 12px;font-size:13px}.hero{min-height:100svh;align-content:center;gap:30px;padding-bottom:48px}.hero-title{max-width:11em}.story-copy h2{font-size:clamp(32px,10vw,38px)}.story-point{grid-template-columns:36px minmax(0,1fr);gap:12px}.primary-button{width:100%}.story-visual-stack{--current-card-width: min(230px, 58vw);--previous-card-width: min(138px, 35vw);min-height:430px}.story-visual-stack:before{inset:8% -2% 7%;border-radius:24px}.story-visual-card--previous{left:0;width:var(--previous-card-width);transform:translateY(-50%)}.story-visual-card--current{left:calc(var(--previous-card-width) - var(--card-overlap));width:var(--current-card-width);transform:translateY(-50%)}.apply-modal{padding:30px 22px 24px}.legal-back-link{font-size:13px}.legal-document h1{font-size:clamp(38px,12vw,48px)}.legal-section p{font-size:16px}}