:root{color-scheme:light;--color-bg: #f7faf9;--color-surface: #ffffff;--color-surface-soft: #eef7f6;--color-ink: #13201f;--color-muted: #516060;--color-border: #d9e4e3;--color-primary: #0b7f91;--color-primary-strong: #075e6b;--color-warm: #d7a92f;--shadow-soft: 0 18px 48px rgba(19, 32, 31, .1);--shadow-card: 0 10px 28px rgba(19, 32, 31, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-ink)}*{box-sizing:border-box}html{background:var(--color-bg);scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--color-bg);color:var(--color-ink);line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg{display:block}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(11,127,145,.35);outline-offset:3px}.skip-link{position:fixed;left:16px;top:16px;z-index:20;transform:translateY(-140%);border-radius:8px;background:var(--color-ink);color:#fff;padding:10px 14px;font-weight:700;text-decoration:none}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(217,228,227,.78);background:#f7faf9eb;padding:12px clamp(18px,5vw,72px);backdrop-filter:blur(18px)}.brand-link{display:inline-flex;min-height:44px;align-items:center;gap:10px;color:var(--color-ink);font-size:1.04rem;font-weight:800;letter-spacing:0;text-decoration:none}.brand-link img{border-radius:8px;box-shadow:0 8px 20px #0b7f9124}.site-nav{display:flex;align-items:center;gap:8px}.nav-link{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;color:var(--color-muted);padding:0 14px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .18s ease,color .18s ease}.nav-link:hover,.nav-link.is-active{background:var(--color-surface-soft);color:var(--color-primary-strong)}main{overflow:hidden}.page-shell{width:min(1120px,calc(100% - 36px));margin:0 auto}.hero{position:relative;display:grid;min-height:clamp(520px,72dvh,680px);align-items:center;border-bottom:1px solid var(--color-border);background:linear-gradient(90deg,#f7faf9fa,#f7faf9db 55%,#f7faf980),url(/images/knotax-app-icon.png) right clamp(-110px,-5vw,-36px) center / min(56vw,580px) no-repeat;padding:clamp(56px,8vw,112px) 0 clamp(54px,7vw,88px)}.hero-content{width:min(720px,calc(100% - 36px));margin-left:clamp(18px,5vw,72px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--color-primary-strong);font-size:.86rem;font-weight:800;letter-spacing:0}.eyebrow svg{width:18px;height:18px}h1{max-width:720px;margin:0;color:var(--color-ink);font-size:clamp(2.75rem,8vw,5.9rem);line-height:.98;letter-spacing:0}.hero-copy{max-width:640px;margin:24px 0 0;color:var(--color-muted);font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions,.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:0 18px;font-weight:800;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.button:hover{transform:translateY(-1px)}.button svg{width:18px;height:18px}.button-primary{background:var(--color-primary);color:#fff;box-shadow:0 14px 30px #0b7f9138}.button-primary:hover{background:var(--color-primary-strong)}.button-secondary{border-color:var(--color-border);background:#ffffffc7;color:var(--color-ink)}.button-secondary:hover{border-color:#0b7f9152;box-shadow:var(--shadow-card)}.section{padding:clamp(56px,8vw,96px) 0}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2{margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.12;letter-spacing:0}.section-heading p{margin:14px 0 0;color:var(--color-muted);font-size:1.06rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-card,.step-card,.support-card,.faq-card{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-card)}.info-card,.step-card,.support-card{padding:24px}.icon-box{display:inline-grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--color-surface-soft);color:var(--color-primary-strong)}.icon-box svg{width:24px;height:24px}.info-card h3,.step-card h3,.support-card h3{margin:18px 0 8px;font-size:1.15rem;line-height:1.25}.info-card p,.step-card p,.support-card p{margin:0;color:var(--color-muted)}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:steps}.step-card{counter-increment:steps;position:relative}.step-card:before{content:counter(steps,decimal-leading-zero);display:inline-flex;min-width:40px;height:32px;align-items:center;justify-content:center;border-radius:8px;background:#d7a92f2e;color:#755600;font-size:.88rem;font-weight:900}.notice-band{border:1px solid var(--color-border);border-radius:8px;background:#102426;color:#fff;padding:clamp(24px,4vw,34px)}.notice-band h2,.notice-band p{margin:0}.notice-band h2{font-size:clamp(1.4rem,3vw,2rem)}.notice-band p{margin-top:10px;color:#ffffffc7}.support-hero{padding:clamp(58px,8vw,92px) 0 46px;border-bottom:1px solid var(--color-border)}.support-hero .page-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.support-hero img{width:clamp(88px,16vw,156px);height:clamp(88px,16vw,156px);border-radius:24px;box-shadow:var(--shadow-soft)}.support-hero h1{max-width:760px;font-size:clamp(2.4rem,6vw,4.8rem)}.support-hero p{max-width:680px;margin:20px 0 0;color:var(--color-muted);font-size:1.08rem}.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.support-card ul,.plain-list{margin:14px 0 0;padding-left:1.1rem;color:var(--color-muted)}.support-card li,.plain-list li{margin:8px 0}.policy-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:22px;align-items:start}.policy-summary{position:sticky;top:96px}.policy-summary dl{display:grid;gap:14px;margin:18px 0 0}.policy-summary dt{color:var(--color-ink);font-weight:800}.policy-summary dd{margin:4px 0 0;color:var(--color-muted)}.policy-article{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-card);padding:clamp(24px,5vw,42px)}.policy-article h2{margin:38px 0 10px;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.25;letter-spacing:0}.policy-article h2:first-child{margin-top:0}.policy-article p,.policy-article li{color:var(--color-muted)}.policy-article p{margin:0 0 14px}.policy-article ul{margin:0 0 16px;padding-left:1.15rem}.faq-list{display:grid;gap:12px}.faq-card{overflow:clip}.faq-card summary{min-height:56px;cursor:pointer;padding:18px 22px;color:var(--color-ink);font-weight:800}.faq-card p{margin:0;padding:0 22px 20px;color:var(--color-muted)}.contact-panel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;align-items:start}.contact-panel .notice-band{height:100%}.site-footer{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--color-border);padding:22px clamp(18px,5vw,72px);color:var(--color-muted);font-size:.95rem}.site-footer a{min-height:44px;display:inline-flex;align-items:center;color:var(--color-primary-strong);font-weight:800;text-decoration:none}.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:860px){.site-header{min-height:66px}.hero{min-height:auto;background:linear-gradient(180deg,#f7faf9fa,#f7faf9e6 70%,#f7faf9c7),url(/images/knotax-app-icon.png) right -80px top 36px / 280px no-repeat;padding-top:72px}.hero-content{width:min(100% - 36px,720px);margin:0 auto}.card-grid,.step-grid,.support-grid,.contact-panel,.policy-layout,.support-hero .page-shell{grid-template-columns:1fr}.policy-summary{position:static}.support-hero img{order:-1;border-radius:18px}}@media(max-width:560px){.site-header{gap:8px;padding-left:14px;padding-right:14px}.brand-link{gap:8px}.brand-link img{width:34px;height:34px}.brand-link span{font-size:.95rem}.site-nav{gap:4px}.nav-link{padding:0 7px}.hero-actions,.action-row{flex-direction:column}.button{width:100%}.site-footer{align-items:flex-start;flex-direction:column}}