@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#18313b;background:#f8f7f2;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #e6a54d;outline-offset:5px}::selection{background:#efb45f;color:#102b38}.container{width:min(100% - 64px,1180px);margin-inline:auto}.section-pad{padding:116px 0}.skip-link{position:absolute;z-index:100;top:-60px;left:20px;padding:12px 18px;background:#fff;color:#102b38}.skip-link:focus{top:12px}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;color:#fff;border-bottom:1px solid rgba(255,255,255,.13)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:700;letter-spacing:.015em;white-space:nowrap}.brand-mark{width:35px;height:35px;border:1px solid #efb45f;border-radius:10px;display:grid;place-items:center;transform:rotate(-8deg);color:#efb45f;font-weight:700;font-size:21px;line-height:1}.brand-mark span{transform:rotate(8deg)}.main-nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#c9d4d5}.main-nav a:hover,.footer-links a:hover{color:#efb45f}.header-cta{font-size:13px;font-weight:700;background:#efb45f;color:#17313b;padding:12px 18px;border-radius:4px;white-space:nowrap}.header-cta span{margin-left:10px}.header-cta:hover,.button-primary:hover{background:#ffd095}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 77% 28%,#214957 0,#102b38 42%,#0c222e 100%);min-height:760px;padding-top:86px}.hero:before{content:'';position:absolute;width:680px;height:680px;border:1px solid rgba(255,255,255,.055);border-radius:50%;right:-280px;top:-230px}.hero-grid{min-height:650px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:36px}.hero-copy{position:relative;z-index:2;padding:46px 0 60px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.19em;font-weight:700;text-transform:uppercase}.eyebrow{color:#efb45f;display:flex;align-items:center;gap:13px}.eyebrow-line{width:29px;height:1px;background:#efb45f}.hero h1{font-size:clamp(48px,5vw,76px);line-height:1.23;letter-spacing:-.045em;margin:25px 0 28px;font-weight:700}.hero h1 em{font-style:normal;color:#efb45f}.hero-lead{max-width:535px;color:#c9d5d7;font-size:17px;line-height:1.95;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:39px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 21px;border-radius:4px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#efb45f;color:#112b35}.text-link,.inline-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link{color:#fff}.text-link span,.inline-link span{margin-left:9px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px 25px;margin-top:65px;font-size:11px;color:#acbfc2}.hero-proof span{display:inline-flex;align-items:center;gap:8px}.hero-proof i{width:6px;height:6px;border-radius:50%;background:#efb45f}.hero-visual{position:relative;display:grid;place-items:center;min-width:0;min-height:580px}.visual-orbit{position:absolute;border:1px solid rgba(239,180,95,.13);border-radius:50%;aspect-ratio:1}.orbit-one{width:565px}.orbit-two{width:710px}.interview-card{position:relative;z-index:1;width:min(100%,520px);background:#fdfcf8;color:#18313b;border-radius:10px;box-shadow:0 35px 90px rgba(0,0,0,.3);transform:rotate(-3deg);overflow:hidden}.card-toolbar{height:51px;background:#f4f1e9;border-bottom:1px solid #e9e7dd;display:flex;align-items:center;gap:14px;padding:0 20px;color:#75858b;font-size:10px;font-weight:700}.toolbar-dots{display:flex;gap:5px}.toolbar-dots b{width:6px;height:6px;border-radius:50%;background:#bdc9c8}.toolbar-dots b:first-child{background:#efa767}.live-badge{margin-left:auto;border:1px solid #cededa;border-radius:20px;padding:5px 8px;color:#49766b}.live-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#51aa8f;margin-right:3px}.question-block,.answer-block{margin:24px 25px}.block-heading{display:flex;align-items:center;gap:9px;color:#5f7379;font-size:11px;font-weight:700}.step-icon{display:grid;place-items:center;background:#e1eceb;color:#386e71;width:24px;height:24px;border-radius:6px;font-size:9px}.step-icon.accent{background:#f7e9cd;color:#a27028}.wave{margin-left:auto;color:#5aa0a0;font-size:17px;letter-spacing:2px}.question-block p,.answer-block p{font-size:16px;line-height:1.8;font-weight:700;margin:16px 0 8px}.translation{color:#708288;font-size:11px}.answer-block{border-top:1px solid #e7e8e3;padding-top:21px;margin-top:23px}.answer-block p{font-size:14px;font-weight:500;margin-bottom:16px}.annotation{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.annotation span{background:#eff4f0;padding:7px 9px;border-radius:4px;color:#4b6c65;font-size:10px}.annotation span:first-child{background:#e7eee9;font-weight:700}.annotation small{color:#9aaa9d}.card-footer{border-top:1px solid #e7e8e3;padding:16px 25px;color:#78908e;font-size:10px;display:flex;align-items:center;gap:7px}.card-footer span:last-child{margin-left:auto}.source-dot{width:6px;height:6px;background:#64a48a;border-radius:50%}.floating-note{position:absolute;z-index:2;left:0;bottom:52px;background:#efb45f;color:#17313b;display:flex;align-items:center;gap:12px;padding:15px 22px;border-radius:4px;box-shadow:0 14px 30px rgba(0,0,0,.2);transform:rotate(4deg)}.floating-note>span{font-size:26px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{font-size:10px;margin-top:3px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;height:54px;position:relative;z-index:2;color:#91aab0;font-size:10px;letter-spacing:.14em;border-top:1px solid rgba(255,255,255,.1)}.hero-bottom a{color:#dce6e6}.hero-bottom a span{margin-left:8px}.section-kicker{color:#bd7d34;margin:0 0 24px}.problem{background:#f8f7f2}.problem-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:end}.problem h2,.section-heading h2,.features h2,.audience h2,.download h2,.faq h2{font-size:clamp(34px,3.6vw,51px);line-height:1.38;letter-spacing:-.035em;margin:0;font-weight:700}.highlight-underline{background:linear-gradient(transparent 75%,#f4c887 75%)}.problem-copy{font-size:15px;line-height:2;color:#536771}.problem-copy p:first-child{margin-top:0}.problem-copy strong{color:#1c3b45}.inline-link{display:inline-block;color:#1c5660;margin-top:12px}.workflow{background:#eaf0ed}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:47px}.section-heading>p{max-width:350px;color:#60747a;line-height:1.9;font-size:14px;margin:0 0 5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{background:#fff;border:1px solid #e0e9e5;padding:27px 28px 31px;min-height:335px}.step-number{font-size:12px;font-weight:700;color:#af7836}.step-art{height:142px;display:flex;align-items:center;justify-content:center;position:relative}.mini-paper{width:78px;height:93px;border:1px solid #b9cfcb;border-radius:4px;background:#f5f8f5;transform:rotate(-8deg);padding:18px 11px}.mini-paper span{display:block;height:4px;background:#c6d7d2;margin-bottom:8px;border-radius:2px}.mini-paper span:nth-child(2){width:66%}.mini-paper span:nth-child(3){width:83%}.mini-paper i{display:block;width:18px;height:18px;background:#d6e7dc;border-radius:50%;margin:7px 0}.art-check{width:28px;height:28px;border-radius:50%;background:#e9b66e;display:grid;place-items:center;color:white;position:absolute;left:calc(50% + 25px);bottom:28px}.listen-circle{width:95px;height:95px;border-radius:50%;display:grid;place-items:center;background:#d9e7e0;color:#38666c;font-size:38px;box-shadow:0 0 0 14px #edf4ee,0 0 0 15px #dae8e2}.listen-wave{position:absolute;right:20%;bottom:20px;color:#b68143;letter-spacing:2px}.answer-lines{width:114px;background:#f6f8f4;border:1px solid #cbdad2;padding:25px 18px;transform:rotate(6deg);border-radius:4px}.answer-lines b{display:block;height:5px;background:#b7d0c5;margin-bottom:12px;border-radius:4px}.answer-lines b:last-child{width:68%;margin:0}.sparkle{position:absolute;right:26%;top:20px;font-size:31px;color:#d9a254}.step h3{font-size:19px;margin:11px 0}.step p{font-size:13px;line-height:1.85;color:#687a80;margin:0}.features{background:#f8f7f2}.features-grid{display:grid;grid-template-columns:.82fr 1fr;gap:100px}.features-intro{position:sticky;top:35px;align-self:start}.features-intro>p:not(.section-kicker){font-size:14px;color:#667a7f;line-height:1.9;max-width:360px;margin:23px 0 32px}.button-outline{border:1px solid #1a414b;color:#173e48}.button-outline:hover{background:#e7ede9}.feature-item{display:grid;grid-template-columns:52px 1fr 28px;gap:20px;padding:30px 0;border-bottom:1px solid #d8e0db;align-items:start}.feature-item:first-child{border-top:1px solid #d8e0db}.feature-symbol{width:48px;height:48px;border-radius:50%;background:#e7eee9;color:#416b64;display:grid;place-items:center;font-size:20px}.feature-item h3{font-size:18px;margin:2px 0 10px}.feature-item p{font-size:13px;line-height:1.85;color:#657a80;margin:0;max-width:420px}.feature-index{font-size:10px;color:#a5b4ae}.principle{background:#183e43;color:#f5f7f0;text-align:center;position:relative;overflow:hidden}.principle:before,.principle:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.08);width:550px;height:550px;border-radius:50%;top:-300px;left:-160px}.principle:after{left:auto;right:-200px;top:110px}.principle-inner{position:relative;z-index:1}.principle .section-kicker{color:#e4b574}.principle h2{font-size:clamp(32px,3.4vw,48px);line-height:1.52;letter-spacing:-.025em;margin:0}.principle h2 em{font-style:normal;color:#efb45f}.principle p:last-child{max-width:585px;margin:23px auto 0;color:#bfd0ce;line-height:1.9;font-size:14px}.audience{background:#f8f7f2}.audience-grid{display:grid;grid-template-columns:1fr .9fr;gap:110px;align-items:center}.audience-grid>div:first-child>p:last-child{max-width:475px;color:#667a80;font-size:14px;line-height:1.9;margin:25px 0 0}.audience-panel{background:#e9efeb;padding:39px 43px}.audience-tag{display:inline-block;background:#d7e6dd;color:#3e6d5b;font-size:11px;font-weight:700;padding:7px 12px;border-radius:3px}.audience-panel ul{list-style:none;padding:0;margin:19px 0 13px}.audience-panel li{padding:12px 0;border-bottom:1px solid #d2ded7;font-size:15px;font-weight:600}.audience-panel li span{color:#b87d3b;margin-right:17px}.audience-panel>p{color:#748680;font-size:11px;margin-bottom:0}.download{padding-top:0;background:#f8f7f2}.download-card{min-height:395px;background:#bd793b;color:#fff;display:grid;grid-template-columns:1fr .8fr;gap:35px;padding:60px 68px;overflow:hidden;position:relative}.download .section-kicker{color:#ffe1b9}.download h2{line-height:1.26}.download-card p:not(.section-kicker){max-width:535px;font-size:14px;line-height:1.9;color:#fff2e0;margin:23px 0 0}.download-actions{display:flex;align-items:center;gap:19px;margin-top:30px;flex-wrap:wrap}.button-light{background:#fff8ea;color:#5c3a22}.button-light:hover{background:#fff}.download-actions>span{font-size:11px;color:#ffdfbd}.download-graphic{position:relative;min-height:270px;display:grid;place-items:center}.graphic-ring{position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.28);border-radius:50%}.ring-b{width:445px;height:445px}.graphic-center{font-size:65px;letter-spacing:-.09em;font-weight:700;transform:rotate(-10deg);white-space:nowrap}.graphic-center span{font-size:45px}.faq{background:#f8f7f2;padding-top:28px}.faq-grid{display:grid;grid-template-columns:.72fr 1fr;gap:100px}.faq-grid>div:first-child>p:last-child{max-width:290px;line-height:1.9;font-size:14px;color:#718086}.faq-list{border-top:1px solid #d8ded8}.faq details{border-bottom:1px solid #d8ded8}.faq summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;padding:22px 0;font-size:14px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:23px;font-weight:400;color:#bd7d34;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:0 36px 24px 0;color:#64767b;font-size:13px;line-height:1.9}.site-footer{background:#102b38;color:#fff;padding-top:58px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:55px}.footer-brand{font-size:17px}.footer-top>div:first-child>p{color:#9db2b7;font-size:12px;margin-top:18px}.footer-links{display:flex;gap:95px}.footer-links>div{display:flex;flex-direction:column;gap:14px;font-size:12px;color:#a9bdc0}.footer-links strong{color:#fff;margin-bottom:7px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,.12);font-size:10px;color:#8ea4aa}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr .95fr}.hero h1{font-size:55px}.features-grid,.audience-grid,.problem-grid,.faq-grid{gap:55px}.floating-note{left:-15px}.download-card{padding:55px}.graphic-ring{width:250px;height:250px}.ring-b{width:370px;height:370px}}
@media(max-width:800px){.container{width:min(100% - 40px,640px)}.section-pad{padding:78px 0}.site-header{position:relative;background:#102b38}.header-inner{height:70px}.main-nav{display:none}.header-cta{padding:10px;font-size:11px}.hero{padding-top:0}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:74px 0 8px}.hero h1{font-size:clamp(43px,8vw,64px)}.hero-visual{min-height:515px}.interview-card{width:min(90%,500px)}.floating-note{left:1%;bottom:32px}.hero-proof{margin-top:40px}.hero-bottom{height:50px}.problem-grid,.features-grid,.audience-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.section-heading{align-items:start;display:block}.section-heading>p{margin-top:18px}.steps{grid-template-columns:1fr}.step{min-height:0}.step-art{height:130px}.features-intro{position:static}.download{padding-top:0}.download-card{grid-template-columns:1fr;padding:44px}.download-graphic{display:none}.faq{padding-top:0}.footer-links{gap:45px}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.brand{font-size:13px}.brand-mark{width:30px;height:30px}.header-cta{font-size:10px;padding:9px 8px}.header-cta span{display:none}.hero-copy{padding-top:58px}.hero h1{font-size:42px}.hero-lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-proof{gap:12px 15px;font-size:10px}.hero-visual{min-height:390px}.interview-card{width:94%;transform:rotate(-2deg)}.question-block,.answer-block{margin:15px 17px}.card-toolbar{padding:0 12px}.question-block p,.answer-block p{font-size:12px}.floating-note{bottom:13px;left:0;padding:10px 13px}.hero-bottom{font-size:9px}.problem h2,.section-heading h2,.features h2,.audience h2,.download h2,.faq h2{font-size:34px}.section-heading{margin-bottom:28px}.step{padding:23px}.principle h2{font-size:30px}.audience-panel{padding:27px}.download-card{padding:35px 28px}.download-actions{align-items:flex-start;flex-direction:column}.footer-top{flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}.footer-links{gap:70px}.faq summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.faq summary span{transition:none}}