:root{color-scheme:light;--ink:#122036;--muted:#627089;--line:#d7e0ea;--bg:#f5f7fb;--panel:#fff;--primary:#0f766e;--primary-dark:#0a4f4a;--accent:#b7791f;--soft:#eaf8f4;--danger:#b42318;--focus:#2563eb;--shadow:0 14px 34px rgba(18,32,54,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f8fbfd 0,#eef4f8 48%,#f7f9fc 100%);color:var(--ink);line-height:1.58}a{color:var(--primary);text-underline-offset:3px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img{max-width:100%}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px;padding:.75rem clamp(1rem,4vw,3rem);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(215,224,234,.9)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:900;text-decoration:none;color:var(--ink);font-size:1.02rem;line-height:1.15}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--primary);color:#fff;font-size:.82rem;letter-spacing:0}.nav{display:flex;align-items:center;gap:.35rem}.nav a,.link-button{min-height:40px;display:inline-flex;align-items:center;padding:.5rem .7rem;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:800}.nav a:hover,.link-button:hover{background:var(--soft);color:var(--primary-dark)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:#fff;width:44px;height:40px;align-items:center;justify-content:center;gap:4px;flex-direction:column}.menu-toggle span{display:block;width:19px;height:2px;background:var(--ink);border-radius:2px}.inline{display:inline}.link-button{border:0;background:transparent;font:inherit;cursor:pointer}
main{width:min(1120px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.25rem)}h1,h2,h3{line-height:1.12;margin-top:0}h1{font-size:clamp(2rem,4vw,3.7rem)}h2{font-size:clamp(1.25rem,2.2vw,1.75rem)}p{margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:0;font-weight:900;color:var(--accent);font-size:.78rem;margin-bottom:.45rem}.readable{max-width:780px}.narrow{max-width:620px;margin:1rem auto}
.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,.82fr);align-items:center;gap:clamp(1.25rem,3vw,2.8rem);min-height:calc(100vh - 96px);padding:clamp(1rem,3vw,2rem) 0}.hero-copy{max-width:560px;justify-self:end}.hero h1{margin:.15rem 0 1rem}.hero p{font-size:1.03rem;color:var(--muted);max-width:550px}.hero-visual{position:relative;height:min(48vw,510px);border-radius:8px;overflow:hidden;background:#dff7ef;box-shadow:0 24px 58px rgba(18,32,54,.16)}.hero-visual img{width:100%;height:100%;display:block;object-fit:cover}.floating-note{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem;border-radius:8px;background:rgba(255,255,255,.93);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.floating-note p{margin:.25rem 0 0;font-size:.9rem}
.actions{display:flex;gap:.75rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.72rem 1rem;border-radius:8px;border:1px solid var(--primary);background:var(--primary);color:#fff;text-decoration:none;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(15,118,110,.18);text-align:center}.button:hover{background:var(--primary-dark);color:#fff}.button.secondary{background:#fff;color:var(--primary);box-shadow:none}.button.secondary:hover{background:var(--soft);color:var(--primary-dark)}.button.danger{border-color:var(--danger);background:var(--danger)}.button.small{min-height:36px;padding:.45rem .75rem}.trust-row,.mini-list{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.trust-row span,.mini-list span{padding:.42rem .65rem;border-radius:8px;background:#fff;border:1px solid var(--line);font-weight:800;color:var(--primary-dark);font-size:.82rem}
.info-band,.portal-hero{background:linear-gradient(135deg,#0f766e,#122036);color:#fff;border-radius:8px;padding:clamp(1.3rem,4vw,2.35rem);box-shadow:0 20px 48px rgba(18,32,54,.13);margin:1rem 0 1.35rem}.info-band p,.portal-hero p{color:#dcefed;max-width:900px}.info-band .notice{color:#fff3d1}.portal-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem}.portal-hero h1{margin-bottom:.4rem}.case-hero .status{background:#fff;color:var(--primary-dark)}
.panel,.table-card,article{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1.25rem;box-shadow:var(--shadow)}.grid{display:grid;gap:1rem;margin:1rem 0}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}.step-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--soft);color:var(--primary-dark);font-weight:900;margin-bottom:.75rem}.summary-grid article{box-shadow:none}.summary-value{display:block;font-size:2rem;font-weight:900;color:var(--primary);line-height:1}.summary-grid p{margin:.35rem 0 0;color:var(--muted)}
.service-grid{align-items:stretch}.service-card{display:grid;gap:.75rem;align-content:start}.service-card p{color:var(--muted)}.service-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--primary);color:#fff;font-weight:900}.service-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);gap:1.2rem;align-items:stretch;margin:clamp(1rem,4vw,3rem) 0}.service-hero>div{background:linear-gradient(135deg,#0f766e,#122036);color:#fff;border-radius:8px;padding:clamp(1.4rem,4vw,2.4rem);box-shadow:0 20px 48px rgba(18,32,54,.13)}.service-hero p{color:#dcefed}.price-panel{display:grid;align-content:center;gap:.35rem}.price-panel strong{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1;color:var(--primary)}.price-panel span{font-weight:900;color:var(--ink)}.price-panel p{color:var(--muted);margin:.6rem 0 0}
.tutorial-panel{margin:1rem 0}.tutorial-panel>p{max-width:850px;color:var(--muted)}.tutorial-steps{display:grid;gap:.7rem;margin:1rem 0;padding-left:1.35rem}.tutorial-steps li{padding-left:.25rem}.official-source-box{margin-top:1.2rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:#f8fbfd}.official-source-box h3{font-size:1rem;margin-bottom:.7rem}
.legal-page h2{margin-top:1.7rem}.legal-page p{color:var(--muted)}.code-block{display:block;overflow:auto;margin:1rem 0;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#f8fbfd;color:var(--ink);font:600 .9rem/1.45 Consolas,Monaco,monospace}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(920px,calc(100% - 2rem));margin:0 auto;padding:1rem;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 22px 60px rgba(18,32,54,.22)}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:.25rem 0 0;color:var(--muted)}
.contact-about{margin-top:1.4rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.contact-about h2{font-size:1.15rem;margin-bottom:.55rem}.contact-about p{font-size:.95rem}.about-hero{margin-top:1rem}
.toolbar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 1rem}.section-heading{align-items:flex-start;margin:0 0 1rem}.section-heading p{color:var(--muted);margin:0;max-width:560px}.feature-list{display:grid;gap:.55rem;padding-left:1.2rem}.pricing article{display:grid;align-content:start;gap:.45rem;position:relative;overflow:hidden}.pricing article::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--primary),var(--accent))}.pricing .featured{border-color:#78dcca;box-shadow:0 22px 48px rgba(15,118,110,.16)}.price{font-size:2.15rem;font-weight:900;color:var(--primary);margin:.2rem 0}
.form-shell{display:grid;grid-template-columns:minmax(0,.75fr) minmax(360px,.92fr);gap:clamp(1rem,3vw,2rem);align-items:start;margin:clamp(1rem,4vw,3rem) 0}.auth-shell{align-items:center}.form-intro{padding:.5rem 0}.form-intro p{color:var(--muted);max-width:520px}.stack{display:grid;gap:.9rem}label{display:grid;gap:.35rem;font-weight:800}input,textarea,select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:.75rem;font:inherit;background:#fff;color:var(--ink)}textarea{resize:vertical}.hidden{position:absolute;left:-9999px}.notice{font-size:.92rem;color:var(--muted)}.form-link{margin:.9rem 0 0;color:var(--muted)}
.flash{width:min(960px,calc(100% - 2rem));margin:1rem auto 0;padding:.82rem 1rem;border-radius:8px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.flash.success{border-color:#15803d}.flash.error{border-color:var(--danger)}.flash.info{border-color:#2563eb}.status{display:inline-flex;align-items:center;min-height:30px;padding:.25rem .62rem;border-radius:999px;background:#e6f4f1;color:#0f5f59;font-weight:800;text-transform:capitalize}.message{border-left:4px solid var(--primary);padding:.65rem .85rem;margin:.75rem 0;background:#f8fbfd;border-radius:0 8px 8px 0}.message p{margin:.25rem 0 0}.document-row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.document-row span{color:var(--muted)}.empty-state{display:grid;place-items:start;gap:.35rem;padding:1rem;border:1px dashed var(--line);border-radius:8px;background:#f9fbfd}.empty-state p{color:var(--muted)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.85rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.82rem;color:var(--muted);text-transform:uppercase}td{word-break:break-word}.checks{padding-left:1.2rem}.checks .ok{color:#15803d}.checks .bad{color:var(--danger)}
.tutorial-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tutorial-card{display:grid;gap:.75rem}.tutorial-card h2{margin:.2rem 0}.tutorial-card p{margin:0;color:var(--muted)}.tutorial-card ul{margin:.1rem 0;padding-left:1.15rem}.tutorial-card li{margin:.28rem 0}.official-links{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.25rem}.official-links a{display:inline-flex;align-items:center;min-height:38px;padding:.48rem .7rem;border-radius:8px;background:var(--soft);border:1px solid #bdebe1;color:var(--primary-dark);font-weight:800;text-decoration:none}.footer{display:flex;justify-content:center;gap:1rem;padding:2rem;color:var(--muted)}
@media (max-width:940px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{justify-self:start;max-width:680px}.hero-visual{height:auto}.hero-visual img{height:auto;max-height:420px;object-fit:cover}.floating-note{position:relative;left:auto;right:auto;bottom:auto;margin:-4rem 1rem 1rem}.form-shell,.service-hero{grid-template-columns:1fr}.four,.three,.two,.process-grid,.tutorial-list{grid-template-columns:1fr}.portal-hero{align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.site-header{min-height:64px}.brand span:last-child{max-width:210px}.menu-toggle{display:inline-flex}.nav{display:none;position:absolute;left:0;right:0;top:100%;padding:1rem;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a,.link-button,.inline{width:100%}.inline button{justify-content:flex-start}.hero h1{font-size:clamp(2rem,10vw,3.1rem)}.toolbar,.section-heading{align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:1fr}.panel,.table-card,article{padding:1rem}.cookie-banner{align-items:stretch;flex-direction:column}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{border-bottom:1px solid var(--line);padding:.65rem 0}td{display:flex;justify-content:space-between;gap:1rem;border:0;padding:.45rem 0}td::before{content:attr(data-label);font-weight:800;color:var(--muted);min-width:88px}.document-row{align-items:flex-start;flex-direction:column;gap:.2rem}}
@media (max-width:420px){main{padding:.85rem}.actions,.button{width:100%}.hero-visual img{max-height:260px}.floating-note{margin:-2rem .75rem .75rem}.brand span:last-child{max-width:155px}.trust-row span,.mini-list span{width:100%}input,textarea,select{font-size:16px}}