:root{
  --bg:#f4fbfc;--surface:#ffffff;--surface-2:#eaf7f8;--text:#123038;--muted:#557078;--line:#cbe1e4;--primary:#0f7b86;--primary-dark:#16243d;--accent:#e47d31;--danger:#b42318;--shadow:0 14px 34px rgba(16,66,73,.10);--radius:20px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:linear-gradient(180deg,#eefafb 0,#f9fcfc 360px,#f4fbfc 100%);color:var(--text);line-height:1.55}a{color:var(--primary-dark);text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{color:var(--primary)}img,svg{max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;z-index:100}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(203,225,228,.9)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.15rem;text-decoration:none;color:var(--text)}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),#53bcc2);color:white;box-shadow:var(--shadow)}.menu-toggle{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 12px}.main-menu{position:absolute;left:16px;right:16px;top:76px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:12px}.main-menu ul{list-style:none;padding:0;margin:0;display:grid}.main-menu a{display:block;padding:11px 12px;border-radius:10px;text-decoration:none;font-weight:700}.main-menu a:hover,.main-menu a[aria-current="page"]{background:var(--surface-2)}.language-switch{display:flex;gap:6px;margin-top:8px}.language-switch a{font-size:.9rem;border:1px solid var(--line)}main{min-height:60vh}.hero{padding:42px 0 26px}.hero-grid{display:grid;gap:24px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--primary-dark);background:var(--surface-2);border-radius:999px;padding:7px 11px}.hero h1{font-size:clamp(2rem,7vw,4.4rem);line-height:1.02;letter-spacing:-.045em;margin:.35em 0 .25em;max-width:820px}.hero p{font-size:clamp(1rem,2.3vw,1.25rem);color:var(--muted);max-width:720px}.hero-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:10px}.button{border:0;border-radius:13px;padding:11px 16px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;min-height:46px}.button:hover{background:var(--primary-dark);color:#fff}.button-secondary{background:#fff;color:var(--primary-dark);border:1px solid var(--line)}.button-secondary:hover{background:var(--surface-2);color:var(--primary-dark)}.button-danger{background:#fff;color:var(--danger);border:1px solid #f2c8c4}.button-danger:hover{background:#fff2f0;color:var(--danger)}.button-small{padding:7px 10px;min-height:36px;font-size:.9rem}.section{padding:26px 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.section h2{font-size:clamp(1.45rem,4vw,2.2rem);line-height:1.15;margin:0}.section-intro{color:var(--muted);max-width:760px}.card-grid{display:grid;gap:15px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 8px 25px rgba(16,66,73,.06)}.card h2,.card h3{margin-top:0}.card-link{display:block;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease}.card-link:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:inherit}.card-icon{width:48px;height:48px;border-radius:15px;background:var(--surface-2);display:grid;place-items:center;font-size:1.45rem;margin-bottom:14px}.breadcrumbs{font-size:.9rem;color:var(--muted);padding-top:18px}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:7px}.breadcrumbs li+li:before{content:"/";margin-right:7px;color:#91a7ad}.tool-layout{display:grid;gap:20px;align-items:start}.tool-shell{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.form-grid{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-weight:800}.field small{color:var(--muted)}input,select,textarea{width:100%;border:1px solid #b9d2d6;background:#fff;border-radius:12px;padding:11px 12px;color:var(--text)}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(15,123,134,.28);outline-offset:2px;border-color:var(--primary)}textarea{min-height:98px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:6px}.notice{border-left:4px solid var(--primary);background:var(--surface-2);padding:13px 15px;border-radius:10px;color:var(--text)}.notice.warning{border-color:var(--accent);background:#fff7ef}.error-box{border-left:4px solid var(--danger);background:#fff1f0;padding:12px;border-radius:10px;color:#7a271a;margin-top:12px}.status{color:var(--primary-dark);font-weight:800;min-height:1.4em}.status.error{color:var(--danger)}.result-box{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.result-grid{display:grid;gap:12px}.result-card{background:var(--surface-2);border:1px solid #d9edef;border-radius:15px;padding:14px}.result-card span{display:block;color:var(--muted);font-size:.9rem}.result-card strong{font-size:1.25rem;display:block;margin-top:3px}.result-card small{display:block;color:var(--muted);margin-top:4px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;margin-top:12px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}th{background:var(--surface-2)}.content-layout{display:grid;gap:22px}.content-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.content-card h2:first-child{margin-top:0}.content-card ul,.content-card ol{padding-left:1.25rem}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{font-weight:850;cursor:pointer}.journal-toolbar{display:grid;gap:12px}.journal-tabs{display:grid;gap:18px}.list-stack{display:grid;gap:10px}.list-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff}.list-card p{margin:.25rem 0;color:var(--muted)}.list-card.is-done{opacity:.62}.empty-state{color:var(--muted);padding:12px;background:var(--surface-2);border-radius:12px}.trend-chart{width:100%;min-height:210px;background:#f9fefe;border:1px solid var(--line);border-radius:14px;color:var(--muted)}.device-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px;background:var(--surface-2);border-radius:12px}.device-row legend{font-weight:800}.callout{display:grid;gap:12px;background:linear-gradient(135deg,var(--primary-dark),#118c98);color:#fff;border-radius:24px;padding:24px}.callout a{color:#fff}.ad-space{min-height:96px;border:1px dashed #bdd6da;border-radius:14px;display:grid;place-items:center;color:var(--muted);font-size:.85rem;background:rgba(255,255,255,.55);margin:18px 0}.site-footer{margin-top:44px;background:#0e2f35;color:#d5e9eb;padding:36px 0 22px}.footer-grid{display:grid;gap:24px}.site-footer a{color:#fff}.network-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.network-list a{display:grid;text-decoration:none;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:12px;border-radius:12px}.network-list span{color:#bdd3d6;font-size:.9rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:24px;padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:#bdd3d6;font-size:.9rem}.legal-links{display:flex;flex-wrap:wrap;gap:12px}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{background:var(--surface-2);border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:.9rem}.two-col{display:grid;gap:18px}.metric-strip{display:grid;gap:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.metric strong{font-size:1.45rem;display:block}.article-meta{color:var(--muted);font-size:.9rem}.article-content{font-size:1.03rem}.article-content h2{margin-top:1.7em}.article-content h3{margin-top:1.4em}.article-content p,.article-content li{max-width:78ch}.article-content table{margin:18px 0}.consent-box{display:grid;gap:14px}.check-row{display:flex;gap:10px;align-items:flex-start}.check-row input{width:auto;margin-top:.35em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:680px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-toolbar{grid-template-columns:minmax(220px,1fr) auto auto}}
@media(min-width:820px){.menu-toggle{display:none}.main-menu{position:static;display:flex!important;align-items:center;gap:10px;border:0;box-shadow:none;padding:0;background:transparent}.main-menu ul{display:flex}.main-menu a{padding:8px 10px}.language-switch{margin:0}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center}.tool-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.content-layout{grid-template-columns:minmax(0,1fr) 300px}.footer-grid{grid-template-columns:1fr 1.4fr}.journal-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1050px){.card-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.ad-space,.form-actions,.hero-actions{display:none!important}body{background:#fff}.card,.tool-shell,.content-card{box-shadow:none}}
.callout .button-secondary{color:var(--primary-dark);background:#fff}
.callout .button-secondary:hover{color:var(--primary-dark);background:var(--surface-2)}

.camera-visual{min-height:330px;border-radius:28px;background:linear-gradient(145deg,#17263f,#263b60);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 24px 55px rgba(22,36,61,.25)}
.camera-body{width:min(360px,78%);aspect-ratio:1.55;background:#121b2b;border:3px solid rgba(255,255,255,.18);border-radius:28px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.38)}
.camera-body:before{content:"";position:absolute;width:32%;height:20%;left:10%;top:-14%;background:#121b2b;border-radius:15px 15px 0 0;border:3px solid rgba(255,255,255,.18);border-bottom:0}.camera-body:after{content:"";position:absolute;width:10%;aspect-ratio:1;border-radius:50%;right:10%;top:12%;background:#c85b28;box-shadow:0 0 0 7px rgba(200,91,40,.16)}
.camera-lens{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;left:29%;top:23%;background:radial-gradient(circle at 38% 36%,#72b9c4 0 7%,#223e55 8% 25%,#0b111d 26% 50%,#303d56 51% 61%,#090d14 62%);border:9px solid #36435a;box-shadow:0 0 0 6px #0b101b,0 15px 28px rgba(0,0,0,.45)}
.camera-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent)}
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tabs button[aria-selected="true"]{background:#16243d;color:white}.list-toolbar{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap;margin-bottom:1rem}.item-list{display:grid;gap:.8rem}.item-card{border:1px solid var(--border);border-radius:18px;padding:1rem;background:var(--surface);display:grid;gap:.65rem}.item-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.item-meta{display:flex;gap:.45rem;flex-wrap:wrap}.badge{display:inline-flex;padding:.28rem .58rem;border-radius:999px;background:#eef2f8;color:#253756;font-size:.82rem}.danger{background:#8c2f2f!important;color:white!important}.empty-state{padding:2rem;text-align:center;border:1px dashed var(--border);border-radius:18px}.split-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:1.25rem}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.check-grid label{display:flex;gap:.5rem;align-items:center}.progress{height:10px;border-radius:999px;background:#e4e8ef;overflow:hidden}.progress>span{display:block;height:100%;background:#c85b28}.calculator-note{font-size:.94rem;color:var(--muted)}
@media(max-width:820px){.split-panel{grid-template-columns:1fr}.camera-visual{min-height:260px}.check-grid{grid-template-columns:1fr}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.item-card,.empty-state{border-color:var(--line)}
@media print{.site-header,.site-footer,.menu-toggle,.form-actions,.ad-space{display:none!important}.content-card,.item-card{box-shadow:none;border:1px solid #aaa}body{background:#fff;color:#000}}