:root{--ink: #102a43;--muted: #5d6b76;--paper: #f7f5ef;--panel: #fffdf7;--line: #dce2e6;--gold: #f6c453;--coral: #ef6a5b;--teal: #1d746b;--shadow: 0 18px 60px rgba(16, 42, 67, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 5%,rgba(246,196,83,.18),transparent 24rem),linear-gradient(180deg,#fbfaf6 0%,var(--paper) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:inherit}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border:7px solid var(--ink);border-radius:50%;box-shadow:inset 0 0 0 5px var(--gold);background:var(--gold)}.site-nav{display:flex;gap:24px;font-size:.94rem}.site-nav a{text-decoration:none;color:var(--muted)}.site-nav a:hover{color:var(--ink)}.hero{padding:64px 0 34px;text-align:center}.eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(16,42,67,.15);border-radius:999px;background:#ffffffa6;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{max-width:880px;margin:22px auto 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,7vw,5.8rem);font-weight:500}.hero p{max-width:700px;margin:0 auto;color:var(--muted);font-size:clamp(1rem,2vw,1.22rem)}.simulator-shell{margin:34px auto 72px;padding:18px;border:1px solid rgba(16,42,67,.12);border-radius:28px;background:#ffffffb3;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.simulator-grid{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.35fr);min-height:620px;overflow:hidden;border-radius:18px;background:var(--panel)}.controls{padding:26px;border-right:1px solid var(--line)}.controls h2{margin:0 0 6px;font-size:1.35rem}.controls>p{margin:0 0 20px;color:var(--muted);font-size:.9rem}.preset-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.preset{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;font-size:.78rem;font-weight:750}.preset:hover{border-color:var(--ink)}.field{margin:18px 0}.field label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:.86rem;font-weight:750}.field output{color:var(--teal);font-variant-numeric:tabular-nums}select,input[type=number]{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff}input[type=range]{width:100%;accent-color:var(--coral)}.unit-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#edf1f2;border-radius:10px}.unit-toggle button{padding:8px;border:0;border-radius:7px;background:transparent;cursor:pointer;font-size:.82rem;font-weight:800}.unit-toggle button.active{background:#fff;box-shadow:0 2px 8px #102a431a}.preview-panel{position:relative;display:flex;flex-direction:column;min-width:0;background:#d8ddd9}.scene{position:relative;min-height:390px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#bed8dd 0 43%,#719170 43% 100%)}.scene:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 72% 30%,#f9e9a6 0 4%,transparent 4.4%),linear-gradient(135deg,transparent 55%,rgba(28,78,67,.45) 55% 61%,transparent 61%),repeating-linear-gradient(90deg,transparent 0 12%,rgba(25,72,51,.25) 12% 15%);filter:blur(var(--scene-blur, 4px));transform:scale(1.06)}.scene:after{content:"";position:absolute;inset:auto -10% -20%;height:52%;z-index:-1;background:repeating-linear-gradient(12deg,#547b50 0 9px,#6f975f 10px 18px);filter:blur(calc(var(--scene-blur, 4px) * .6))}.subject{position:absolute;left:50%;bottom:0;width:132px;height:260px;transform:translate(-50%) scale(var(--subject-scale, 1));transform-origin:bottom}.subject .head{position:absolute;width:82px;height:92px;left:25px;top:0;border-radius:48% 48% 42% 42%;background:#d89b76;box-shadow:inset -14px -8px #733d2b1f}.subject .hair{position:absolute;width:92px;height:58px;left:20px;top:-7px;border-radius:55% 55% 30% 30%;background:#283238}.subject .body{position:absolute;width:132px;height:180px;bottom:-18px;border-radius:62px 62px 12px 12px;background:var(--coral)}.scene-badge{position:absolute;top:16px;left:16px;padding:8px 11px;border-radius:999px;background:#ffffffc7;backdrop-filter:blur(8px);font-size:.76rem;font-weight:800}.result-area{padding:22px 26px 26px;background:#fff}.result-lead{margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(1.28rem,2vw,1.65rem);line-height:1.25}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa}.metric span{display:block;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.metric strong{display:block;margin-top:4px;font-size:1.05rem;font-variant-numeric:tabular-nums}.focus-scale{position:relative;height:46px;margin:18px 0 14px;border-radius:10px;background:linear-gradient(90deg,#e8eceb 0 22%,#1d746b38 22% 78%,#e8eceb 78%)}.focus-scale:before{content:"near";position:absolute;left:22%;top:13px;transform:translate(-50%);font-size:.68rem;font-weight:800}.focus-scale:after{content:"far";position:absolute;left:78%;top:13px;transform:translate(-50%);font-size:.68rem;font-weight:800}.focus-line{position:absolute;left:50%;top:5px;bottom:5px;width:2px;background:var(--coral)}.actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid var(--ink);border-radius:10px;color:#fff;background:var(--ink);text-decoration:none;cursor:pointer;font-weight:800}.button.secondary{color:var(--ink);background:#fff}.section{padding:72px 0}.section h2{max-width:740px;margin:0 0 14px;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:500}.section-intro{max-width:680px;margin:0 0 34px;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#ffffffb3}.card .number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--gold);font-weight:850}.card h3{margin:20px 0 8px;font-size:1.22rem}.card p{margin:0;color:var(--muted)}.tool-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tool-link{display:flex;justify-content:space-between;align-items:center;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;font-weight:800}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted)}.legal{max-width:800px;padding:70px 0 100px}.legal h1{margin-inline:0;font-size:clamp(2.5rem,6vw,4.5rem)}.legal h2{margin-top:42px;font-size:1.5rem}.site-footer{padding:34px 0;border-top:1px solid var(--line)}.footer-row{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:.86rem}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer-links a{text-decoration:none}@media(max-width:820px){.site-nav{display:none}.hero{padding-top:42px}.simulator-shell{padding:9px;border-radius:20px}.simulator-grid{grid-template-columns:1fr}.preview-panel{order:-1}.scene{min-height:320px}.controls{border-right:0;border-top:1px solid var(--line)}.metrics{grid-template-columns:repeat(2,1fr)}.card-grid,.tool-links{grid-template-columns:1fr}.footer-row{flex-direction:column}}@media(max-width:420px){.container{width:min(100% - 20px,1180px)}h1{font-size:2.65rem}.scene{min-height:285px}.subject{transform:translate(-50%) scale(calc(var(--subject-scale, 1) * .82))}.controls,.result-area{padding:20px 17px}.actions{flex-direction:column}}