:root{--ink:#101b31;--muted:#59677f;--orange:#ff6a1a;--orange-p:#ffd4bf;--blue:#bddcff;--blue-p:#d9eaff;--yellow:#ffe16a;--yellow-p:#fff0ad;--green:#aee9cb;--green-p:#d7f5e6;--white:#fff;--line:#e8edf4}
*{box-sizing:border-box}html,body{margin:0;padding:0}body.holf-theme{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none}.holf-home{min-height:calc(100vh - 76px);position:relative;overflow:hidden;background:linear-gradient(120deg,#d8eaff 0%,#cfe5ff 48%,#d8e9ff 100%);padding:96px clamp(28px,5vw,78px) 50px}.holf-site-header{height:76px;background:#fff;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,78px);position:relative;z-index:10}.holf-site-logo img{display:block;width:140px;height:auto}.holf-header-link{display:inline-flex;align-items:center;gap:10px;padding:12px 19px;border:1px solid #d8e0ea;border-radius:14px;background:#fff;color:#172a45;font-weight:900;font-size:14px;box-shadow:0 7px 20px rgba(28,52,84,.06)}
.holf-shape{position:absolute;pointer-events:none}.holf-shape-yellow{width:270px;height:270px;background:var(--yellow);border-radius:38px;left:39%;top:70px;transform:rotate(-4deg)}.holf-shape-orange{width:245px;height:310px;background:var(--orange);border-radius:40px;right:-75px;bottom:-10px;transform:rotate(-2deg)}.holf-shape-blue{width:170px;height:240px;background:#69a7ff;border-radius:90px;left:-95px;bottom:-50px}.holf-shape-yellow-round{width:310px;height:310px;background:#ffd95a;border-radius:50%;right:19%;top:-155px}.holf-shape-blue-round{width:250px;height:250px;background:#448df2;border-radius:50%;right:-80px;bottom:70px}
.holf-hero{position:relative;z-index:2;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:40% 60%;align-items:center;gap:15px}.holf-hero-copy{padding:10px 0 0}.holf-kicker{font-size:14px;letter-spacing:.2em;font-weight:950}.holf-orange-text{color:var(--orange)}.holf-hero-copy h1{font-size:clamp(50px,5.2vw,78px);line-height:.98;letter-spacing:-.055em;margin:27px 0 24px;font-weight:900}.holf-hero-copy h1 span{color:var(--orange)}.holf-hero-copy p{font-size:19px;line-height:1.48;color:#50617d;max-width:610px;margin:0}.holf-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.holf-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:58px;padding:0 29px;border-radius:16px;font-size:16px;font-weight:900;transition:.18s ease}.holf-btn:hover{transform:translateY(-2px)}.holf-btn-orange{background:var(--orange);color:#fff;box-shadow:0 13px 25px rgba(255,106,26,.24)}.holf-btn-white{background:#fff;color:#172a45;border:1px solid #d8e0ea;box-shadow:0 8px 20px rgba(29,48,78,.05)}.holf-handnote{font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:19px;line-height:1.2;transform:rotate(-4deg);margin:34px 0 0 45%;color:#101b31}.holf-handnote span{font-size:38px;display:inline-block;transform:rotate(-30deg)}.holf-handnote strong{font-weight:900}
.holf-dashboard-wrap{position:relative;padding:20px 0 15px 0}.holf-orange-panel{position:absolute;z-index:0;width:275px;height:285px;background:#ff9a65;border-radius:40px;left:4%;top:2px;transform:rotate(-5deg)}.holf-dashboard{position:relative;z-index:2;background:#fff;border:1px solid rgba(255,255,255,.98);border-radius:28px;box-shadow:0 28px 60px rgba(42,68,105,.16);overflow:hidden;display:grid;grid-template-columns:178px 1fr;min-height:545px;margin-left:-10px}.holf-dash-sidebar{padding:27px 13px;background:#fff;border-right:1px solid #edf1f5}.holf-dash-logo{width:105px;margin:0 0 28px 13px}.holf-dash-sidebar nav{display:flex;flex-direction:column;gap:6px}.holf-dash-sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;color:#15223a;font-size:12px;font-weight:750}.holf-dash-sidebar nav a.active{background:var(--orange-p);color:#f05209}.holf-dash-content{padding:31px 30px}.holf-dash-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.holf-dash-top h2{font-size:26px;letter-spacing:-.035em;margin:0 0 4px}.holf-dash-top p{font-size:12px;color:#718097;margin:0}.holf-date{border:1px solid #e2e8ef;border-radius:12px;padding:11px 13px;font-size:11px;font-weight:800;white-space:nowrap}.holf-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:25px}.holf-kpi{border:1px solid #e9edf3;border-radius:17px;padding:14px 14px 12px;box-shadow:0 7px 18px rgba(31,54,85,.035)}.holf-kpi b{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;font-size:18px;margin-bottom:10px}.holf-kpi strong{display:block;font-size:24px;letter-spacing:-.04em}.holf-kpi span{display:block;color:#64728a;font-size:10px;margin-top:3px}.holf-kpi em{display:inline-block;margin-top:8px;font-style:normal;font-size:9px;font-weight:850;color:#16a34a;background:#dcfce7;border-radius:20px;padding:3px 7px}.kpi-orange b{background:var(--orange-p);color:#f05209}.kpi-blue b{background:var(--blue-p);color:#2771d4}.kpi-yellow b{background:var(--yellow-p);color:#b88a00}.kpi-green b{background:var(--green-p);color:#0b9b61}.holf-dash-lower{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:16px}.holf-widget{border:1px solid #e9edf3;border-radius:17px;padding:16px}.widget-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.widget-head strong{font-size:13px}.widget-head a{font-size:9px;color:#1769e8;font-weight:850}.pipeline-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pipeline-mini>div{height:112px;border-radius:11px;padding:11px}.pipeline-mini b{display:block;font-size:9px}.pipeline-mini strong{display:block;font-size:21px;margin-top:14px}.pm-orange{background:#ffe0d1}.pm-blue{background:#dceaff}.pm-yellow{background:#fff0bd}.pm-green{background:#d9f5e6}.activity-mini{list-style:none;padding:0;margin:0}.activity-mini li{display:flex;align-items:center;gap:9px;padding:7px 0}.activity-mini b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-size:13px}.dot-orange{background:var(--orange-p);color:#f05209}.dot-yellow{background:var(--yellow-p);color:#b88a00}.dot-green{background:var(--green-p);color:#0b9b61}.activity-mini span{min-width:0;flex:1}.activity-mini span strong{display:block;font-size:9px}.activity-mini small{display:block;color:#728097;font-size:8px;margin-top:2px}.activity-mini time{font-size:8px;color:#7b8798;white-space:nowrap}
.icon{display:inline-grid;place-items:center;width:20px;height:20px;position:relative;flex:0 0 20px}.icon svg,.holf-dash-sidebar nav a>svg,.holf-kpi b svg,.activity-mini b svg,.feature-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.holf-dash-sidebar nav a>svg{flex:0 0 20px}.holf-kpi b svg{width:19px;height:19px}.activity-mini b svg{width:16px;height:16px}.feature-icon svg{width:28px;height:28px}.holf-dash-sidebar nav a{line-height:1.2}.holf-dash-sidebar nav a.active>svg{color:#f05209}.holf-kpi b{line-height:1}.activity-mini b{line-height:1}.holf-features{position:relative;z-index:3;max-width:1400px;margin:32px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.holf-features article{background:#fff;border-radius:20px;border:1px solid rgba(255,255,255,.98);padding:22px 25px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 28px rgba(31,56,91,.09)}.feature-icon{width:70px;height:70px;border-radius:17px;display:grid;place-items:center;flex:0 0 70px}.feature-icon .icon{transform:scale(1.45)}.feature-orange{background:var(--orange-p);color:#f05209}.feature-yellow{background:var(--yellow-p);color:#a77b00}.feature-green{background:var(--green-p);color:#0b9b61}.holf-features strong{font-size:17px}.holf-features p{font-size:13px;color:#60708a;line-height:1.35;margin:7px 0 0}
.holf-account{display:flex;align-items:center;gap:10px}.holf-account-avatar{width:38px;height:38px;border-radius:50%;background:#ff6a1a;display:grid;place-items:center;color:#fff;box-shadow:0 7px 16px rgba(255,106,26,.18)}.holf-account-avatar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.holf-account-name{font-size:11px;font-weight:850;color:#17233a}.holf-date-account{display:flex;align-items:center;gap:12px}.holf-date{display:inline-flex;align-items:center;gap:7px}.holf-date-calendar{width:15px;height:15px;display:inline-grid;place-items:center}.holf-date-calendar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.holf-account-name small{display:block;font-size:8px;color:#7a879b;font-weight:700;margin-top:2px}.holf-features article{min-width:0}.holf-features article>div:last-child{min-width:0}
.holf-site-footer{height:54px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,78px);font-size:10px;font-weight:900;letter-spacing:.18em;color:#7c8ba2}.holf-basic-main{padding:60px 25px;background:#f6f8fb;min-height:calc(100vh - 130px)}.holf-basic-card{max-width:900px;margin:auto;background:#fff;border-radius:25px;padding:35px;border:1px solid var(--line)}
@media(max-width:1100px){.holf-hero{grid-template-columns:1fr}.holf-hero-copy{max-width:800px;margin:auto}.holf-dashboard-wrap{margin-top:30px}.holf-handnote{margin-left:20%}.holf-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.holf-home{padding:55px 18px 35px}.holf-site-header{padding:0 18px}.holf-site-logo img{width:116px}.holf-header-link{padding:10px 13px}.holf-hero-copy h1{font-size:48px}.holf-hero-copy p{font-size:16px}.holf-dashboard{grid-template-columns:1fr}.holf-dash-sidebar{display:none}.holf-dash-content{padding:20px}.holf-dash-top{display:block}.holf-date{display:inline-block;margin-top:14px}.holf-kpis{grid-template-columns:repeat(2,1fr)}.holf-dash-lower{grid-template-columns:1fr}.holf-features{grid-template-columns:1fr}.holf-orange-panel{left:5%;width:210px;height:220px}.holf-shape-yellow{left:35%;width:190px;height:190px}.holf-shape-yellow-round{width:190px;height:190px}.holf-shape-blue-round{width:170px;height:170px}.holf-btn{min-height:52px;padding:0 20px;font-size:14px}.holf-handnote{margin-left:20px}.holf-account{display:flex;align-items:center;gap:10px}.holf-account-avatar{width:38px;height:38px;border-radius:50%;background:#ff6a1a;display:grid;place-items:center;color:#fff;box-shadow:0 7px 16px rgba(255,106,26,.18)}.holf-account-avatar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.holf-account-name{font-size:11px;font-weight:850;color:#17233a}.holf-date-account{display:flex;align-items:center;gap:12px}.holf-date{display:inline-flex;align-items:center;gap:7px}.holf-date-calendar{width:15px;height:15px;display:inline-grid;place-items:center}.holf-date-calendar svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.holf-account-name small{display:block;font-size:8px;color:#7a879b;font-weight:700;margin-top:2px}.holf-features article{min-width:0}.holf-features article>div:last-child{min-width:0}
.holf-site-footer{padding:0 18px;font-size:8px}}