:root{
  --bg:#071018;--panel:#0c1721;--panel2:#101e29;--panel3:#13232f;--line:#23323e;
  --text:#f4f7f8;--muted:#91a0aa;--yellow:#f6c744;--yellow2:#d9a915;--red:#ff6868;
  --green:#6ddd9a;--radius:22px;--shadow:0 22px 70px rgba(0,0,0,.34)
}
*{box-sizing:border-box;cursor:default;user-select:none;-webkit-user-select:none;caret-color:transparent}
html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1100px 680px at 80% 4%,#17303d 0%,transparent 58%),linear-gradient(#071018,#08131c 70%,#071018);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,a,select,input[type="range"],input[type="date"],input[type="number"],.interactive{cursor:pointer}
input,textarea,select{user-select:text;-webkit-user-select:text}
input[type="text"],input[type="number"],input[type="date"],textarea{cursor:text;caret-color:auto;user-select:text;-webkit-user-select:text}
button,select,input,textarea{font:inherit}
button{color:inherit}
a{color:inherit}
.hidden{display:none!important}
.ambient{position:fixed;inset:0;pointer-events:none;opacity:.26;background:linear-gradient(115deg,transparent 55%,rgba(246,199,68,.06) 55.1%,transparent 57%),linear-gradient(165deg,transparent 72%,rgba(255,255,255,.03) 72.2%,transparent 73%)}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(#071018e8,#07101800);backdrop-filter:blur(5px)}
.brand{border:0;background:none;color:white;font-size:26px;font-weight:900;letter-spacing:-1.3px;padding:8px 0}.brand b{color:var(--yellow)}
.menu-btn{width:44px;height:44px;border:1px solid #ffffff24;border-radius:50%;background:#0c1721c9;color:white;font-size:22px}
.drawer{position:fixed;z-index:80;right:0;top:0;bottom:0;width:min(380px,90vw);background:#0b151ef7;padding:86px 28px 28px;transform:translateX(105%);transition:transform .24s ease;box-shadow:-25px 0 70px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:8px}.drawer.open{transform:none}.drawer button,.drawer a{border:0;background:transparent;text-align:left;text-decoration:none;padding:15px 10px;border-radius:12px;font-weight:700}.drawer button:hover,.drawer a:hover{background:#ffffff09}.drawer-close{position:absolute;right:24px;top:22px;font-size:30px!important;width:46px;text-align:center!important}.scrim{position:fixed;z-index:70;inset:0;background:#0008;opacity:0;pointer-events:none;transition:.2s}.scrim.show{opacity:1;pointer-events:auto}
.view{display:none;min-height:100vh;padding-top:76px}.view.active{display:block}.tool-view{padding-bottom:72px}
.home-view{position:relative;overflow:hidden;min-height:100vh}.home-rig{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,14,22,.90) 0%,rgba(5,14,22,.72) 34%,rgba(5,14,22,.30) 66%,rgba(5,14,22,.20) 100%),linear-gradient(180deg,rgba(5,14,22,.10),rgba(5,14,22,.22) 64%,#071018 100%),url("https://images.unsplash.com/photo-1757036476057-0daad2fcfe13?auto=format&fit=crop&fm=jpg&q=82&w=2400"),url('assets/offshore-rig-v3.webp');background-size:cover;background-position:center center;filter:saturate(.82) contrast(1.02) brightness(.88)}.home-rig:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,transparent 0%,rgba(7,16,24,.08) 38%,rgba(7,16,24,.32) 100%)}.home-inner{position:relative;z-index:2;min-height:calc(100vh - 76px);display:flex;align-items:center;padding:9vh clamp(20px,7vw,100px)}.home-actions{width:min(720px,94vw);display:grid;gap:18px}.hero-card{display:grid;grid-template-columns:62px 1fr 46px;align-items:center;gap:18px;padding:24px;border:1px solid #ffffff18;border-radius:24px;background:#0a151ee5;box-shadow:var(--shadow);text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.hero-card:hover{transform:translateY(-2px);border-color:#ffffff2f}.hero-card.primary{border-color:#f6c74452;background:linear-gradient(135deg,#101b22ec,#0c151bea)}.hero-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#ffffff0b;font-size:30px;color:var(--yellow)}.hero-copy{display:flex;flex-direction:column;gap:6px}.hero-copy strong{font-size:30px}.hero-copy small{font-size:16px;color:#c4cdd2}.hero-card i{font-style:normal;font-size:32px;color:var(--yellow)}.domain{position:absolute;z-index:2;left:clamp(20px,7vw,100px);bottom:28px;color:#7f909b;letter-spacing:.22em;text-transform:uppercase;font-size:12px}
.mode-switch{position:sticky;top:76px;z-index:35;margin:0 auto 22px;width:max-content;padding:5px;border:1px solid #ffffff14;border-radius:14px;background:#071018e8;backdrop-filter:blur(8px)}.mode-switch button{border:0;background:transparent;padding:10px 28px;border-radius:10px;color:#aebac1;font-weight:800}.mode-switch button.active{background:var(--yellow);color:#10151a}
.tool-shell,.calendar-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;background:linear-gradient(180deg,#0b151ee9,#09131be6);border:1px solid #ffffff10;border-radius:26px;padding:clamp(22px,4vw,42px);box-shadow:var(--shadow)}.tool-shell.narrow{width:min(820px,calc(100% - 36px))}.tool-head{display:block}.calendar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{margin:0 0 8px;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.18em}.tool-head h1,.calendar-top h1,.tool-shell>h1{margin:0;font-size:clamp(30px,5vw,48px);letter-spacing:-.04em}.muted{color:var(--muted)}.tiny{font-size:12px}.source-note{margin-top:24px;color:#788994;font-size:12px}
.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;margin-top:32px}.calc-controls{display:flex;flex-direction:column;gap:24px;min-width:0}.field-label{display:block;font-weight:800;margin-bottom:8px}.wage-field{position:relative;max-width:360px}.select-button{width:100%;height:52px;border:1px solid #30414d;border-radius:13px;background:#0b1720;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.select-button strong{font-size:18px}.popover{position:absolute;top:calc(100% + 8px);left:0;width:100%;z-index:30;background:#101d27;border:1px solid #30414d;border-radius:15px;padding:12px;box-shadow:0 18px 50px #0008}.popover-title{font-weight:800;margin:2px 4px 10px}.group-picks,.seniority-picks{display:grid;gap:7px}.group-picks button{height:44px;border:1px solid #ffffff10;border-radius:10px;background:#0c1721;text-align:left;padding:0 14px;font-weight:900}.group-picks button:hover,.seniority-picks button:hover{border-color:#f6c74480}.seniority-picks{grid-template-columns:repeat(4,1fr)}.seniority-picks button{height:46px;border:1px solid #ffffff12;border-radius:10px;background:#0c1721;font-weight:900}.mini-back{border:0;background:none;padding:2px 4px 10px;color:#aebac1}.text-link{border:0;background:none;padding:0;color:#c9d1d6;text-decoration:underline;text-underline-offset:3px;width:max-content}.text-link:hover{color:white}.text-link.subtle{color:#8998a2;font-size:12px}.add-link{font-weight:800;text-decoration:none;color:#d9e0e4}.step-panel{border:1px solid #2b3b47;border-radius:18px;background:#0b161f;padding:18px;scroll-margin:110px}.step-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.step-panel-head h3{margin:0 0 4px}.step-panel-head p{margin:0;color:var(--muted);font-size:13px}.panel-x{border:0;background:none;font-size:24px;color:#a8b3ba}.job-groups{display:grid;gap:8px;margin-top:16px}.job-group-row{display:grid;grid-template-columns:42px 1fr 24px;gap:12px;align-items:center;width:100%;text-align:left;border:1px solid #ffffff0e;border-radius:13px;background:#0f1d27;padding:12px}.job-group-row:hover{border-color:#f6c74455}.job-group-row b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f6c74418;color:var(--yellow);font-size:18px}.job-group-row span{color:#ccd4d9;font-size:13px;line-height:1.45}.job-group-row i{font-size:24px;font-style:normal;color:#95a4ae}
.days-block{border-top:1px solid #ffffff0d;padding-top:20px}.label-row{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.label-row>span{font-weight:800}.label-row strong{font-size:20px}.slider-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:14px;align-items:center;margin-top:18px}.round{width:46px;height:46px;border:1px solid #ffffff18;border-radius:50%;background:#101e29;font-size:25px}.round:hover{border-color:#f6c7446b}.range-wrap{min-width:0}.range-wrap input{width:100%;accent-color:var(--yellow)}.range-ticks{display:grid;grid-template-columns:repeat(8,1fr);padding:0 2px;margin-top:-3px}.range-ticks span{width:1px;height:6px;background:#596a75;justify-self:center}.scale{display:flex;justify-content:space-between;color:#8898a2;font-size:12px;margin-top:4px}.binary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.binary-grid fieldset{margin:0;border:1px solid #ffffff0e;border-radius:16px;padding:15px}.binary-grid legend{padding:0 5px;font-weight:800}.seg{display:grid;grid-template-columns:1fr 1fr;background:#08121a;border:1px solid #ffffff12;border-radius:12px;padding:3px;margin-top:8px}.seg button{border:0;background:transparent;border-radius:9px;padding:10px;font-weight:800;color:#a7b4bc}.seg button.active{background:var(--yellow);color:#111820;box-shadow:0 3px 16px #f6c74420}.toggle-note{display:block;color:#82939d;font-size:11px;margin:7px 4px 0}.holiday-box{border-top:1px solid #ffffff0d;padding-top:19px;min-height:48px}.date-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-summary>span{font-weight:800}.holiday-hit{margin-top:10px;color:#f5c95b;font-size:13px;font-weight:700}
.result-card{border:1px solid #f6c7442d;border-radius:22px;background:linear-gradient(180deg,#0e1c27,#09141d);overflow:hidden;align-self:start;position:sticky;top:150px}.result-main{padding:25px}.result-main>span{color:#aab6bd;font-size:13px}.result-main h2{font-size:clamp(42px,6vw,64px);line-height:1;margin:10px 0 7px;letter-spacing:-.06em;color:var(--yellow);text-shadow:0 0 28px #f6c74413}.result-main p{margin:0;color:#c6d0d5;font-weight:700}.result-main strong{display:block;border-top:1px solid #ffffff12;margin-top:18px;padding-top:16px;color:#e5eaed}.expand{width:100%;border:0;border-top:1px solid #ffffff10;background:#0e1a24;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;font-weight:800}.expand.standalone{border:1px solid #ffffff10;border-radius:14px;margin-top:14px}.fold-chevron{display:inline-block;font-size:23px;transition:transform .18s ease;transform:rotate(0deg)}.expand[aria-expanded="true"] .fold-chevron{transform:rotate(90deg)}.fold-content{padding:15px 20px 20px;background:#0a151e}.break-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;color:#c7d0d5}.break-row.total{margin-top:7px;padding-top:14px;border-top:1px solid #ffffff15;color:white}.tax-result{display:flex;justify-content:space-between;gap:16px;align-items:end}.tax-result span{color:#a9b5bc}.tax-result strong{font-size:26px}.tax-meta{display:grid;gap:5px;margin-top:14px;color:#c5ced3;font-size:13px}.tax-box p{font-size:11px;line-height:1.45;color:#73848f;margin:14px 0 0}
.calendar-top{align-items:end}.rotation-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;justify-content:flex-end}.rotation-controls label{display:grid;gap:6px;color:#9cacb6;font-size:12px}.rotation-controls select,.rotation-controls input,.feedback-card select,.custom-summary input{height:42px;border:1px solid #30414d;border-radius:10px;background:#0b1720;color:white;padding:0 12px}.small-btn{height:42px;border:1px solid #42535f;border-radius:10px;background:#0b1720;padding:0 14px;font-weight:800}.year-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0 14px}.year-nav button:not(.small-btn){width:40px;height:40px;border:0;background:transparent;font-size:32px}.year-nav strong{font-size:28px}.year-nav .small-btn{margin-left:12px}.year-nav-bottom{margin-top:22px;margin-bottom:0}.calendar-key{display:flex;justify-content:flex-end;gap:20px;color:#92a1ab;font-size:12px;margin-bottom:10px}.calendar-key i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.work-dot{background:var(--yellow)}.free-dot{background:#172936}.calendar-empty{text-align:center;padding:30px;color:#8d9ca6}.year-calendar{border-top:1px solid #263743}.month-row{display:grid;grid-template-columns:48px minmax(0,1fr);border-bottom:1px solid #263743;background:rgba(255,255,255,.008)}.month-row:nth-child(even){background:rgba(255,255,255,.018)}.month-label{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.14em;font-weight:900;color:#d3dadd;border-right:1px solid #263743}.month-grid{display:grid;grid-template-columns:42px repeat(7,minmax(38px,1fr));gap:3px;padding:7px 7px 8px}.dow,.weekno{display:grid;place-items:center;color:#72838d;font-size:10px}.weekno{font-variant-numeric:tabular-nums}.day{min-height:38px;border-radius:7px;background:#0f1e28;display:grid;place-items:center;font-size:12px;font-variant-numeric:tabular-nums;position:relative}.day.empty{background:transparent}.day.offshore{background:var(--yellow);color:#11171b;font-weight:900}.day.holiday{color:var(--red);font-weight:900}.day.offshore.holiday{color:#a11c1c}.day.today{outline:1px solid #ffffff99;outline-offset:-2px}.day.boundary-start:before,.day.boundary-end:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:#11171b88}.day.boundary-start:before{left:5px}.day.boundary-end:after{right:5px}
.custom-shell{overflow:visible}.custom-calendar{display:grid;gap:12px;margin-top:24px}.custom-month{border:1px solid #263743;border-radius:18px;background:#0a151e;padding:14px}.custom-month h3{margin:0 0 12px}.custom-month .custom-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.custom-month .day{border:0;width:100%;min-height:44px}.custom-month .day.selected{background:var(--yellow);color:#10171c;font-weight:900}.custom-month .day.dragging{outline:2px solid #f7d869}.custom-summary{margin-top:18px;border:1px solid #263743;border-radius:18px;background:#0a151e;padding:18px}.custom-summary h3{margin-top:0}.custom-summary label{display:grid;gap:7px;margin:16px 0}.range-chip{display:flex;justify-content:space-between;gap:15px;padding:9px 11px;background:#101e29;border-radius:10px;margin-bottom:7px}.range-chip button{border:0;background:none;color:#ff9b9b}.custom-preview{font-size:13px;line-height:1.5;margin:10px 0 15px}.cta{border:0;border-radius:12px;background:var(--yellow);color:#11171b;padding:13px 18px;font-weight:900}.danger{margin-top:18px;border:1px solid #8a3e3e;background:#361919;color:#ffb1b1;padding:12px 16px;border-radius:12px;font-weight:800}
.wage-group-card{border:1px solid #2a3a46;border-radius:18px;background:#0a151e;margin:12px 0;overflow:hidden}.wage-group-title{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #263743}.wage-group-title strong{font-size:22px;color:var(--yellow)}.wage-group-title span{color:#82939d;font-size:12px}.table-scroll{overflow-x:auto;cursor:auto}.wage-table{border-collapse:collapse;width:100%;min-width:800px;font-size:12px}.wage-table th,.wage-table td{padding:10px 12px;border-bottom:1px solid #ffffff08;text-align:right;font-variant-numeric:tabular-nums}.wage-table th:first-child,.wage-table td:first-child{text-align:left;position:sticky;left:0;background:#0a151e;z-index:1}.wage-table thead th{color:#8f9ea8;font-weight:800}.wage-table tr:last-child td{border-bottom:0}.settings-card,.feedback-card,.about-card{border:1px solid #263743;border-radius:18px;background:#0a151e;padding:18px;margin-top:20px}.settings-card p{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff0c;padding:12px 0;margin:0}.settings-card p:last-child{border:0}.settings-card span{color:#93a2ac}.setting-right{display:flex;align-items:center;gap:12px}.setting-right strong{color:#f4f7f8}.setting-right .text-link{font-size:12px}.feedback-card{display:grid;gap:16px}.feedback-card label{display:grid;gap:8px;font-weight:800}.feedback-card textarea{width:100%;border:1px solid #30414d;border-radius:12px;background:#0b1720;color:white;padding:12px;resize:vertical}.about-card{line-height:1.6;color:#c5ced3}
.rate-list{display:grid;gap:12px;margin-top:22px}.rate-card{border:1px solid #263743;border-radius:18px;background:#0a151e;padding:18px}.rate-card-head{display:flex;justify-content:space-between;gap:18px;align-items:baseline}.rate-card h3{margin:0}.rate-card strong{color:var(--yellow);text-align:right}.rate-card p{color:#a6b2ba;line-height:1.55;margin:10px 0 12px}.rate-card a{font-size:12px;color:#d1d9dd;text-underline-offset:3px}
.modal{width:min(560px,calc(100% - 28px));border:1px solid #30414d;border-radius:20px;background:#0d1922;color:white;padding:26px;box-shadow:0 30px 90px #000c}.modal::backdrop{background:#000a;backdrop-filter:blur(4px)}.dialog-x{position:absolute;top:14px;right:15px;border:0;background:none;font-size:26px}.seniority-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.seniority-choices button{height:50px;border:1px solid #ffffff12;border-radius:11px;background:#101e29;font-weight:900}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.export-option{border:1px solid #2d3f4b;border-radius:14px;background:#0b1720;padding:16px;text-align:left}.export-option strong,.export-option span{display:block}.export-option span{margin-top:4px;color:#81919b;font-size:12px}.export-steps{color:#c6d0d5;line-height:1.65;padding-left:22px}.export-dialog .cta{margin-top:10px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,20px);background:#15232d;border:1px solid #40515d;border-radius:12px;padding:11px 15px;color:#e8edef;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 14px 40px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.calc-grid{grid-template-columns:1fr}.result-card{position:static}.calendar-top{align-items:flex-start;flex-direction:column}.rotation-controls{justify-content:flex-start}.home-rig{width:72vw;opacity:.86}.home-inner{align-items:end;padding-bottom:15vh}.hero-card{max-width:640px}.binary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{height:68px}.view{padding-top:68px}.mode-switch{top:68px;margin-bottom:14px}.tool-shell,.calendar-shell{width:calc(100% - 18px);padding:18px;border-radius:20px}.home-rig{width:100%;opacity:.64;background-position:65% 25%}.home-inner{align-items:center;padding:100px 14px 80px}.home-actions{gap:12px}.hero-card{grid-template-columns:50px 1fr 32px;padding:17px;border-radius:19px}.hero-icon{width:48px;height:48px;border-radius:14px;font-size:24px}.hero-copy strong{font-size:24px}.hero-copy small{font-size:14px}.domain{left:18px}.mode-switch button{padding:9px 23px}.calc-shell{padding:17px}.calc-grid{margin-top:22px}.wage-field{max-width:none}.label-row{align-items:flex-start;flex-direction:column;gap:6px}.binary-grid{grid-template-columns:1fr 1fr;gap:8px}.binary-grid fieldset{padding:12px 9px}.binary-grid legend{font-size:13px}.seg button{padding:9px 4px}.date-summary{align-items:flex-start;flex-direction:column}.result-main{padding:22px}.result-main h2{font-size:49px}.calendar-shell{padding:15px 10px 18px}.rotation-controls{width:100%;display:grid;grid-template-columns:1fr 1fr}.rotation-controls label,.rotation-controls .small-btn{min-width:0}.rotation-controls .small-btn{grid-column:1/-1}.month-row{grid-template-columns:34px minmax(0,1fr)}.month-grid{grid-template-columns:28px repeat(7,minmax(28px,1fr));gap:2px;padding:5px}.day{min-height:34px;border-radius:5px;font-size:11px}.month-label{font-size:10px}.year-nav .small-btn{margin-left:0}.calendar-key{padding-right:5px}.custom-month{padding:10px}.custom-month .day{min-height:40px}.export-options{grid-template-columns:1fr}.job-group-row{grid-template-columns:36px 1fr 18px;padding:10px}.job-group-row span{font-size:12px}.step-panel{padding:13px}.seniority-choices{grid-template-columns:repeat(4,1fr)}.rate-card-head{display:block}.rate-card strong{display:block;text-align:left;margin-top:6px}.source-note{line-height:1.5}}


/* ---------- V3 refinements ---------- */
body{caret-color:transparent}
input[type="text"],input[type="number"],textarea{caret-color:auto;cursor:text;user-select:text;-webkit-user-select:text}
input[type="range"],input[type="date"]{caret-color:transparent;user-select:none;-webkit-user-select:none;cursor:pointer}
.range-wrap,.range-wrap *{user-select:none;-webkit-user-select:none}

.home-rig{width:min(64vw,930px);background-position:center center;filter:saturate(1.02) contrast(1.08);image-rendering:auto}
.home-rig:after{background:linear-gradient(180deg,rgba(7,16,24,.04),rgba(7,16,24,.20) 68%,#071018 100%)}
.home-inner{padding-top:5vh}
.hero-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-card:not(.primary){border-color:#ffffff20;background:#0a151ef0}
.hero-card:not(.primary) .hero-icon{color:#e6ecef}

.result-main h2{color:var(--yellow)}
.result-main h2.result-updated{animation:resultTick .22s ease}
@keyframes resultTick{0%{transform:scale(.985);opacity:.72}100%{transform:scale(1);opacity:1}}
.toggle-note:not(.hidden){animation:softIn .18s ease}
@keyframes softIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

.date-picker-button{height:42px;min-width:180px;border:1px solid #30414d;border-radius:10px;background:#0b1720;color:white;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700}
.date-picker-button svg{width:18px;height:18px;fill:none;stroke:#aab7bf;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.native-date-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
#rotationStartWrap{position:relative}

.tariff-top-link{display:inline-flex;margin-top:14px;color:#d6dde1;text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:700}
.rate-card p{margin-bottom:0}

.settings-card{overflow:hidden}
.setting-row{border-bottom:1px solid #ffffff0c;padding:13px 0}
.setting-row:last-child{border-bottom:0}
.setting-row-main{display:flex;justify-content:space-between;gap:18px;align-items:center}
.setting-row-main>span:first-child{color:#93a2ac}
.setting-inline-editor{margin-top:12px;padding:12px;border:1px solid #253641;border-radius:12px;background:#0d1922}
.setting-group-picks,.setting-seniority-picks{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.setting-seniority-picks{grid-template-columns:repeat(7,1fr)}
.setting-group-picks button,.setting-seniority-picks button{height:40px;border:1px solid #ffffff12;border-radius:9px;background:#101e29;font-weight:900}
.setting-group-picks button:hover,.setting-seniority-picks button:hover{border-color:#f6c74480}
.setting-inline-select{width:100%;height:42px;border:1px solid #30414d;border-radius:10px;background:#0b1720;color:#fff;padding:0 12px}
.setting-date-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.setting-date-button{min-width:180px}

.custom-month .day{touch-action:none}
.custom-month .day:focus-visible{outline:2px solid #fff8;outline-offset:1px}

.feedback-success{display:grid;place-items:center;text-align:center;gap:6px;padding:22px;border:1px solid #2d5a43;border-radius:14px;background:#0d2319}
.feedback-success strong{color:#8ee7ad;font-size:18px}

@media(max-width:900px){.home-rig{width:78vw;opacity:.95}.home-inner{padding-top:7vh}}
@media(max-width:620px){
  .home-rig{width:100%;opacity:.82;background-position:61% center}
  .hero-copy strong{font-size:22px}
  .date-picker-button{width:100%;min-width:0}
  .setting-group-picks{grid-template-columns:repeat(5,1fr)}
  .setting-seniority-picks{grid-template-columns:repeat(4,1fr)}
}

/* v4 polish */
.repeat-date-label{position:relative}
.repeat-date-button{width:100%;min-width:0;margin-top:0}
.date-picker-button span,.setting-date-button span{pointer-events:none}
.date-picker-button svg,.setting-date-button svg{pointer-events:none}
input[type="range"]{caret-color:transparent;user-select:none;-webkit-user-select:none}
.setting-date-actions{position:relative}
.setting-date-button{width:min(100%,360px)}
.setting-inline-editor .date-picker-button{max-width:360px}
@media(max-width:720px){.home-rig{background-position:62% center}.hero-card{grid-template-columns:52px 1fr 34px}.hero-copy strong{font-size:22px}.repeat-date-button,.setting-date-button{width:100%;max-width:none}}

/* v4 final overrides */
.home-rig{
  width:auto!important;
  opacity:1!important;
  inset:0!important;
  background-position:center center!important;
  filter:saturate(.82) contrast(1.02) brightness(.88)!important;
}
.home-rig:after{
  background:radial-gradient(circle at 72% 48%,transparent 0%,rgba(7,16,24,.08) 38%,rgba(7,16,24,.32) 100%)!important;
}
.native-date-input{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:42px!important;
  opacity:0!important;
  pointer-events:auto!important;
  overflow:hidden!important;
  z-index:5!important;
  cursor:pointer!important;
  caret-color:transparent!important;
}
#rotationStartWrap,.repeat-date-label,.setting-date-actions{position:relative}
@media(max-width:900px){.home-rig{width:auto!important;opacity:1!important}}
@media(max-width:620px){.home-rig{width:auto!important;opacity:1!important;background-position:62% center!important}}

/* v4 fixed: exact approved front-page artwork + reliable full-field date pickers */
.home-rig{
  inset:0!important;
  width:auto!important;
  opacity:1!important;
  background-image:url('assets/frontpage-approved.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:none!important;
}
/* Hide the UI baked into the approved concept image while keeping that exact scene/colors. */
.home-rig:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(5,14,22,.94) 0,rgba(5,14,22,.72) 13%,rgba(5,14,22,.20) 30%,rgba(5,14,22,.12) 100%),
    linear-gradient(90deg,rgba(5,14,22,.94) 0%,rgba(5,14,22,.90) 46%,rgba(5,14,22,.78) 65%,rgba(5,14,22,.26) 100%);
}
.home-rig:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(7,16,24,.38) 100%)!important;
}
.date-picker-wrap{position:relative;display:block;min-width:180px}
.date-picker-wrap .date-picker-button{width:100%;pointer-events:none}
.date-input-cover{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:.001!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  z-index:5!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  caret-color:transparent!important;
}
.setting-date-actions{position:relative;max-width:360px}
.setting-date-actions .date-picker-wrap{max-width:360px}
@media(max-width:620px){.date-picker-wrap,.setting-date-actions,.setting-date-actions .date-picker-wrap{width:100%;max-width:none}.home-rig{background-position:56% center!important}}

/* v4.1: fully custom date picker. Entire visual field is the button. */
.date-picker-wrap .date-picker-button{
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.date-input-cover,
.native-date-input.date-input-cover{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  left:0!important;
  bottom:0!important;
  inset:auto auto 0 0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.calendar-picker-dialog{
  border:0;
  padding:0;
  background:transparent;
  color:#fff;
  max-width:none;
}
.calendar-picker-dialog::backdrop{background:rgba(2,8,13,.68);backdrop-filter:blur(3px)}
.calendar-picker-card{
  width:min(92vw,360px);
  background:#0b1720;
  border:1px solid #31424d;
  border-radius:16px;
  box-shadow:0 24px 70px rgba(0,0,0,.5);
  padding:14px;
}
.calendar-picker-context{margin:0 0 14px;padding:0 2px 13px;border-bottom:1px solid #ffffff0e}
.calendar-picker-context strong{display:block;font-size:16px;line-height:1.25;color:#f3f6f8}
.calendar-picker-context span{display:block;margin-top:5px;color:#8c9aa3;font-size:12px;line-height:1.45}
.calendar-picker-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-bottom:10px}
.calendar-picker-head strong{text-align:center;font-size:16px;text-transform:capitalize}
.calendar-picker-nav{height:38px;border:1px solid #ffffff14;border-radius:9px;background:#101f2a;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.calendar-picker-weekdays,.calendar-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.calendar-picker-weekdays{color:#81909a;font-size:11px;text-align:center;margin-bottom:5px}
.calendar-picker-weekdays span{padding:4px 0}
.calendar-picker-day,.calendar-picker-blank{aspect-ratio:1/1;border-radius:8px}
.calendar-picker-day{border:1px solid transparent;background:#101f2a;color:#eaf0f3;font-weight:700;cursor:pointer}
.calendar-picker-day:hover{border-color:#f5c84c80;background:#142733}
.calendar-picker-day.is-today{border-color:#ffffff45}
.calendar-picker-day.is-selected{background:#f5c84c;color:#081117;border-color:#f5c84c}
.calendar-picker-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #ffffff0e}


/* v4.2 final fixes: clean front page photo, no baked-in UI */
.home-rig{
  inset:0!important;
  width:auto!important;
  opacity:1!important;
  background-image:
    linear-gradient(90deg,rgba(5,14,22,.88) 0%,rgba(5,14,22,.72) 40%,rgba(5,14,22,.32) 72%,rgba(5,14,22,.20) 100%),
    linear-gradient(180deg,rgba(5,14,22,.16),rgba(5,14,22,.18) 62%,rgba(7,16,24,.46) 100%),
    url("https://images.pexels.com/photos/33354899/pexels-photo-33354899.jpeg?auto=compress&cs=tinysrgb&w=2400")!important;
  background-size:cover!important;
  background-position:center center!important;
  filter:saturate(.86) contrast(1.03) brightness(.82)!important;
}
.home-rig:before{content:none!important}
.home-rig:after{
  content:""!important;position:absolute;inset:0;
  background:radial-gradient(circle at 72% 45%,transparent 0%,rgba(7,16,24,.05) 42%,rgba(7,16,24,.30) 100%)!important;
}
@media(max-width:620px){.home-rig{background-position:42% center!important}}

/* ---------- V4.7: working feedback form via Netlify Forms ---------- */
.netlify-honeypot{position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important}
.feedback-status{min-height:18px;margin:0;color:var(--muted)}
.feedback-status.success{color:var(--green);font-weight:800}
.feedback-status.error{color:#ff9b9b;font-weight:800}
.feedback-card .cta:disabled{opacity:.62;cursor:wait}