*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f6f0;color:#0c1511;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.wrap{width:min(1420px,92vw);margin:auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:28px;font-weight:800;letter-spacing:-1.4px;text-decoration:none;color:#101713}.brand span,.green{color:#197a59}nav{display:flex;gap:38px}nav a,footer a{color:#4f5753;text-decoration:none}.hero{min-height:690px;display:grid;grid-template-columns:47% 53%;align-items:center;gap:30px;padding:34px 0 55px}.eyebrow{color:#197a59;font-weight:800;letter-spacing:3px;font-size:14px}.hero h1{font-size:clamp(54px,5.1vw,84px);line-height:.93;letter-spacing:-4.8px;margin:28px 0 26px}.hero h1 em{font-style:normal;color:#197a59}.lede{font-size:22px;line-height:1.45;color:#626a66}.drop-zone{margin-top:30px;width:min(510px,100%);height:205px;border:1.5px dashed #9ba39e;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s;background:rgba(255,255,255,.22)}.drop-zone.drag{background:#edf5ef;border-color:#197a59}.primary{border:0;border-radius:14px;background:#197a59;color:white;font-weight:800;font-size:18px;padding:17px 27px;box-shadow:0 12px 28px #197a5930;cursor:pointer}.drop-zone p{margin:18px 0 9px;color:#5e6662}.drop-zone small{color:#69716d}.hero-art{height:620px;position:relative;display:flex;align-items:center;justify-content:center}.orb{position:absolute;width:540px;height:540px;border-radius:50%;background:#dfe7de;right:40px;top:55px}.mock-window{position:relative;width:550px;height:585px;background:#fff;border:1px solid #c8cbc7;border-radius:20px;box-shadow:0 24px 45px #29382f22;z-index:2;overflow:hidden}.mock-top{height:48px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:14px}.dots{word-spacing:5px;color:#df4c3e}.mock-paper{padding:30px 62px}.mock-paper h3{text-align:center;font-size:24px;letter-spacing:1px;margin:0 0 30px}.mock-paper h4{margin:38px 0 10px}.mock-row{display:flex;gap:28px;align-items:center;margin:16px 0}.bar{display:block;background:#050a08;height:20px;border-radius:3px}.w1{width:170px}.w2{width:82px}.line{height:1px;background:#ddd}.txn{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.txn i{width:78px;height:10px;background:#e5e2dc;border-radius:6px}.txn b{width:120px;height:20px;background:#060b09;border-radius:2px}.txn b.wide{width:145px}.txn b.xwide{width:235px}.txn small{color:#d1cec8}.selected{height:82px;width:210px;margin:10px 0 20px 110px;border:2px dashed #197a59;position:relative}.selected span{position:absolute;inset:7px;background:#050a08}.tool-float{position:absolute;right:-8px;top:275px;width:210px;background:#faf9f5;border:1px solid #c9cbc7;border-radius:18px;z-index:3;padding:12px;box-shadow:0 16px 32px #29382f20}.tool-float div{padding:16px;border-radius:11px;font-size:18px;display:flex;gap:18px}.tool-float .active{background:#e7ebe5}.tool-float hr{border:0;border-top:1px solid #ddd}.features{border-top:1px solid #d8d8d2;border-bottom:1px solid #d8d8d2;display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0}.features article{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #deded8}.features article:last-child{border:0}.features h3{margin:0 0 7px}.features p{margin:0;color:#606864;line-height:1.4}.icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e5ece5;color:#197a59;font-size:28px;font-weight:800}footer{height:100px;display:flex;align-items:center;justify-content:space-between;color:#68706c}footer div{display:flex;gap:38px}.smallbrand{font-size:23px}.editor{padding:70px 0}.hidden{display:none}.editor-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.editor-head h2{font-size:42px;letter-spacing:-1.5px;margin:8px 0}.ghost,.toolbar button{background:#fff;border:1px solid #d5d8d4;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:700}.editor-shell{background:#eceeea;border-radius:22px;padding:18px}.toolbar{display:flex;align-items:center;gap:10px;padding-bottom:16px}.toolbar .spacer{flex:1}.toolbar .small{padding:11px 16px;font-size:14px}.canvas-wrap{position:relative;margin:auto;width:max-content;max-width:100%;box-shadow:0 8px 25px #0002;background:#fff}.canvas-wrap canvas{display:block;max-width:100%;height:auto}.canvas-wrap #redactCanvas{position:absolute;left:0;top:0;touch-action:none;cursor:crosshair}.hint{text-align:center;color:#66706b;margin:18px 0 2px}@media(max-width:900px){.site-header{height:72px}.hero{grid-template-columns:1fr;padding-top:35px}.hero-copy{text-align:center}.hero h1{letter-spacing:-3px}.lede{font-size:19px}.drop-zone{margin:28px auto}.hero-art{height:500px;transform:scale(.82);margin:-40px -50px}.features{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid #deded8;padding:22px}.features article:last-child{border-bottom:0}footer{height:auto;padding:28px 0;gap:20px;flex-wrap:wrap}.editor-head h2{font-size:30px}.toolbar{flex-wrap:wrap}.toolbar .spacer{display:none;width:100%}}@media(max-width:560px){nav{gap:18px;font-size:14px}.hero{display:block}.hero h1{font-size:52px}.hero-art{display:none}.drop-zone{height:185px}.features{margin-top:30px}.toolbar .primary{width:100%}}
/* HideIt v1.0 final polish: keep the download action visibly branded inside the toolbar. */
.toolbar button.primary{background:#197a59;color:#fff;border-color:#197a59;box-shadow:0 12px 28px #197a5930}
.toolbar button.primary:hover{background:#166d50;border-color:#166d50}


/* HideIt v1.1 — family-aligned homepage */
body{
  background:
    radial-gradient(circle at 96% 4%,rgba(203,232,124,.28),transparent 25%),
    radial-gradient(circle at 1% 99%,rgba(47,111,87,.10),transparent 20%),
    #fbfaf6;
}
.wrap{width:min(1120px,88vw);margin:auto}
.site-header{height:86px;padding:0;display:flex;align-items:center;justify-content:space-between}
.family-brand{display:flex;align-items:center;gap:10px}
.brand-word{font-size:19px;letter-spacing:-.7px}
.family-mark{width:32px;height:32px;padding:7px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#111714;box-shadow:0 7px 17px rgba(17,23,20,.16)}
.family-mark i{display:block;border-radius:2px;background:#fff}
.privacy-pill{padding:8px 13px;border:1px solid #dcded7;border-radius:999px;background:rgba(255,255,255,.72);color:#5f6863;font-size:11px;font-weight:700}

.hero{min-height:calc(100vh - 86px);grid-template-columns:44% 56%;gap:40px;padding:0 0 72px;align-items:center}
.hero-copy{align-self:center;transform:translateY(-10px)}
.eyebrow{margin:0 0 20px;font-size:10px;letter-spacing:.18em}
.hero h1{max-width:520px;margin:0 0 24px;font-size:clamp(58px,5.4vw,84px);line-height:.88;letter-spacing:-.06em}
.hero h1 em{display:inline-block;margin-top:8px}
.lede{margin:0;max-width:470px;font-size:16px;line-height:1.55}

.compact-drop{width:auto;height:auto;margin-top:27px;border:0;border-radius:0;background:transparent;display:block}
.compact-drop.drag{background:transparent;border:0}
.upload-row{display:flex;align-items:center;gap:15px}
.upload-row span{color:#68706c;font-size:11px}
.family-cta{padding:13px 18px;border-radius:11px;background:#111714;box-shadow:0 9px 20px rgba(17,23,20,.16);font-size:13px}
.family-cta:hover{background:#202823}
.compact-drop small{display:block;margin-top:14px;color:#727a75;font-size:10px}

.hero-art{height:540px;transform:scale(.88);transform-origin:center}
.orb{width:455px;height:455px;right:52px;top:44px;background:linear-gradient(145deg,#4c8a6e 0%,#2f6f57 58%,#1f5742 100%)}
.orb::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;top:-32px;right:-20px;background:#cbe87c;opacity:.92}
.mock-window{width:470px;height:505px;border-color:rgba(17,23,20,.10);border-radius:18px;box-shadow:0 24px 48px rgba(17,23,20,.16)}
.mock-top{height:43px;font-size:12px}
.mock-paper{padding:26px 52px}
.mock-paper h3{font-size:20px;margin-bottom:25px}
.mock-paper h4{margin-top:30px;font-size:12px}
.mock-row{margin:13px 0;font-size:12px}
.bar{height:16px}.w1{width:145px}.w2{width:70px}
.txn{margin:14px 0}.txn i{width:66px;height:8px}.txn b{height:16px;width:102px}.txn b.wide{width:124px}.txn b.xwide{width:205px}
.selected{height:70px;width:180px;margin:8px 0 16px 94px}
.tool-float{right:2px;top:244px;width:178px;padding:9px;border-radius:15px}
.tool-float div{padding:13px 11px;gap:13px;font-size:14px}

.features{margin-top:0;padding:30px 0 31px;border-top:1px solid #dcded7;border-bottom:1px solid #dcded7;display:grid;grid-template-columns:repeat(3,1fr)}
.features article{min-height:82px;display:block;padding:0 34px;border-right:1px solid #dcded7}
.features article:first-child{padding-left:0}
.features article:last-child{padding-right:0;border-right:0}
.features h3{margin:0 0 9px;font-size:12px}
.features p{margin:0;max-width:245px;color:#6a726d;font-size:11px;line-height:1.55}
footer{height:90px;display:flex;justify-content:space-between;align-items:center;color:#777f7a;font-size:10px}
footer div{display:flex;gap:24px}
footer a{font-size:10px}

/* Redaction workspace remains functionally and visually intact. */
.editor{min-height:auto}

@media(max-width:900px){
  .wrap{width:min(92vw,760px)}
  .hero{min-height:auto;grid-template-columns:1fr;padding:54px 0 70px}
  .hero-copy{text-align:left;transform:none}
  .hero h1{max-width:650px;font-size:clamp(54px,10vw,72px)}
  .lede{font-size:15px}
  .compact-drop{margin-left:0;margin-right:0}
  .hero-art{height:480px;transform:scale(.82);margin:-10px auto -30px}
  .features article{padding:0 24px}
  .features article:first-child{padding-left:0}
  .features article:last-child{padding-right:0}
}
@media(max-width:560px){
  .site-header{height:72px}
  .privacy-pill{font-size:9px;padding:7px 9px}
  .hero{min-height:calc(100svh - 72px);display:flex;flex-direction:column;justify-content:center;padding:28px 0 48px}
  .hero-copy{width:100%}
  .hero h1{font-size:clamp(48px,14.5vw,64px);letter-spacing:-.055em}
  .lede{font-size:14px}
  .upload-row{align-items:flex-start;flex-direction:column;gap:10px}
  .hero-art{display:none}
  .features{grid-template-columns:1fr;padding:0}
  .features article,.features article:first-child,.features article:last-child{min-height:auto;padding:22px 0;border-right:0;border-bottom:1px solid #dcded7}
  .features article:last-child{border-bottom:0}
  footer{height:auto;padding:26px 0;gap:18px;flex-direction:column-reverse}
  footer div{flex-wrap:wrap;justify-content:center}
}