@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172140;--muted:#68758f;--navy:#101832;--blue:#355de9;--teal:#40d4bb;--border:#e5eaf3;--paper:#f6f8fc;--radius:24px;--sidebar-width:256px;--shadow:0 16px 48px rgba(24,43,92,.07);--font:Manrope,'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7;min-width:320px;overflow-x:hidden}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}img,svg{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font);font-weight:800;letter-spacing:-.045em;line-height:1.15}p{color:var(--muted)}:focus-visible{outline:3px solid #36b8cf!important;outline-offset:3px}.skip-link{position:fixed;top:-70px;left:16px;background:#fff;z-index:9999;padding:14px;border-radius:10px}.skip-link:focus{top:12px}
/* shell and functional sidebar */
.site-sidebar{position:fixed;z-index:1035;inset:0 auto 0 0;width:var(--sidebar-width);background:#101832;color:#cbd4ef;padding:21px 14px 18px;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#2e3c61 transparent;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;margin:0 4px 35px;min-height:58px}.sidebar-brand img{display:block;width:198px;height:auto}.sidebar-close{display:none;border:0;background:#29395f;color:#fff;border-radius:12px;font-size:24px;width:38px;height:38px}.nav-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:#7687ae;margin:15px 14px 12px}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:9px 12px;border-radius:13px;color:#bfcae6;font-size:12.6px;font-weight:650;transition:background .2s,color .2s,transform .2s}.nav-item:hover,.nav-item.is-current{background:#25345b;color:#fff;transform:translateX(2px)}.nav-item.is-current .nav-glyph{background:#3b5de5;color:#fff}.nav-glyph{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:9px;background:#1e2b4b;color:#8bded8;font-size:18px;line-height:1}.nav-number{margin-left:auto;background:#3c5cec;color:#fff;font-size:11px;padding:2px 7px;border-radius:8px}.sidebar-bottom{display:flex;align-items:center;gap:12px;margin-top:auto;padding:20px 10px 0;border-top:1px solid #2c3654}.sidebar-bottom-icon{font-size:27px;color:var(--teal)}.sidebar-bottom strong{display:block;font-size:11px;color:white}.sidebar-bottom small{display:block;font-size:10px;color:#98a8cf}.mobile-mask{display:none;position:fixed;inset:0;background:rgba(7,14,33,.63);backdrop-filter:blur(5px);z-index:1030;opacity:0;transition:opacity .3s}.app-shell{margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s}.topbar{height:77px;min-height:77px;border-bottom:1px solid #e9edf5;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3.8vw,68px);gap:12px;position:sticky;top:0;z-index:1010;box-shadow:0 1px 10px rgba(27,47,100,.025)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}.top-logo img{width:154px;height:40px;object-fit:contain}.topbar-caption{color:#929db3;font-size:12px;font-weight:600}.topbar-action{background:#eef3ff;color:#304bd5;padding:10px 17px;border-radius:14px;font-size:12px;font-weight:800;white-space:nowrap}.topbar-action span{padding-left:12px}.topbar-action:hover{background:#dce8ff}.menu-toggle{display:grid;gap:5px;place-content:center;width:42px;height:42px;border:1px solid #e4eaf5;background:#f6f8ff;border-radius:13px;flex:0 0 42px}.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#263863}.main-container{width:100%;flex:1;min-width:0;padding-bottom:84px}body.sidebar-collapsed .site-sidebar{transform:translateX(-100%)}body.sidebar-collapsed .app-shell{margin-left:0}
/* home hero */
.home-hero{background:linear-gradient(122deg,#112759 0%,#173670 45%,#142b58 100%);border-radius:0 0 45px 45px;min-height:580px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);align-items:center;gap:10px;padding:60px clamp(26px,5.2vw,90px) 82px}.hero-backdrop,.hero-gridlines{position:absolute;inset:0;pointer-events:none;z-index:-1}.hero-gridlines{background-image:linear-gradient(rgba(139,201,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(139,201,255,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-orb{position:absolute;border-radius:50%;filter:blur(10px)}.orb-a{width:430px;height:430px;right:5%;top:8%;background:radial-gradient(circle,rgba(48,126,244,.31),transparent 69%)}.orb-b{width:360px;height:360px;left:-120px;bottom:-160px;background:radial-gradient(circle,rgba(29,214,194,.25),transparent 75%)}.hero-content{position:relative;z-index:2;max-width:690px}.eyebrow-hero{display:inline-flex;align-items:center;gap:9px;color:#a7f8e6;font-size:11px;font-weight:800;letter-spacing:.17em;margin-bottom:25px}.eyebrow-hero i{width:8px;height:8px;background:#56f1d1;border-radius:50%;box-shadow:0 0 0 6px rgba(86,241,209,.12)}.home-hero h1{font-size:clamp(36px,4.2vw,66px);line-height:1.12;color:#fff;letter-spacing:-.07em;margin-bottom:24px}.home-hero h1 em,.inner-hero h1 em{font-style:normal;color:#66e2cc}.home-hero p{font-size:14px;color:#d1daf2;line-height:1.85;max-width:470px;margin-bottom:34px}.hero-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid rgba(255,255,255,.45);border-radius:18px;box-shadow:0 14px 34px rgba(6,12,34,.19);padding:7px 7px 7px 17px;max-width:540px}.search-glyph{font-size:31px;color:#8896b3;line-height:1}.hero-search input{border:0;outline:0;flex:1;min-width:0;width:100%;font-size:13px;color:var(--ink)}.hero-search button{padding:13px 17px;border:0;background:#345eec;color:#fff;white-space:nowrap;border-radius:12px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.hero-search button:hover{transform:translateY(-2px);box-shadow:0 9px 18px #3055d255}.hero-search button span{margin-left:6px}.hero-highlights{display:flex;flex-wrap:wrap;gap:17px;margin-top:24px}.hero-highlights span{font-size:10px;color:#b7c7e9;font-weight:700}.hero-highlights i{display:inline-grid;place-items:center;border:1px solid #60cfb8;color:#78f6da;width:18px;height:18px;border-radius:50%;font-size:11px;font-style:normal;margin-right:4px}.hero-visual{position:relative;align-self:center;justify-self:center;width:100%;max-width:650px;min-width:0}.hero-art-float{animation:art-float 8s ease-in-out infinite}.hero-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 38px 65px rgba(5,14,39,.26))}.orbit-spark{position:absolute;color:#90fff0;font-size:37px;animation:twinkle 3.8s ease-in-out infinite}.spark-one{left:7%;top:13%}.spark-two{right:3%;bottom:11%;animation-delay:-1.6s}.hero-edge{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#69e9d7,transparent)}
/* sections */
.section-wrap{max-width:1500px;margin:0 auto;padding:75px clamp(24px,4.6vw,82px) 0}.first-section{padding-top:81px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-heading h2{font-size:clamp(26px,2.8vw,41px);margin:10px 0 11px;letter-spacing:-.056em}.section-heading p{max-width:650px;font-size:13px;margin:0}.section-kicker{font-weight:800;letter-spacing:.16em;color:#4264db;font-size:10px}.section-kicker span{display:inline-block;width:18px;height:1px;background:#99a9cb;vertical-align:middle;margin:0 5px}.section-kicker.light{color:#78e4d8}.heading-dot{color:#3fd4c0}.section-link{border:1px solid #d9e3f7;background:white;border-radius:13px;color:#3255ce;font-size:12px;font-weight:800;padding:13px 17px;white-space:nowrap}.section-link:hover{border-color:#6f91ff;box-shadow:var(--shadow)}.section-link span{margin-left:9px}
.spotlight-card{display:grid;grid-template-columns:1fr .9fr;min-height:365px;border-radius:29px;background:#fefefe;box-shadow:0 22px 70px rgba(19,37,79,.08);overflow:hidden;border:1px solid #e9edf6;transition:transform .3s,box-shadow .3s}.spotlight-card:hover{transform:translateY(-5px);box-shadow:0 26px 65px rgba(34,60,124,.15)}.spotlight-copy{padding:clamp(28px,4vw,60px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.spotlight-tag{color:#08745f;font-size:10px;font-weight:850;letter-spacing:.13em;margin-bottom:21px}.spotlight-tag span{color:#1cc394}.spotlight-copy h3{font-size:clamp(26px,3vw,43px);line-height:1.16;margin-bottom:14px}.spotlight-copy h3 em{font-style:normal;color:#3761df}.spotlight-copy p{max-width:440px;font-size:13px;line-height:1.8;margin-bottom:22px}.spotlight-cta{color:#fff;background:#305be7;border-radius:13px;padding:13px 17px;font-size:12px;font-weight:800}.spotlight-cta b{margin-left:16px}.spotlight-visual{position:relative;background:radial-gradient(circle at 80% 0%,#76baf9,transparent 50%),linear-gradient(145deg,#1d3f9e,#2c6fe3);overflow:hidden;display:flex;justify-content:center;align-items:center;padding:45px}.spotlight-visual:before{content:'';position:absolute;width:450px;height:450px;border-radius:50%;border:1px solid #ffffff32}.spotlight-visual:after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;border:1px dashed #ffffff38}.pay-illustration{position:relative;width:min(330px,100%);height:235px;background:#fff;border-radius:27px;box-shadow:0 25px 48px #152b7b7a;transform:rotate(-4deg);animation:pay-tilt 8s ease-in-out infinite;z-index:1}.pay-graph{display:flex;align-items:end;gap:17px;height:120px;margin:56px 26px 0;padding-bottom:4px;border-bottom:2px solid #e3ebfa}.pay-graph span{height:var(--bar);flex:1;max-width:34px;background:linear-gradient(#59e2d1,#4e7bea);border-radius:11px 11px 4px 4px;animation:graph-rise 1.3s backwards}.pay-graph span:nth-child(2){animation-delay:.13s}.pay-graph span:nth-child(3){animation-delay:.26s}.pay-graph span:nth-child(4){animation-delay:.39s}.pay-graph span:nth-child(5){animation-delay:.52s}.pay-graph span:nth-child(6){animation-delay:.65s}.pay-card-float{position:absolute;display:flex;align-items:center;gap:10px;left:-41px;top:-25px;background:#f1fcfa;border-radius:20px;padding:13px 16px;box-shadow:0 12px 30px #09245f2b}.pay-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#54d9bc;color:#164a67;font-size:26px;font-weight:800}.pay-card-float div{display:grid;gap:7px}.pay-card-float i{background:#bdd8e6;width:80px;height:9px;border-radius:8px}.pay-card-float i+i{width:56px;background:#d8e9f2}.pay-card-float b{font-size:20px;color:#24bd9d}.pay-dots{display:flex;gap:9px;margin:22px 27px}.pay-dots i{width:11px;height:11px;background:#dce4f5;border-radius:50%}.pay-dots i:nth-child(2){background:#50d4c5}
.category-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.category-showcase{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 8px 35px #162a5720;border:1px solid #edf0f7;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.category-showcase:hover{transform:translateY(-7px);box-shadow:0 24px 48px #1c39852b}.category-picture{height:clamp(170px,16.7vw,245px);position:relative;overflow:hidden;background:#deeaff}.category-picture img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .48s cubic-bezier(.2,.8,.2,1)}.category-showcase:hover img{transform:scale(1.065) rotate(1deg)}.category-count{position:absolute;top:16px;left:16px;background:#fff;box-shadow:0 7px 22px #091f4426;padding:6px 11px;border-radius:10px;font-size:10px;font-weight:800;color:#213b66}.category-info{padding:23px 25px 28px;position:relative;flex:1}.category-index{font-size:9px;font-weight:850;letter-spacing:.16em;color:#9aa5bb}.category-info h3{font-size:20px;margin:9px 0}.category-info p{font-size:11px;margin:0;padding-right:28px}.category-arrow{position:absolute;right:24px;bottom:27px;background:#f0f4ff;color:#2d55dc;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:18px;font-weight:800}.category-showcase:hover .category-arrow{background:#305de5;color:#fff}
.mini-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-tool{background:#fff;border:1px solid #eaf0f7;border-radius:18px;padding:19px;display:flex;align-items:center;gap:13px;min-width:0;box-shadow:0 5px 17px #27395a09}.mini-tool-symbol{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;font-size:24px;font-weight:800}.tone-cobalt{background:#e6edff!important;color:#3159cf!important}.tone-orange{background:#fff0e2!important;color:#c06d3b!important}.tone-lime{background:#e7f8e3!important;color:#318c57!important}.tone-violet{background:#f1eaff!important;color:#7751cf!important}.tone-pink{background:#ffebf4!important;color:#c14d86!important}.tone-aqua{background:#e5fbf7!important;color:#169b91!important}.mini-tool-info{min-width:0;flex:1}.mini-tool h3{font-size:12px;line-height:1.5;margin:0 0 2px}.mini-tool small{display:block;color:#98a5bb;font-size:10px}.mini-tool-action{background:#315ee5;color:#fff;border-radius:11px;padding:8px 11px;font-weight:800}.pill-soon{color:#98a4b8;background:#f3f5f9;border-radius:9px;padding:6px 9px;font-size:10px;font-weight:700;white-space:nowrap}
.method-banner{display:grid;grid-template-columns:minmax(210px,.65fr) 1fr;align-items:center;gap:30px;padding:40px clamp(28px,5vw,78px);border-radius:29px;background:linear-gradient(117deg,#142a58,#101a38 64%,#183b6a);color:#fff;overflow:hidden;position:relative;min-height:360px}.method-banner:after{content:'';position:absolute;right:-100px;top:-180px;width:460px;height:460px;background:radial-gradient(circle,#256d9c39,transparent 65%);pointer-events:none}.method-banner h2{font-size:clamp(24px,3vw,41px);margin:11px 0}.method-banner h2 em{font-style:normal;color:#7ee8df}.method-banner p{font-size:12px;color:#b8c9e4;max-width:560px;margin-bottom:24px}.btn-light-arrow{display:inline-block;background:#fff;color:#244bc9;padding:12px 17px;border-radius:12px;font-size:12px;font-weight:850}.btn-light-arrow span{padding-left:20px}.method-art{position:relative;width:235px;height:235px;justify-self:center;display:grid;place-items:center}.method-ring{position:absolute;border-radius:50%;border:2px solid #73e9db}.ring1{inset:20px;opacity:.8;animation:spin 16s linear infinite;border-style:dashed}.ring2{inset:44px;opacity:.5}.ring3{inset:0;opacity:.24;border-color:#fff}.method-check{display:grid;place-items:center;width:94px;height:94px;background:linear-gradient(130deg,#6ff1df,#3298f0);border-radius:26px;transform:rotate(-7deg);font-size:52px;color:#14305e;box-shadow:0 22px 60px #00e8ff38}
/* footer */
.site-footer{background:#0f1832;color:white;padding:48px clamp(24px,4.5vw,80px) 24px;margin-top:auto}.footer-inner{display:flex;justify-content:space-between;gap:45px;max-width:1400px;margin:0 auto 45px}.footer-brand{max-width:360px}.footer-brand img{display:block;margin-bottom:12px}.footer-brand p{font-size:12px;color:#8d9dbe;line-height:1.8}.footer-columns{display:flex;gap:clamp(28px,5vw,100px)}.footer-columns div{display:flex;flex-direction:column;gap:9px}.footer-columns strong{font-size:11px;color:#fff;margin-bottom:7px}.footer-columns a{font-size:11px;color:#95a4c6}.footer-columns a:hover{color:#8df6e5}.footer-baseline{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #26314c;padding-top:23px;max-width:1400px;margin:auto;color:#8796b6;font-size:10px}
/* inner pages */
.inner-hero{padding:69px clamp(24px,4.5vw,82px) 55px;background:#fff;border-bottom:1px solid #e9eff9}.inner-hero h1{font-size:clamp(33px,4vw,59px);line-height:1.13;margin:18px 0}.inner-hero h1 em{color:#3767df}.inner-hero p{max-width:680px;font-size:13px;margin:0}.directory-hero{background:radial-gradient(ellipse 450px 210px at 90% 10%,#dce9ff 0%,transparent 95%),#fff}.directory-search{max-width:730px;display:flex;align-items:center;gap:13px;background:white;border:1px solid #dbe5f6;border-radius:17px;padding:9px 13px;margin:35px 0 18px;box-shadow:0 9px 25px #253b6b10}.directory-search span{font-size:30px;color:#94a0b9}.directory-search input{border:0;outline:0;width:100%;min-width:0;font-size:13px}.directory-search button{border:0;background:#eef1f7;color:#6e7c96;border-radius:10px;width:31px;height:31px;font-size:23px;line-height:1}.directory-small{display:flex;flex-wrap:wrap;gap:24px;color:#8693a9;font-size:11px}.directory-small b{color:#2b57d7}.filter-strip{display:flex;gap:9px;overflow:auto;max-width:1500px;margin:auto;padding:25px clamp(24px,4.5vw,82px) 12px;scrollbar-width:thin}.filter-chip{flex:0 0 auto;border:1px solid #e2e9f5;padding:9px 14px;border-radius:12px;font-size:11px;font-weight:800;background:#fff;color:#758199}.filter-chip:hover,.filter-chip.is-active{background:#2e58de;color:#fff;border-color:#2e58de}.directory-group{max-width:1500px;margin:0 auto;padding:40px clamp(24px,4.5vw,82px) 24px;scroll-margin-top:92px}.directory-title{display:flex;align-items:center;gap:16px;margin-bottom:19px}.directory-title-badge{width:84px;height:75px;flex:0 0 84px;border-radius:20px;overflow:hidden}.directory-title-badge img{width:100%;height:100%;object-fit:cover}.directory-title div:nth-child(2){flex:1}.directory-title span{font-size:10px;letter-spacing:.11em;font-weight:800;color:#8c99b0}.directory-title h2{font-size:25px;margin:3px 0 3px}.directory-title p{font-size:11px;margin:0}.directory-badge{border:1px solid #e3eaf4;color:#8290a9;background:#fff;border-radius:11px;padding:8px 12px;font-size:11px;font-weight:750}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.directory-tool{background:#fff;padding:23px;border:1px solid #e9edf6;border-radius:19px;min-height:218px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.directory-tool:hover{transform:translateY(-3px);box-shadow:0 10px 24px #223e7216}.directory-tool-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-weight:900;font-size:22px;margin-bottom:15px}.directory-tool h3{font-size:15px;margin:0 0 7px}.directory-tool p{font-size:11px;line-height:1.7;margin-bottom:15px}.directory-tool-bottom{margin-top:auto}.directory-tool-bottom a{font-size:11px;font-weight:800;color:#2e59de}.directory-tool-bottom b{margin-left:9px}.coming-label{font-size:10px;font-weight:750;color:#9ca5b3;background:#f5f6fa;padding:7px 10px;border-radius:9px}.empty-search{max-width:680px;margin:45px auto;padding:55px 30px;text-align:center;background:white;border-radius:24px}.empty-search>span{font-size:56px;color:#5a74c4}.empty-search h2{font-size:24px}.reset-filters{border:0;border-radius:12px;padding:12px 20px;color:white;background:#315cde;font-size:12px;font-weight:800}
/* long form readable editorial typography */
.article-wrap{max-width:1120px;margin:60px auto 35px;padding:clamp(26px,5vw,75px);background:#fff;border:1px solid #ebeff5;box-shadow:0 18px 45px #17326009;border-radius:26px}.article-kicker{font-size:10px;letter-spacing:.18em;color:#3463d7;font-weight:850;margin-bottom:18px}.article-wrap h2{font-size:clamp(27px,3vw,43px);margin-bottom:19px}.article-wrap h3{font-size:23px;margin:38px 0 14px;letter-spacing:-.04em}.article-wrap h4{font-size:18px;margin:24px 0 11px}.article-wrap p,.article-wrap li{color:#53627c;font-size:14px;line-height:2.05}.article-wrap p{margin-bottom:18px}.article-wrap .article-intro{font-size:16px;color:#42516c;line-height:2}.article-wrap ul,.article-wrap ol{padding-left:24px;margin:14px 0 23px}.article-wrap a:not(.btn){color:#2c60e1;text-decoration:underline;text-underline-offset:4px}.article-wrap blockquote{background:#eef5ff;padding:18px 24px;border-radius:14px;border-left:5px solid #4e75ef;color:#344e7d}.article-table{width:100%;border-collapse:collapse;margin:18px 0 28px}.article-table th,.article-table td{text-align:left;padding:12px;border-bottom:1px solid #e5eaf4;font-size:12px}.article-table th{background:#f4f7fd;color:#233e6a}.article-table td{color:#54627d}
/* contact */
.contact-hero{background:radial-gradient(circle at 80% 20%,#dafdf6,transparent 34%),#fff}.contact-layout{max-width:1410px;margin:45px auto 40px;padding:0 clamp(24px,4.5vw,82px);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.8fr);gap:28px}.contact-form-card,.contact-side{background:#fff;border:1px solid #e7edf6;border-radius:25px;padding:clamp(26px,3.4vw,48px);box-shadow:0 12px 32px #152e6510}.contact-card-intro .subtle-icon{background:#e9f4ff;border-radius:13px;color:#345bd8;display:grid;place-items:center;font-size:24px;width:48px;height:48px;margin-bottom:18px}.contact-card-intro h2{font-size:29px;margin-bottom:9px}.contact-card-intro p{font-size:12px;margin-bottom:30px}.contact-form .form-label{font-size:11px;color:#33415b;font-weight:800}.contact-form .form-control,.contact-form .form-select{border:1px solid #dce4f0;border-radius:12px;padding:12px 14px;min-height:49px;color:#243454;font-size:13px;background-color:#fbfcff}.contact-form textarea.form-control{min-height:165px;resize:vertical}.contact-form .form-control:focus,.contact-form .form-select:focus{box-shadow:0 0 0 3px #315de520;border-color:#7995ed}.form-hint{font-size:10px;color:#93a0b3;margin-top:8px}.form-check-custom{display:flex;align-items:flex-start;gap:11px;font-size:11px;line-height:1.8;color:#6f7b92}.form-check-custom a{color:#2d60dd;text-decoration:underline}.form-check-custom input{width:17px;height:17px;flex:0 0 17px;margin-top:3px}.submit-contact{background:#315ee6;color:#fff;border:0;padding:16px 20px;border-radius:12px;font-size:13px;font-weight:800;width:100%;display:flex;justify-content:center;gap:30px}.submit-contact:hover{background:#1f4bd7}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden}.contact-side{height:fit-content;background:linear-gradient(155deg,#ebf4ff,#fff)}.contact-illustration{margin:-10px -10px 22px}.contact-illustration svg{width:100%}.contact-side h3{font-size:24px}.contact-side p{font-size:12px;line-height:1.95}.contact-fact{display:flex;gap:13px;padding:18px 0;border-top:1px solid #e3eaf3}.contact-fact>span{font-size:22px;color:#2e65e4}.contact-fact strong{display:block;font-size:12px}.contact-fact small{font-size:11px;color:#8691a6}.contact-public-email{border-top:1px solid #e1e9f3;padding-top:19px}.contact-public-email a{color:#2d5add;text-decoration:underline}
/* calculator */
.calc-hero{padding-bottom:43px}.calc-layout{max-width:1530px;padding:34px clamp(22px,4.2vw,77px) 0;margin:auto;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:24px;align-items:start}.calc-column{min-width:0}.calc-card{background:#fff;border:1px solid #e8edf5;border-radius:25px;padding:clamp(22px,3vw,37px);box-shadow:0 10px 32px #1f346312;margin-bottom:22px;min-width:0}.calc-card h2{font-size:23px;margin:0 0 10px}.calc-card-intro{font-size:12px;margin-bottom:25px}.calc-card label{font-size:11px;font-weight:800;color:#2c3852;margin-bottom:7px}.calc-card .form-control,.calc-card .form-select{border-radius:12px;font-size:14px;min-height:49px;border:1px solid #dce4f0;background:#fbfcff}.calc-card .form-control:focus,.calc-card .form-select:focus{box-shadow:0 0 0 3px #4c72e72a;border-color:#7894ea}.calc-card .form-text{font-size:10px;line-height:1.7;color:#9aa4b5}.calc-submit{width:100%;background:#315fe8;color:white;border:0;border-radius:12px;padding:15px;font-size:13px;font-weight:850;margin-top:7px;transition:background .2s}.calc-submit:hover{background:#244bba}.result-panel{position:sticky;top:100px}.result-label{font-size:10px;font-weight:900;letter-spacing:.12em;color:#26997e;margin-bottom:14px}.result-primary{border-radius:21px;background:linear-gradient(135deg,#1b3f99,#315fe6 70%,#42a8df);padding:26px;color:white;box-shadow:0 16px 35px #3161c53a;margin:0 0 19px;position:relative;overflow:hidden}.result-primary:after{content:'';position:absolute;right:-33px;top:-55px;width:180px;height:180px;border:2px solid #ffffff30;border-radius:50%}.result-primary small{color:#d4e8ff;font-size:11px}.result-primary strong{display:block;font-size:clamp(27px,3.2vw,42px);line-height:1.3;letter-spacing:-.055em;word-break:break-word;margin:8px 0}.result-primary p{margin:0;color:#cfeaff;font-size:10px}.result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.result-stat{border:1px solid #e7edf7;border-radius:16px;background:#f8faff;padding:17px}.result-stat span{color:#8995ac;font-size:10px;display:block;margin-bottom:7px}.result-stat b{font-size:14px;letter-spacing:-.025em;word-break:break-word}.result-disclaimer{background:#fff9ed;border:1px solid #f7e9ca;border-radius:13px;font-size:11px;color:#867455;line-height:1.85;padding:17px;margin-top:19px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.result-actions button,.result-actions a{padding:11px 13px;border:1px solid #dbe5f6;background:white;color:#355bd6;border-radius:11px;font-size:11px;font-weight:800}.paycard-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.paycard{border:1px solid #e6ecf6;background:#fbfcff;border-radius:16px;padding:18px;min-width:0}.paycard-head{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #e5ebf4;padding-bottom:12px}.paycard-head strong{font-size:12px}.paycard-head b{font-size:13px;color:#2e5fe7;white-space:nowrap}.paycard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.paycard-grid div{min-width:0}.paycard-grid small{display:block;font-size:9px;color:#94a0b6}.paycard-grid span{display:block;font-size:11px;color:#384662;font-weight:800;overflow-wrap:anywhere}.salary-table-scroll{overflow-x:auto;border-radius:13px;border:1px solid #e5ecf4}.salary-table{width:100%;min-width:720px;border-collapse:collapse;font-size:11px;white-space:nowrap}.salary-table thead{background:#f0f5ff}.salary-table th,.salary-table td{padding:12px 14px;border-bottom:1px solid #e7edf6;text-align:right}.salary-table th:first-child,.salary-table td:first-child{text-align:left}.salary-table td{color:#4c5e7a}.salary-table td:last-child{color:#2351bc;font-weight:800}.salary-table tfoot{background:#eaf2ff;font-weight:850}.salary-table tfoot td{color:#203c72}.calc-source-links{display:flex;flex-wrap:wrap;gap:12px}.calc-source-links a{font-size:11px;font-weight:700;color:#315dd6}.calc-info{margin-top:36px}.faq-item{border:1px solid #e4eaf5;border-radius:14px;margin:12px 0;overflow:hidden}.faq-item summary{padding:15px 18px;cursor:pointer;font-weight:800;color:#223657;font-size:13px}.faq-item p{padding:0 18px 17px;margin:0;font-size:12px}.calc-crumb{display:flex;flex-wrap:wrap;gap:8px;color:#8694ab;font-size:10px;margin-bottom:19px}.calc-crumb a{color:#4368d6}
/* reveal and animation */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes twinkle{0%,100%{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes pay-tilt{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-9px)}}@keyframes graph-rise{from{height:0}to{height:var(--bar)}}@keyframes spin{to{transform:rotate(360deg)}}
/* smaller desktops / tablets */
@media (max-width:1440px){.home-hero{padding-left:45px;padding-right:28px}.category-gallery,.directory-grid{gap:14px}.category-info{padding:19px}.mini-tool{padding:13px}.mini-tool h3{font-size:11px}.pill-soon{font-size:9px}}
@media (max-width:1150px){:root{--sidebar-width:231px}.site-sidebar{padding-left:10px;padding-right:10px}.nav-item{font-size:11.5px;gap:8px}.section-wrap{padding-left:30px;padding-right:30px}.home-hero{padding:40px 25px 63px;min-height:490px}.hero-content h1{font-size:42px}.hero-visual{transform:scale(1.08)}.category-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.category-picture{height:220px}.mini-tools-grid,.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:950px){.site-sidebar{transform:translateX(-101%);width:min(300px,85vw);box-shadow:25px 0 50px #07152b42}.app-shell,.sidebar-collapsed .app-shell{margin-left:0}.sidebar-close{display:grid;place-items:center}.mobile-mask{display:block;pointer-events:none}.menu-open .mobile-mask{opacity:1;pointer-events:auto}.menu-open .site-sidebar,.menu-open.sidebar-collapsed .site-sidebar{transform:translateX(0)}.topbar{height:67px;min-height:67px;padding:0 23px}.home-hero{grid-template-columns:1fr .9fr;min-height:480px}.hero-content h1{font-size:40px}.hero-visual{transform:scale(1.04)}.hero-search{max-width:480px}.topbar-caption{display:none}.contact-layout{grid-template-columns:1fr .8fr;padding:0 24px}.calc-layout{padding:25px 24px}.result-panel{position:static}}
@media (max-width:700px){body{font-size:14px}.topbar{padding:0 16px}.top-logo img{width:134px}.topbar-left{gap:9px}.topbar-action{font-size:10px;padding:9px 10px}.topbar-action span{padding-left:3px}.home-hero{grid-template-columns:1fr;text-align:left;padding:39px 20px 25px;border-radius:0 0 26px 26px;min-height:0}.home-hero h1{font-size:clamp(34px,9vw,49px);margin-bottom:18px}.home-hero p{font-size:12px;margin-bottom:23px;max-width:570px}.eyebrow-hero{font-size:9px;margin-bottom:14px}.hero-search{padding:6px 6px 6px 10px;border-radius:15px}.hero-search input{font-size:11px}.hero-search button{font-size:11px;padding:11px 10px}.hero-highlights{gap:10px;margin-top:17px}.hero-highlights span{font-size:9px}.hero-visual{width:min(390px,100%);margin:-18px auto -40px;transform:none}.hero-art-float{animation-duration:9s}.section-wrap{padding:49px 18px 0}.section-heading{align-items:flex-start;gap:13px;flex-direction:column;margin-bottom:23px}.section-heading h2{font-size:27px;margin:7px 0 9px}.section-heading p{font-size:11px}.section-link{font-size:10px;padding:9px 12px}.spotlight-card{grid-template-columns:1fr;min-height:0;border-radius:21px}.spotlight-copy{padding:25px 24px 29px}.spotlight-copy h3{font-size:29px}.spotlight-copy p{font-size:11px}.spotlight-visual{height:250px;padding:28px;grid-row:1}.pay-illustration{width:250px;height:177px}.pay-graph{height:88px;margin:43px 19px 0;gap:11px}.pay-card-float{transform:scale(.75);transform-origin:left top;left:-19px;top:-16px}.pay-dots{margin:12px 22px}.category-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-showcase{border-radius:17px}.category-picture{height:clamp(125px,31vw,220px)}.category-count{font-size:8px;top:8px;left:8px;padding:4px 6px}.category-info{padding:13px 11px 15px}.category-index{font-size:8px}.category-info h3{font-size:13px;margin:6px 0}.category-info p{font-size:9px;line-height:1.5;padding-right:0;min-height:31px}.category-arrow{position:static;margin-top:10px;width:27px;height:27px;font-size:13px}.mini-tools-grid{grid-template-columns:1fr;gap:9px}.mini-tool{padding:13px 15px}.mini-tool h3{font-size:12px}.method-banner{grid-template-columns:1fr;text-align:left;padding:29px 25px;gap:2px;min-height:0}.method-art{height:150px;width:150px;grid-row:1;margin:0 auto 6px}.method-check{width:70px;height:70px;font-size:37px}.method-banner h2{font-size:26px}.method-banner p{font-size:11px}.footer-inner{display:block;margin-bottom:28px}.footer-columns{gap:50px}.footer-brand{margin-bottom:28px}.footer-baseline{display:block;line-height:1.8}.footer-baseline span{display:block}.inner-hero{padding:43px 19px 38px}.inner-hero h1{font-size:35px}.inner-hero p{font-size:11px}.filter-strip{padding:15px 18px 8px}.filter-chip{font-size:10px}.directory-group{padding:29px 18px 18px}.directory-title{gap:9px}.directory-title-badge{width:58px;height:55px;flex-basis:58px}.directory-title h2{font-size:19px}.directory-title p{font-size:9px}.directory-title span{font-size:8px}.directory-badge{font-size:9px;padding:5px 6px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.directory-tool{padding:15px;border-radius:13px;min-height:194px}.directory-tool-icon{width:36px;height:36px;font-size:19px;margin-bottom:10px}.directory-tool h3{font-size:12px;line-height:1.35}.directory-tool p{font-size:10px}.directory-tool-bottom a,.coming-label{font-size:9px}.article-wrap{margin:35px 18px 20px;padding:26px 20px;border-radius:19px}.article-wrap h3{font-size:20px}.article-wrap p,.article-wrap li{font-size:12px;line-height:1.9}.article-wrap .article-intro{font-size:13px}.contact-layout{grid-template-columns:1fr;padding:0 18px;gap:17px}.contact-form-card,.contact-side{padding:24px}.contact-illustration{max-width:260px;margin:auto}.calc-layout{display:flex;flex-direction:column;padding:20px 16px}.calc-column{width:100%}.calc-sidebar{width:100%;order:-1}.calc-card{padding:20px;border-radius:17px;margin-bottom:13px}.calc-card h2{font-size:20px}.result-primary strong{font-size:31px}.paycard-list{grid-template-columns:1fr}.paycard{padding:14px}.paycard-head b{font-size:14px}.paycard-grid span{font-size:11px}.calc-info{margin-top:26px}.calc-hero{padding-bottom:27px}.calc-crumb{font-size:9px}}
@media (max-width:375px){.topbar-action{font-size:9px}.hero-search button{font-size:10px}.home-hero h1{font-size:33px}.category-gallery{gap:8px}.category-info h3{font-size:12px}.directory-tool{padding:12px;min-height:210px}.directory-title h2{font-size:17px}.result-stat{padding:12px}.result-stat b{font-size:12px}}
@media (min-width:701px){.paycard-list{display:none}}
@media (max-width:700px){.salary-table-scroll{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media print{.site-sidebar,.topbar,.site-footer,.hero-backdrop,.calc-submit,.result-actions,.section-link,.mobile-mask{display:none!important}.app-shell{margin-left:0}.main-container{padding:0}.calc-layout{display:block}.calc-card{box-shadow:none;break-inside:avoid}.paycard-list{display:none!important}.salary-table-scroll{display:block!important;overflow:visible}.salary-table{min-width:0}.article-wrap{box-shadow:none}.reveal{opacity:1;transform:none}}

/* -------- OVERTIME / SHIFT CALCULATOR -------- */
.ot-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(275px,.87fr);gap:20px;align-items:center;min-height:365px;padding:49px clamp(24px,4vw,68px);background:radial-gradient(ellipse at 91% 24%,#343b87 0,transparent 44%),linear-gradient(115deg,#101931,#1b2f61 85%);overflow:hidden;color:white}
.ot-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}
.ot-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#bfcef8;margin-bottom:24px}.ot-breadcrumb a:hover{color:#fff}.ot-breadcrumb span:last-child{color:#fff}
.ot-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#a9ffee;font-size:10px;font-weight:850;letter-spacing:.13em}.ot-eyebrow i,.ot-live-dot{width:7px;height:7px;border-radius:50%;background:#48e0bb;box-shadow:0 0 0 5px #48e0bb20}
.ot-hero h1{max-width:650px;font-size:clamp(34px,3.6vw,57px);line-height:1.12;color:#fff;margin:17px 0 17px}.ot-hero h1 em{font-style:normal;background:linear-gradient(90deg,#88f3d7,#9dc7ff);background-clip:text;-webkit-text-fill-color:transparent}.ot-hero p{color:#c7d4f5;font-size:13px;max-width:530px;line-height:1.9}.ot-hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.ot-hero-tags span{border:1px solid #667ba54f;background:#ffffff0c;padding:7px 10px;border-radius:9px;font-size:10px;color:#e3eeff}
.ot-hero-art{position:relative;min-height:290px;display:grid;place-items:center}.ot-art-orbit{position:absolute;border:1px dashed #88d6eb52;border-radius:50%;width:275px;height:275px;animation:ot-spin 38s linear infinite}.ot-art-orbit.orbit-two{width:220px;height:220px;transform:rotate(-35deg);animation-direction:reverse;opacity:.5}.ot-art-clock{position:relative;width:204px;height:204px;border-radius:50%;border:12px solid #e7f6ff;background:radial-gradient(circle at 35% 25%,#fff,#dbebff);box-shadow:0 26px 90px #020a285e,inset 0 0 0 5px #b3ccf5;animation:ot-float 7s ease-in-out infinite;z-index:1}.ot-clock-ticks{position:absolute;inset:0}.ot-clock-ticks span{position:absolute;width:6px;height:17px;background:#3c5a98;border-radius:6px;left:calc(50% - 3px);top:10px}.ot-clock-ticks span:nth-child(2){transform:rotate(90deg);transform-origin:3px 80px}.ot-clock-ticks span:nth-child(3){transform:rotate(180deg);transform-origin:3px 80px}.ot-clock-ticks span:nth-child(4){transform:rotate(270deg);transform-origin:3px 80px}.ot-hand-hour,.ot-hand-minute{position:absolute;bottom:50%;left:calc(50% - 4px);width:8px;height:57px;border-radius:8px;background:#2f56dc;transform-origin:center bottom;transform:rotate(45deg)}.ot-hand-minute{width:5px;left:calc(50% - 2.5px);height:73px;transform:rotate(130deg);background:#27b69d}.ot-art-clock b{position:absolute;top:calc(50% - 9px);left:calc(50% - 9px);width:18px;height:18px;background:#273f94;border:4px solid #fff;border-radius:50%}
.ot-art-ticket{z-index:2;position:absolute;right:-10px;bottom:3px;display:flex;flex-direction:column;gap:1px;border:1px solid #ffffff88;border-radius:18px;padding:17px 23px;background:linear-gradient(135deg,#fff,#dfebff);box-shadow:0 16px 48px #040a2659;transform:rotate(7deg);animation:ot-ticket 5s ease-in-out infinite}.ot-art-ticket small{font-size:9px;letter-spacing:.14em;color:#405e93;font-weight:900}.ot-art-ticket strong{font-size:37px;line-height:1.2;color:#284acc;letter-spacing:-.06em}.ot-art-ticket span{color:#546785;font-size:9px}.ot-art-corner{position:absolute;top:22px;left:18px;border-radius:15px;width:68px;height:68px;background:#2cbeac;color:#fff;transform:rotate(-14deg);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 14px 40px #01081948}.ot-art-corner b{font-size:20px}
@keyframes ot-float{50%{transform:translateY(-12px)}}@keyframes ot-ticket{50%{transform:rotate(2deg) translateY(-11px)}}@keyframes ot-spin{to{transform:rotate(360deg)}}
.ot-workspace{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(295px,.9fr);gap:24px;padding:36px clamp(18px,3.5vw,58px) 0;max-width:1620px;margin:0 auto;align-items:start;min-width:0}.ot-main,.ot-aside{min-width:0}.ot-card,.ot-insight,.ot-source{border:1px solid #e5ebf5;background:#fff;box-shadow:0 12px 32px #20365c08;border-radius:24px;padding:clamp(20px,2.4vw,34px);margin-bottom:21px}.ot-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:25px}.ot-heading-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;background:#e8efff;color:#345cdb;border-radius:15px;font-size:24px;font-weight:900}.ot-heading-icon.teal{background:#e2f9f3;color:#089a81}.ot-heading-icon.purple{background:#efebff;color:#7357db}.ot-card-heading span{font-size:10px;color:#7184aa;font-weight:900;letter-spacing:.11em}.ot-card-heading h2{font-size:clamp(18px,2vw,24px);margin:5px 0 0}.ot-input-grid{row-gap:21px!important}.ot-label{display:block;font-size:12px;color:#263453;font-weight:800;margin-bottom:8px}.ot-label span{font-weight:600;color:#8b95ae}.ot-input-wrap{position:relative;display:flex;min-width:0}.ot-input-wrap input,.ot-input-wrap select{appearance:none;outline:none;width:100%;min-width:0;min-height:51px;border:1.5px solid #dce4f1;border-radius:12px;padding:12px 47px 12px 13px;font-size:14px;font-weight:800;color:#203153;background:#fbfcff;transition:border-color .2s,box-shadow .2s}.ot-input-wrap input:focus,.ot-input-wrap select:focus{border-color:#5b7cff;box-shadow:0 0 0 4px #4965f21d}.ot-input-wrap>b{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:#7d8bb0;pointer-events:none}.ot-input-note{font-size:10px;line-height:1.7;margin:7px 0 0}.ot-divider{height:1px;background:#e8ecf5;margin:28px 0}.ot-week-heading{margin-bottom:10px}.ot-field-help{font-size:12px;line-height:1.8;margin-bottom:20px}.ot-field-help strong{color:#293e67}.ot-weeks{display:grid;gap:11px}.ot-week{background:linear-gradient(135deg,#f8faff,#fff);border:1px solid #e8edf6;border-radius:16px;padding:16px;transition:border-color .2s,background .2s}.ot-week:hover{border-color:#b5c8fb}.ot-week-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ot-week-title strong{color:#1c2b4b;font-size:13px}.ot-week-badge{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e8efff;color:#3558c9;font-size:12px;font-weight:900}.ot-week-indicator{margin-left:auto;font-size:10px;font-weight:800;color:#7c8ba7}.ot-week-indicator.ot-week-positive{color:#257a92}.ot-week-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ot-week-inputs label{color:#667591;font-size:10.5px;font-weight:750}.ot-week-inputs label span{color:#9aa7bb}.ot-week-inputs input{display:block;width:100%;min-width:0;margin-top:6px;min-height:45px;border:1px solid #dae4f1;background:#fff;border-radius:10px;padding:10px 12px;font-size:14px;color:#26375f;font-weight:900}.ot-week-inputs input:focus{outline:2px solid #a2b8ff;outline-offset:1px}.ot-week-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:15px}.ot-week-controls button{border:1px dashed #aac2f0;color:#375acb;background:#eef4ff;border-radius:10px;font-weight:800;font-size:11px;padding:9px 13px}.ot-week-controls button:hover{background:#e5edff}.ot-week-controls button:disabled{opacity:.5;cursor:not-allowed}.ot-week-controls .ot-remove-week{color:#a8445d;background:#fff4f5;border-color:#edb9c5}.ot-week-controls span{margin-left:auto;font-size:10px;color:#8a96ac}.ot-alert{background:#fff1f2;border:1px solid #ffc0c9;padding:12px 15px;border-radius:12px;color:#af2d4b;font-weight:750;font-size:12px;margin-top:20px}.ot-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.ot-calculate{flex:1;min-width:190px;border:0;background:linear-gradient(110deg,#2452df,#496ef4);border-radius:13px;color:#fff;min-height:54px;padding:10px 20px;font-weight:850;font-size:13px;box-shadow:0 12px 25px #2b53d52a;display:flex;align-items:center;justify-content:space-between;gap:16px}.ot-calculate:hover{filter:brightness(1.08)}.ot-calculate span{font-size:20px}.ot-reset{border:1px solid #dce4f2;border-radius:13px;background:#fff;color:#62749a;padding:10px 16px;font-weight:750;font-size:12px}
.ot-aside{position:sticky;top:97px}.ot-result{padding:26px;border-radius:24px;color:white;background:radial-gradient(circle at 100% 0,#5268c4 0,transparent 47%),linear-gradient(145deg,#101b3b,#23376c);box-shadow:0 21px 50px #10204721}.ot-result-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;color:#a6f4df;letter-spacing:.11em;font-weight:850}.ot-result h2{font-size:21px;color:#fff;margin:15px 0 12px}.ot-result-number{font-size:clamp(30px,3vw,42px);font-weight:900;line-height:1.2;white-space:nowrap;letter-spacing:-.055em;color:#fff}.ot-result>p{font-size:11px;color:#b7c9eb;margin:10px 0 22px}.ot-result-breakdown{background:#ffffff0f;border:1px solid #ffffff17;border-radius:15px;padding:7px 14px}.ot-result-breakdown>div,.ot-result-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:11px 0}.ot-result-breakdown>div+div{border-top:1px solid #ffffff16}.ot-result-breakdown span,.ot-result-bottom span{font-size:10px;color:#b7c9ec}.ot-result-breakdown b,.ot-result-bottom strong{font-size:12px;color:#fff;white-space:nowrap}.ot-result-divider{height:1px;background:#ffffff27;margin:19px 0 7px}.ot-result-bottom{padding:8px 0}.ot-result>small{display:block;font-size:9px;color:#9fb2d6;line-height:1.9;margin-top:18px}.ot-insight{position:relative;padding:24px;overflow:hidden}.ot-insight-icon{position:absolute;right:19px;top:8px;color:#dbe4fd;font-size:60px}.ot-insight h3,.ot-source h3{font-size:17px;margin-bottom:10px}.ot-insight p,.ot-source p{font-size:11px;line-height:1.85}.ot-insight a,.ot-source a{display:block;color:#335ad1;font-size:11px;font-weight:850;margin-top:9px}.ot-insight a:hover,.ot-source a:hover{text-decoration:underline}.ot-source{padding:23px}
.ot-legend{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:19px}.ot-legend span{font-size:10px;color:#657491;font-weight:750}.ot-legend i{display:inline-block;height:9px;width:9px;border-radius:3px;margin-right:4px}.ot-legend .is-base,.ot-bar-base{background:#dce8ff}.ot-legend .is-25,.ot-bar-25{background:#66d6c2}.ot-legend .is-50,.ot-bar-50{background:#5775ee}.ot-week-results{display:grid;gap:12px}.ot-week-result{border:1px solid #e8edf6;background:#fbfcff;padding:16px;border-radius:13px}.ot-week-result-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.ot-week-result-heading div{display:flex;flex-direction:column}.ot-week-result-heading span{font-size:9px;color:#8492b0;font-weight:900;letter-spacing:.12em}.ot-week-result-heading strong{font-size:13px;color:#21345f}.ot-week-result-heading b{font-size:13px;color:#2c52c1;white-space:nowrap}.ot-bar{display:flex;width:100%;height:10px;overflow:hidden;background:#edf0f7;border-radius:999px;margin:12px 0 8px}.ot-bar i{display:block;height:100%;transition:width .5s ease}.ot-week-result-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:9.5px;color:#8591a9}.ot-table-wrap{overflow-x:auto;margin-top:23px;border:1px solid #e7ebf3;border-radius:13px}.ot-table{border-collapse:collapse;width:100%;min-width:610px;text-align:left;font-size:11px}.ot-table thead{background:#eef2fb;color:#617195}.ot-table th,.ot-table td{padding:13px 10px;border-bottom:1px solid #e7ebf3;white-space:nowrap}.ot-table tbody tr:last-child th,.ot-table tbody tr:last-child td{border:0}.ot-table tbody th{font-weight:850}.ot-table td strong{color:#2c50c4}.ot-export{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.ot-export button{border:1px solid #e0e8f4;background:#f4f7fd;color:#3653a2;font-size:11px;font-weight:800;border-radius:10px;padding:9px 12px}.ot-export button:hover{background:#e7efff}.ot-content{max-width:1495px;margin:40px clamp(18px,3.5vw,58px) 30px}.ot-content-foot{font-size:11px;color:#8792a8;margin-top:26px}
@media (min-width:1700px){.ot-content{margin-left:auto;margin-right:auto}}
@media (max-width:1150px){.ot-workspace{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:16px}.ot-hero{grid-template-columns:1.1fr .9fr;padding:38px 27px}.ot-art-ticket{right:-6px}.ot-result{padding:20px}.ot-result-number{font-size:30px}}
@media (max-width:900px){.ot-hero{grid-template-columns:1fr .7fr;min-height:330px}.ot-hero-art{transform:scale(.85)}.ot-workspace{grid-template-columns:1fr}.ot-aside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ot-result{grid-row:span 2}.ot-insight,.ot-source{margin-bottom:0}.ot-content{margin:28px 18px}}
@media (max-width:600px){.ot-hero{grid-template-columns:1fr;padding:27px 20px 0;gap:0;overflow:hidden}.ot-breadcrumb{font-size:10px;margin-bottom:17px}.ot-eyebrow{font-size:9px}.ot-hero h1{font-size:clamp(32px,9vw,44px);margin:12px 0}.ot-hero p{font-size:11px}.ot-hero-tags span{font-size:9px}.ot-hero-art{min-height:204px;max-height:204px;transform:scale(.72);transform-origin:top center;margin-bottom:-32px}.ot-art-ticket{right:-55px;bottom:-17px}.ot-art-corner{left:-46px}.ot-workspace{padding:18px 13px 0;gap:0}.ot-card{border-radius:17px;padding:18px 15px;margin-bottom:13px}.ot-card-heading{gap:10px;margin-bottom:19px}.ot-heading-icon{width:41px;height:41px;flex-basis:41px;font-size:21px}.ot-card-heading h2{font-size:18px}.ot-label{font-size:11px}.ot-week{padding:12px}.ot-week-title strong{font-size:12px}.ot-week-indicator{font-size:9px}.ot-week-inputs{gap:9px}.ot-week-inputs label{font-size:9px}.ot-week-inputs input{font-size:13px}.ot-aside{display:flex;flex-direction:column;gap:12px}.ot-result,.ot-insight,.ot-source{margin-bottom:0;border-radius:17px}.ot-result-number{font-size:clamp(29px,8.5vw,40px)}.ot-week-result{padding:12px}.ot-week-result-heading b{font-size:12px}.ot-week-result-foot{font-size:9px}.ot-export button{font-size:10px}.ot-content{margin:23px 13px;border-radius:16px}.ot-table-wrap{display:none}}
@media (max-width:350px){.ot-hero-tags span{padding:6px}.ot-week-indicator{max-width:115px;text-align:right}.ot-week-result-foot{display:block}}
@media (prefers-reduced-motion:reduce){.ot-art-orbit,.ot-art-clock,.ot-art-ticket{animation:none!important}.ot-bar i{transition:none!important}}
@media print{.ot-hero-art,.ot-form-actions,.ot-week-controls,.ot-export,.ot-source,.ot-insight,.ot-content,.ot-input-grid{display:none!important}.ot-hero{min-height:0;background:white!important;color:#172140!important;padding:15px}.ot-hero h1,.ot-hero h1 em{color:#172140!important;-webkit-text-fill-color:#172140}.ot-hero p,.ot-breadcrumb{color:#172140}.ot-workspace{display:block;padding:0}.ot-aside{display:block}.ot-card,.ot-result{background:#fff!important;color:#172140!important;box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}.ot-result *{color:#172140!important}.ot-table-wrap{display:block!important;overflow:visible}.ot-table{min-width:0}.ot-card{margin:10px 0}.ot-result-number{color:#172140}}
/* Homepage: newly released tool */
.ot-home-promo{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:19px;padding:23px 28px;border:1px solid #d8e6fa;background:linear-gradient(110deg,#e9f6ff,#edf6fa 65%,#f7faff);border-radius:21px;box-shadow:0 8px 28px #20345c0c}.ot-home-promo-badge{position:relative;min-height:90px;display:grid;place-items:center;background:linear-gradient(135deg,#334bd5,#09a99f);border-radius:17px;overflow:hidden}.ot-home-promo-badge span{position:absolute;left:6px;top:6px;color:#fff9;font-size:6px;font-weight:900;letter-spacing:.05em}.ot-home-promo-badge strong{font-size:54px;color:white;line-height:1}.ot-home-promo-kicker{color:#1e8184;font-size:10px;letter-spacing:.12em;font-weight:900}.ot-home-promo h3{font-size:clamp(18px,2vw,26px);margin:5px 0 7px}.ot-home-promo h3 em{color:#2958cd;font-style:normal}.ot-home-promo p{font-size:11px;margin:0}.ot-home-promo>a{white-space:nowrap;background:#2456de;color:#fff;padding:14px 19px;border-radius:12px;font-size:11px;font-weight:850}.ot-home-promo>a b{margin-left:7px}
@media(max-width:700px){.ot-home-promo{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:13px;border-radius:16px}.ot-home-promo-badge{min-height:72px}.ot-home-promo-badge strong{font-size:40px}.ot-home-promo h3{font-size:16px}.ot-home-promo p{font-size:10px}.ot-home-promo-kicker{font-size:8px}.ot-home-promo>a{grid-column:1/-1;text-align:center;padding:11px}}

/* V7 · KIDEM VE İHBAR · ÖZGÜN ARAÇ TASARIMI */
.sv-hero{isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);align-items:center;gap:24px;background:radial-gradient(ellipse at 85% 20%,#304fa9 0,transparent 42%),linear-gradient(120deg,#0f1834,#1b2c5c 82%);padding:clamp(36px,5vw,77px) clamp(22px,4.3vw,78px);min-height:430px;color:#fff;overflow:hidden}
.sv-hero-grid{position:absolute;inset:0;z-index:-1;opacity:.36;background-image:linear-gradient(#94b2e81a 1px,transparent 1px),linear-gradient(90deg,#94b2e81a 1px,transparent 1px);background-size:41px 41px;mask-image:linear-gradient(90deg,transparent,#000)}
.sv-crumb{display:flex;gap:11px;flex-wrap:wrap;font-size:11px;margin-bottom:27px;color:#a2b7df}.sv-crumb a{color:#cad8f6}.sv-crumb a:hover{color:#fff}.sv-overline{font-size:10px;letter-spacing:.13em;font-weight:850;color:#b9efdf;display:flex;align-items:center;gap:8px}.sv-overline b{opacity:.6}.sv-live-dot{width:8px;height:8px;border-radius:50%;background:#55e2bc;box-shadow:0 0 0 6px #55e2bc27}
.sv-hero h1{color:#fff;font-weight:900;font-size:clamp(39px,4vw,65px);line-height:1.08;letter-spacing:-.055em;margin:22px 0}.sv-hero h1 span{background:linear-gradient(95deg,#7ceacb,#9bbefc);background-clip:text;-webkit-text-fill-color:transparent}.sv-hero-copy>p{max-width:565px;font-size:14px;line-height:1.95;color:#c9d4ef}.sv-hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.sv-hero-chips span{border:1px solid #ffffff28;background:#ffffff12;color:#e5eefd;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:750}
.sv-visual{height:310px;position:relative;min-width:0;display:grid;place-items:center}.sv-visual-ring{position:absolute;border:1px dashed #79d6de66;width:288px;height:288px;border-radius:50%;animation:sv-spin 35s linear infinite}.sv-visual-ring.ring-two{width:226px;height:226px;animation-direction:reverse;opacity:.55}.sv-visual-card{position:relative;z-index:1;width:245px;height:218px;background:linear-gradient(145deg,#fff,#e2edff);border:1px solid #ffffffd6;border-radius:22px;box-shadow:0 28px 65px #020a3470,0 0 0 9px #ffffff10;transform:rotate(-5deg);animation:sv-float 7s ease-in-out infinite;padding:18px}.sv-visual-card-top{display:flex;align-items:center;gap:8px;color:#233e83}.sv-visual-card-top i{font-size:28px;font-style:normal;background:#dce7ff;border-radius:11px;width:41px;height:41px;display:grid;place-items:center}.sv-visual-card-top span{font-weight:900;font-size:10px;letter-spacing:.06em}.sv-visual-card-top b{margin-left:auto;color:#39ad96;font-size:22px}.sv-visual-bars{display:flex;align-items:flex-end;height:96px;gap:11px;margin:13px 10px 0}.sv-visual-bars i{flex:1;height:var(--h);border-radius:8px 8px 2px 2px;background:linear-gradient(0deg,#3d64de,#70d9c7);box-shadow:inset 0 2px 0 #ffffff45;transform-origin:bottom;animation:sv-grow 1.4s both}.sv-visual-bars i:nth-child(even){animation-delay:.25s}.sv-visual-card-foot{display:flex;align-items:center;justify-content:space-between;margin:8px 0;color:#7686aa;font-size:9px;font-weight:800}.sv-visual-card-foot strong{color:#22ae96}
.sv-float{z-index:2;position:absolute;border:1px solid #ffffffa6;background:#ffffffed;color:#1c2f63;box-shadow:0 16px 40px #04113347;border-radius:14px;backdrop-filter:blur(8px);animation:sv-float 8s ease-in-out infinite}.sv-float-a{padding:13px 17px;right:-9px;top:4px;transform:rotate(5deg)}.sv-float-a small,.sv-float-a span{display:block;font-size:9px;color:#7d8eae}.sv-float-a small{font-weight:850;color:#259c86;letter-spacing:.08em}.sv-float-a b{display:block;font-size:20px;margin:5px 0}.sv-float-b{display:flex;align-items:center;gap:10px;padding:11px 15px;left:0;bottom:4px;animation-delay:-4s}.sv-float-b-icon{width:42px;height:42px;display:grid;place-items:center;background:#dceffe;color:#2d66d1;font-size:30px;border-radius:11px}.sv-float-b small{display:block;color:#7d8eae;font-size:10px}.sv-float-b strong{font-size:17px;color:#223c79}.sv-visual-spark{position:absolute;color:#90e9d4;font-size:36px;animation:sv-pulse 4s ease-in-out infinite}.sv-visual-spark.spark-a{left:8%;top:0}.sv-visual-spark.spark-b{right:8%;bottom:6%}
@keyframes sv-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes sv-spin{to{rotate:360deg}}@keyframes sv-grow{from{scale:1 .1;opacity:.3}to{scale:1 1;opacity:1}}@keyframes sv-pulse{50%{opacity:.25;scale:.65}}
.sv-layout{max-width:1530px;margin:0 auto;padding:34px clamp(16px,3vw,50px) 10px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,.85fr);gap:23px;align-items:start}.sv-left,.sv-right{min-width:0}.sv-card{background:white;border:1px solid #e5ebf5;border-radius:24px;box-shadow:0 14px 38px #182f5b0c;margin-bottom:20px}.sv-form-card,.sv-details{padding:clamp(22px,3vw,38px)}.sv-section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:26px}.sv-step-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#e8eeff;color:#2e59d8;font-weight:900;font-size:18px;flex:0 0 52px}.sv-step-icon.green{background:#dff8f0;color:#1aa485}.sv-section-header>div:last-child>span{display:block;color:#6683d0;font-weight:900;font-size:10px;letter-spacing:.14em}.sv-section-header h2{margin:5px 0 4px;font-weight:850;font-size:23px;letter-spacing:-.035em}.sv-section-header p{margin:0;color:#8592a9;font-size:11px;line-height:1.7}
.sv-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sv-field{min-width:0}.sv-field-full{grid-column:1/-1}.sv-field label,.sv-tax-grid label{display:block;color:#314368;font-size:12px;font-weight:850;margin-bottom:9px}.sv-field label span,.sv-tax-grid label span{font-weight:600;color:#91a0b7}.sv-field>input,.sv-field>select,.sv-input-unit{width:100%;min-width:0;height:51px;background:#f8faff;border:1px solid #dfe7f4;border-radius:12px;padding:0 13px;font-size:13px;color:#1e3053;outline:0;transition:border .18s,box-shadow .18s}.sv-field>input:focus,.sv-field>select:focus,.sv-input-unit:focus-within{border-color:#5d8ae9;box-shadow:0 0 0 4px #3e6ee31c}.sv-field>select{appearance:auto}.sv-field small,.sv-tax-grid small{display:block;font-size:10px;color:#8b99ad;line-height:1.55;margin-top:7px}.sv-input-unit{display:flex;align-items:center;gap:8px;padding-right:15px}.sv-input-unit input{border:0;background:transparent;min-width:0;width:100%;height:100%;outline:0;font-size:13px;color:#1c2d50}.sv-input-unit b{font-size:15px;color:#7792ca}
.sv-subpanel{padding:20px;background:linear-gradient(120deg,#f2f7ff,#f5fbff);border:1px solid #e0eafa;border-radius:17px;margin-top:24px;transition:opacity .2s}.sv-subpanel.sv-disabled{opacity:.6}.sv-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.sv-subhead span{font-size:10px;letter-spacing:.11em;font-weight:900;color:#5675c0}.sv-subhead strong{display:block;font-size:16px;margin-top:4px;color:#1d335f}.sv-subicon{font-size:26px!important;color:#547fd3}.sv-radio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sv-radio{position:relative;cursor:pointer}.sv-radio input{position:absolute;left:12px;top:16px;accent-color:#345fe1;width:17px;height:17px}.sv-radio>span{display:block;min-height:78px;background:white;border:1px solid #dfe6f3;border-radius:12px;padding:13px 12px 12px 39px}.sv-radio input:checked+span{border-color:#5f85e9;box-shadow:0 0 0 2px #4874e52b}.sv-radio input:focus-visible+span{outline:3px solid #5b83f5}.sv-radio b{display:block;font-size:12px;color:#2e426e}.sv-radio small{display:block;color:#8e9cb2;font-size:10px;line-height:1.5;margin-top:3px}.sv-subnote{font-size:10px;color:#7d8fac;line-height:1.7;margin:12px 0 0}.sv-tax-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:21px;align-items:stretch}.sv-info-chip{background:#132959;border-radius:15px;padding:15px 18px;display:flex;flex-direction:column;justify-content:center}.sv-info-chip span{font-size:9px;letter-spacing:.1em;font-weight:850;color:#91d8c9}.sv-info-chip strong{font-size:23px;color:#fff;margin:5px 0}.sv-info-chip small{color:#bdd0ef;font-size:10px;margin:0}.sv-form-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.sv-primary{border:0;min-height:55px;padding:12px 20px;border-radius:13px;background:linear-gradient(120deg,#2454e5,#5374ec);box-shadow:0 12px 27px #2d5ce02d;display:flex;justify-content:space-between;gap:19px;align-items:center;color:#fff;font-size:13px;font-weight:850;flex:1}.sv-primary span{font-size:21px}.sv-primary:hover{filter:brightness(1.08)}.sv-secondary{border:1px solid #dde6f3;background:#fff;color:#6b7996;border-radius:13px;padding:11px 18px;font-size:12px;font-weight:800}.sv-error{border:1px solid #fdc1cb;background:#fff2f3;color:#ad2341;padding:12px 15px;border-radius:12px;font-size:12px;margin-top:18px;font-weight:750}
.sv-right{position:sticky;top:90px}.sv-outcome{isolation:isolate;position:relative;overflow:hidden;color:#fff;border-radius:23px;background:radial-gradient(circle at 100% 2%,#405dc3 0,transparent 40%),linear-gradient(138deg,#131e3e,#253d7c);padding:27px;box-shadow:0 23px 55px #1b337a24;margin-bottom:16px}.sv-outcome-top{display:flex;justify-content:space-between;gap:12px;color:#a2edcd;font-weight:850;letter-spacing:.11em;font-size:10px}.sv-outcome-top i{display:inline-block;width:7px;height:7px;background:#56e7a9;border-radius:50%;margin-right:5px}.sv-outcome-top>span+span{color:#c2d4ff}.sv-outcome-caption{display:block;color:#c6d3ee;font-size:12px;margin:26px 0 7px}.sv-outcome>strong{font-size:clamp(31px,3vw,46px);font-weight:900;letter-spacing:-.05em;color:#fff;overflow-wrap:anywhere;line-height:1.18}.sv-outcome>p{color:#c1d0ed;font-size:11px;line-height:1.75;margin:17px 0 0;position:relative;z-index:1}.sv-outcome-orb{position:absolute;width:180px;height:180px;right:-75px;top:52px;border-radius:50%;border:28px solid #ffffff0c;pointer-events:none}.sv-outcome-divider{height:1px;background:#ffffff29;margin:21px 0 12px}.sv-outcome-line{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0}.sv-outcome-line span{font-size:11px;color:#c5d2ef}.sv-outcome-line b{font-size:13px;color:#fff;white-space:nowrap}.sv-outcome-status{margin-top:17px;background:#ffffff12;border:1px solid #ffffff18;padding:11px;border-radius:11px;color:#b8f4d7;font-size:10px;line-height:1.5}.sv-side-card{background:#fff;border:1px solid #e5ebf5;border-radius:19px;padding:23px;margin-bottom:15px}.sv-side-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e2f6ee;color:#1ca981;font-size:26px;margin-bottom:16px}.sv-side-icon.alt{background:#e8effe;color:#3765d8}.sv-side-card h3{font-size:17px;color:#20345b;font-weight:850;margin:0 0 9px}.sv-side-card p{font-size:11px;line-height:1.85;color:#74809b;margin:0}.sv-source-card a{display:block;color:#3764d5;font-size:11px;font-weight:850;margin-top:13px;line-height:1.5}.sv-source-card a:hover{text-decoration:underline}
.sv-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sv-detail-item{background:#f8faff;border:1px solid #e7edf9;border-radius:13px;padding:17px;min-width:0}.sv-detail-item>span{display:block;color:#7586a7;font-size:11px}.sv-detail-item>strong{display:block;margin:7px 0 4px;font-size:18px;color:#29477d;overflow-wrap:anywhere}.sv-detail-item>small{display:block;color:#98a4b8;font-size:10px;line-height:1.4}.sv-breakdown{overflow:hidden;margin-top:25px;border:1px solid #e6edf6;border-radius:14px}.sv-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid #eaf0f8}.sv-breakdown>div:last-child{border-bottom:0}.sv-breakdown>div span{font-size:11px;color:#647492}.sv-breakdown>div strong{font-size:12px;color:#253d6c;white-space:nowrap}.sv-breakdown>div.sv-breakdown-head{background:#f1f5fc;padding:11px 16px}.sv-breakdown-head span{color:#7286b5!important;font-size:9px!important;font-weight:900;letter-spacing:.1em}.sv-negative{color:#bb4c65!important}.sv-breakdown>div.sv-breakdown-accent{background:#edf9f5}.sv-breakdown-accent span,.sv-breakdown-accent strong{color:#158467!important;font-weight:850}.sv-summary-banner{margin-top:20px;background:linear-gradient(120deg,#183361,#3157ba);border-radius:15px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;color:white}.sv-summary-banner span{color:#aadfcf;font-size:10px;letter-spacing:.1em;font-weight:850}.sv-summary-banner strong{display:block;font-size:clamp(26px,3vw,37px);color:white;margin-top:6px;overflow-wrap:anywhere}.sv-summary-banner>span{font-size:36px}.sv-action-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.sv-action-row button{border:1px solid #d9e3f4;background:#f6f9ff;color:#3157b3;border-radius:10px;padding:11px 14px;font-size:11px;font-weight:850}.sv-action-row button:hover{background:#e7efff}.sv-guide{margin-top:35px}.sv-updated{border-top:1px solid #e6ecf7;padding-top:20px;font-size:11px!important;color:#8b97ab!important}
.sv-home-feature{position:relative;overflow:hidden;display:flex;align-items:center;gap:23px;margin-top:16px;background:linear-gradient(105deg,#101f45,#264582);border-radius:20px;padding:22px 25px;color:white;box-shadow:0 13px 37px #142d7024}.sv-home-feature:hover{color:white;box-shadow:0 18px 44px #142d7044;transform:translateY(-2px)}.sv-home-number{font-weight:900;font-size:35px;color:#8fe4ce;line-height:1;white-space:nowrap}.sv-home-number small{display:block;font-size:9px;letter-spacing:.11em;color:#afc8f3;margin-top:6px}.sv-home-copy{flex:1}.sv-home-copy strong{font-size:clamp(16px,2.5vw,25px);display:block}.sv-home-copy em{font-style:normal;color:#8fe4ce}.sv-home-copy small{display:block;color:#bfd1ee;font-size:11px;margin-top:6px}.sv-home-art{position:absolute;right:132px;top:-30px;height:180px;width:180px;border:1px solid #ffffff1e;display:grid;place-items:center;border-radius:50%;pointer-events:none}.sv-home-art i{font-size:86px;font-style:normal;color:#ffffff19}.sv-home-art b{position:absolute;color:#ffffff50;font-size:38px;top:3px;right:13px;animation:sv-float 6s infinite}.sv-home-cta{z-index:1;white-space:nowrap;background:white;color:#2b50a8;padding:13px 17px;font-size:11px;font-weight:900;border-radius:11px}
@media(max-width:1180px){.sv-hero{grid-template-columns:1fr .82fr;padding:39px 29px}.sv-visual{scale:.88}.sv-layout{grid-template-columns:minmax(0,1fr) minmax(255px,.8fr);gap:15px;padding-inline:18px}.sv-outcome{padding:21px}.sv-outcome>strong{font-size:33px}}
@media(max-width:940px){.sv-hero{grid-template-columns:1fr .65fr}.sv-visual{scale:.75}.sv-layout{grid-template-columns:1fr}.sv-right{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sv-outcome{grid-row:span 2;margin-bottom:0}.sv-side-card{margin-bottom:0}}
@media(max-width:680px){.sv-hero{grid-template-columns:1fr;padding:31px 19px 0;gap:0}.sv-crumb{font-size:10px;margin-bottom:20px}.sv-overline{font-size:9px}.sv-hero h1{font-size:clamp(34px,9vw,47px);margin:15px 0}.sv-hero-copy>p{font-size:12px;line-height:1.85}.sv-hero-chips{margin-top:17px;gap:7px}.sv-hero-chips span{font-size:9px;padding:7px 8px}.sv-visual{height:225px;scale:.73;margin:-8px auto -8px;width:min(100%,380px);transform-origin:center center}.sv-layout{padding:16px 12px 0;gap:0}.sv-card{border-radius:17px;margin-bottom:13px}.sv-form-card,.sv-details{padding:19px 16px}.sv-section-header{gap:11px;margin-bottom:20px}.sv-step-icon{width:43px;height:43px;flex:0 0 43px;font-size:14px}.sv-section-header h2{font-size:19px}.sv-section-header p{font-size:10px}.sv-fields{gap:13px}.sv-field label,.sv-tax-grid label{font-size:11px}.sv-field>input,.sv-field>select,.sv-input-unit{height:47px}.sv-field small,.sv-tax-grid small{font-size:9px}.sv-subpanel{padding:14px;margin-top:20px}.sv-subhead strong{font-size:14px}.sv-radio>span{padding:11px 8px 11px 31px;min-height:91px}.sv-radio input{left:9px;top:12px;width:14px;height:14px}.sv-radio b{font-size:11px}.sv-radio small{font-size:9px}.sv-tax-grid{gap:10px}.sv-info-chip{padding:12px}.sv-info-chip strong{font-size:17px}.sv-info-chip span{font-size:8px}.sv-form-buttons{margin-top:20px}.sv-right{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.sv-outcome,.sv-side-card{width:100%;margin:0;border-radius:17px}.sv-outcome>strong{font-size:clamp(31px,9vw,42px)}.sv-detail-grid{gap:8px}.sv-detail-item{padding:12px}.sv-detail-item>span{font-size:10px}.sv-detail-item>strong{font-size:13px}.sv-detail-item>small{font-size:9px}.sv-breakdown>div{padding:12px 10px}.sv-breakdown>div span{font-size:10px;max-width:55%}.sv-breakdown>div strong{font-size:11px}.sv-summary-banner{padding:16px}.sv-summary-banner strong{font-size:25px}.sv-guide{margin-top:15px}.sv-home-feature{display:grid;grid-template-columns:46px minmax(0,1fr);gap:11px;margin-top:12px;padding:17px}.sv-home-number{font-size:29px}.sv-home-number small{font-size:7px}.sv-home-copy strong{font-size:17px}.sv-home-copy small{font-size:10px}.sv-home-cta{grid-column:1/-1;text-align:center}.sv-home-art{right:-45px}}
@media(max-width:360px){.sv-fields{grid-template-columns:1fr}.sv-field-full{grid-column:auto}.sv-visual{scale:.63;margin-inline:-25px}.sv-radio-grid{grid-template-columns:1fr}.sv-radio>span{min-height:62px}.sv-tax-grid{grid-template-columns:1fr}.sv-overline{font-size:8px}.sv-outcome-line b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sv-visual-ring,.sv-visual-card,.sv-float,.sv-visual-spark,.sv-visual-bars i,.sv-home-art b{animation:none!important}}
@media print{.sv-visual,.sv-hero-grid,.sv-hero-chips,.sv-form-buttons,.sv-action-row,.sv-side-card,.sv-guide,.sv-source-card{display:none!important}.sv-hero{display:block;min-height:0;padding:10px;background:white!important;color:#142348!important}.sv-hero h1,.sv-hero h1 span,.sv-hero p,.sv-crumb,.sv-overline{color:#142348!important;-webkit-text-fill-color:#142348!important}.sv-layout{display:block;padding:10px}.sv-card,.sv-outcome{break-inside:avoid;box-shadow:none;border:1px solid #b8b8b8;color:#142348!important;background:white!important}.sv-right{display:block;position:static}.sv-outcome *,.sv-summary-banner *{color:#142348!important}.sv-summary-banner{background:#eee!important}.sv-form-card{display:none!important}.sv-details{display:block}.sv-outcome{display:block}}

.sv-example-note{background:#f1faf7;border:1px solid #d4eee4;border-radius:12px;padding:10px 13px;margin:0 0 22px;color:#3b7969;font-size:11px;line-height:1.6}.sv-example-note span{margin-right:8px;color:#1baf8a;font-size:15px}

/* V8 — Yıllık izin hesabı: editoryal sayfa + canlı takvim görseli */
.lv-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);align-items:center;min-height:405px;overflow:hidden;border-radius:24px;margin:20px 22px 0;background:linear-gradient(125deg,#121e43 0%,#213d7f 54%,#2b62a5 100%);isolation:isolate}
.lv-hero-mesh{position:absolute;inset:0;opacity:.25;z-index:-1;background-image:linear-gradient(90deg,#ffffff1e 1px,transparent 1px),linear-gradient(#ffffff1e 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to right,transparent,#000)}
.lv-copy{padding:48px 18px 53px 52px;position:relative;z-index:3}.lv-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:#b3cbf6;font-size:11px;margin-bottom:23px}.lv-breadcrumb a{color:inherit}.lv-breadcrumb a:hover{color:white;text-decoration:underline}.lv-breadcrumb span:last-child{color:#fff}.lv-eyebrow{display:inline-flex;gap:9px;align-items:center;letter-spacing:.14em;font-weight:850;font-size:10px;color:#c7f8e1}.lv-eyebrow>span{display:block;width:8px;height:8px;border-radius:50%;background:#77f0b9;box-shadow:0 0 0 6px #7beaba20}
.lv-copy h1{font-size:clamp(35px,4.3vw,60px);letter-spacing:-.055em;line-height:1.08;color:white;margin:16px 0 20px}.lv-copy h1 em{font-style:normal;color:#92f2c7}.lv-copy>p{font-size:13px;line-height:1.9;color:#d2def8;max-width:475px;margin-bottom:21px}.lv-badges{display:flex;flex-wrap:wrap;gap:9px}.lv-badges span{border:1px solid #ffffff30;border-radius:22px;padding:7px 11px;background:#ffffff13;color:#e8f5ff;font-size:10px;font-weight:750}
.lv-hero-art{position:relative;width:100%;height:385px;overflow:hidden;display:grid;place-items:center}.lv-sun{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#93fff452,#93fff40c 65%,transparent 72%);filter:blur(4px)}.lv-art-halo{position:absolute;border:1px solid #c5f9ff3d;border-radius:50%;width:355px;height:355px;transform:rotate(-15deg)}.lv-art-halo.halo-two{width:460px;height:460px;opacity:.5;border-style:dashed;animation:lv-spin 60s linear infinite}
.lv-illustration{position:relative;width:269px;min-height:282px;border:1px solid #dcefff;background:#fff;border-radius:22px;box-shadow:0 24px 70px #07132b75,0 0 0 8px #ffffff13;transform:rotate(-6deg);animation:lv-float 6s ease-in-out infinite;z-index:2;overflow:hidden}.lv-calendar-head{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#dff7fa;color:#234c72;font-size:11px;font-weight:900;letter-spacing:.09em}.lv-calendar-head>span:first-child{display:flex;gap:8px}.lv-calendar-head i{display:block;width:10px;height:18px;border:3px solid #4491d6;border-radius:5px;transform:translateY(-24px);background:#fff}.lv-cal-sun{font-size:23px;color:#e2b64f}.lv-cal-month{text-align:center;color:#8a9eb8;letter-spacing:.15em;font-size:8px;font-weight:900;padding:15px 0 6px}.lv-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:5px 19px 12px}.lv-calendar-grid span{text-align:center;font-size:9px;font-weight:900;color:#98a5b8}.lv-calendar-grid i{display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800;color:#315077;border-radius:8px;height:26px}.lv-calendar-grid i.lv-selected{background:#4261ef;color:#fff;box-shadow:0 4px 8px #4261ef20}.lv-calendar-grid i.lv-free{background:#ecf1f5;color:#b3c1cf}.lv-illustration-footer{border-top:1px solid #ebf1f7;display:flex;align-items:center;justify-content:space-between;margin:1px 17px;padding:13px 1px}.lv-illustration-footer div:first-child{display:flex;flex-direction:column}.lv-illustration-footer span{font-size:8px;font-weight:900;letter-spacing:.13em;color:#95a4b9}.lv-illustration-footer b{font-size:17px;color:#254979;letter-spacing:.04em}.lv-illustration-tick{background:#24b18d;color:white;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.lv-floating-note{position:absolute;right:3%;bottom:40px;z-index:4;display:flex;align-items:center;gap:9px;border-radius:14px;padding:11px 17px;background:#fff;box-shadow:0 14px 42px #03113455;animation:lv-float 6s ease-in-out -2s infinite}.lv-floating-note small,.lv-floating-note b{display:block;line-height:1.3}.lv-floating-note small{color:#8291aa;font-size:9px}.lv-floating-note b{font-size:11px;color:#244065}.lv-note-icon{background:#e2fff3;border-radius:10px;padding:5px 12px;color:#19a687;font-size:22px}.lv-spark{position:absolute;color:#a5f9ea;font-size:30px;animation:lv-twinkle 2.8s ease-in-out infinite}.lv-spark.spark1{top:18px;right:18%}.lv-spark.spark2{bottom:17px;left:12%;font-size:18px;animation-delay:-1s}
@keyframes lv-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes lv-spin{to{rotate:360deg}}@keyframes lv-twinkle{0%,100%{opacity:.35;scale:.8}50%{opacity:1;scale:1.1}}
.lv-layout{max-width:1450px;display:grid;grid-template-columns:minmax(0,1fr) minmax(242px,285px);gap:22px;margin:28px auto;padding:0 22px;align-items:start;min-width:0}.lv-content{min-width:0}.lv-panel{background:#fff;border-radius:22px;border:1px solid #e3eaf4;box-shadow:0 10px 35px #243e7610;padding:28px;margin-bottom:22px;min-width:0}.lv-section-title{display:flex;gap:16px;align-items:flex-start;margin-bottom:27px}.lv-step{border-radius:14px;display:grid;place-items:center;flex:0 0 52px;height:52px;background:#e9efff;color:#2c59d3;font-weight:900;font-size:15px}.lv-step.alt{background:#d9f9ee;color:#159f81}.lv-kicker{color:#4c78c7;font-size:9px;font-weight:900;letter-spacing:.13em}.lv-section-title h2{font-size:clamp(19px,2.5vw,25px);margin:6px 0}.lv-section-title p{font-size:12px;color:#8490a6;margin:0}.lv-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.lv-field{min-width:0}.lv-field label{display:block;font-size:12px;color:#263c61;font-weight:850;margin-bottom:8px}.lv-field label sup{color:#ec6277;font-size:12px}.lv-field label span{font-weight:650;font-size:10px;color:#929eb2}.lv-field input,.lv-field select{display:block;width:100%;max-width:100%;min-width:0;height:50px;border:1px solid #dce4f1;border-radius:12px;padding:12px 15px;color:#20365b;background:white;outline:none;font-size:14px;font-weight:720;color-scheme:light}.lv-field input:focus,.lv-field select:focus{border-color:#446feb;box-shadow:0 0 0 3px #426ff120}.lv-field small{display:block;color:#99a5b6;font-size:10px;line-height:1.5;margin-top:7px}.lv-number-wrap{position:relative}.lv-number-wrap input{padding-right:59px}.lv-number-wrap b{position:absolute;top:12px;right:14px;font-size:12px;color:#8797ac;font-weight:750}.lv-notice{display:flex;gap:10px;padding:15px 16px;margin-top:24px;border-radius:12px}.lv-notice-soft{border:1px solid #d9edf2;background:#f2fafc}.lv-notice span{font-size:20px;color:#2987ab;line-height:1}.lv-notice p{font-size:11px;line-height:1.75;color:#587487;margin:0}.lv-notice strong{color:#305a73}.lv-form-actions{display:flex;gap:10px;margin-top:20px}.lv-form-actions button{border-radius:11px;padding:13px 21px;font-size:12px;font-weight:900;min-height:46px}.lv-primary{border:1px solid #3b65ed;color:#fff;background:linear-gradient(120deg,#3c69ef,#254dd6);box-shadow:0 10px 22px #365fe72b;flex:1}.lv-primary:hover{filter:brightness(1.08)}.lv-primary span{margin-left:12px}.lv-secondary{border:1px solid #dfe7f4;background:#f6f8fc;color:#617390}.lv-secondary:hover{background:#e9edf7}.lv-error{margin-top:13px;padding:12px;background:#fff1f2;border:1px solid #f8cbd1;border-radius:10px;color:#bd2c48;font-size:12px;font-weight:750}
.lv-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lv-stat{position:relative;overflow:hidden;border-radius:14px;padding:20px;min-height:139px;display:flex;flex-direction:column;justify-content:center;min-width:0}.lv-stat span{font-size:11px;font-weight:800;opacity:.88}.lv-stat strong{font-size:clamp(24px,3vw,35px);line-height:1.25;font-weight:900;margin:8px 0 7px;letter-spacing:-.05em;overflow-wrap:anywhere}.lv-stat small{font-size:10px;opacity:.77}.lv-stat.navy{background:linear-gradient(120deg,#193166,#3459a3);color:#fff}.lv-stat.mint{background:linear-gradient(120deg,#147a78,#1bb995);color:#fff}.lv-stat.light{border:1px solid #e8eef8;background:#f6f9fd;color:#2a456a}.lv-stat-flare{position:absolute;font-size:100px;right:-13px;top:-25px;color:#ffffff12;pointer-events:none}.lv-progress-wrap{margin:25px 0 22px}.lv-progress-top,.lv-progress-foot{display:flex;justify-content:space-between;gap:8px;align-items:center}.lv-progress-top{font-size:11px;color:#526580;font-weight:800}.lv-progress-top strong{font-size:13px;color:#254a9c}.lv-track{height:13px;background:#e9eef7;border-radius:20px;overflow:hidden;margin:10px 0}.lv-track>span{display:block;background:linear-gradient(90deg,#326df1,#3ecdb0);height:100%;width:0;transition:width .8s cubic-bezier(.2,.6,.2,1);border-radius:inherit}.lv-progress-foot{font-size:10px;color:#7e8da6}.lv-key-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e4eaf4;border-radius:13px;overflow:hidden}.lv-key-numbers>div{min-width:0;padding:15px 13px;background:#fbfcff;border-right:1px solid #e4eaf4}.lv-key-numbers>div:last-child{border:0}.lv-key-numbers span{display:block;color:#91a0b9;font-size:10px;line-height:1.5}.lv-key-numbers b{display:block;color:#254064;font-size:13px;margin-top:5px;overflow-wrap:anywhere}.lv-guidance{border:1px solid #e7eef9;background:#f8fbff;margin-top:19px;border-radius:12px;padding:13px 17px}.lv-guidance p{font-size:11px;color:#607895;line-height:1.7;margin:5px 0}.lv-table-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:27px 0 17px}.lv-table-head span:first-child{color:#4173d5;font-size:9px;letter-spacing:.12em;font-weight:900}.lv-table-head h3{font-size:17px;margin:5px 0}.lv-table-head p{font-size:11px;margin:0}.lv-table-head .lv-row-count{white-space:nowrap;background:#edf3ff;color:#4065be;font-size:10px;font-weight:850;border-radius:30px;padding:7px 10px}.lv-table-scroll{max-width:100%;width:100%;overflow-x:auto;border:1px solid #e1e9f5;border-radius:13px;scrollbar-width:thin}.lv-table{width:100%;border-collapse:collapse;min-width:545px;font-size:11px}.lv-table thead th{background:#edf3fd;font-size:10px;color:#5b7095;white-space:nowrap;text-align:left;padding:12px 13px}.lv-table tbody td{padding:12px 13px;border-top:1px solid #edf1f8;color:#30496f;white-space:nowrap}.lv-table tbody tr:nth-child(even){background:#f9fbfe}.lv-table td:nth-child(4),.lv-table td:nth-child(5){font-weight:900;color:#2b62bd}.lv-table .lv-empty-row{white-space:normal;text-align:center;padding:28px;color:#8593aa;font-size:12px}.lv-footnote{font-size:10px;color:#8593ad;line-height:1.7;margin-top:10px}.lv-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.lv-toolbar button{border:1px solid #dce6f5;background:#f4f8ff;color:#315fba;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:850;min-height:42px}.lv-toolbar button:hover{background:#e7f0fe}.lv-results[hidden],.lv-error[hidden]{display:none!important}
.lv-aside{position:sticky;top:92px;min-width:0}.lv-aside-card{background:#fff;border:1px solid #e4eaf3;border-radius:17px;padding:22px;margin-bottom:15px}.lv-aside-main{background:linear-gradient(145deg,#1a2d61,#1c456e);color:#fff;overflow:hidden;position:relative}.lv-aside-eyebrow{display:flex;gap:8px;align-items:center;letter-spacing:.13em;color:#a0f7ce;font-size:9px;font-weight:900}.lv-aside-eyebrow i{display:block;background:#94f3c0;width:7px;height:7px;border-radius:50%}.lv-aside-main h2{color:#fff;font-size:27px;line-height:1.2;margin:15px 0 22px}.lv-rule-row{display:flex;align-items:center;gap:11px;border-top:1px solid #ffffff24;padding:13px 0}.lv-rule-row>b{display:grid;place-items:center;flex:0 0 52px;height:49px;background:#ffffff19;border:1px solid #ffffff24;border-radius:12px;font-size:12px;color:#a6f5d4}.lv-rule-row>div{flex:1}.lv-rule-row strong{display:block;font-size:22px;color:#fff;line-height:1.1}.lv-rule-row span{color:#bdd3e9;font-size:9px}.lv-rule-row>span:last-child{font-size:18px;color:#b6f5d9}.lv-aside-emphasis{margin-top:14px;background:#ffffff16;border-radius:12px;padding:15px;display:flex;gap:10px}.lv-aside-emphasis>span{color:#a7ffe1;font-size:22px}.lv-aside-emphasis p{font-size:11px;color:#d1e4ed;margin:0;line-height:1.8}.lv-aside-emphasis b{color:#fff}.lv-mini-icon{height:42px;width:42px;background:#e6f9f1;color:#0ea681;display:grid;place-items:center;border-radius:12px;font-size:23px;margin-bottom:14px}.lv-mini-icon.lilac{color:#6a63dc;background:#eeeaff}.lv-aside-card h3{font-size:17px;color:#273e60;margin-bottom:10px}.lv-aside-card p{color:#7a8ba5;font-size:11px;line-height:1.85;margin:0}.lv-aside-card a{display:block;margin-top:15px;font-size:11px;color:#3365cc;font-weight:850;line-height:1.5}.lv-aside-card a:hover{text-decoration:underline}.lv-guide{margin:28px auto 0}.lv-source-end{padding:18px;border:1px solid #e1e8f4;background:#f7faff;border-radius:14px;margin:24px 0}.lv-source-end strong{font-size:12px;color:#2e5182}.lv-source-end p{font-size:12px;margin:8px 0 0}.lv-faq{margin:24px 0}.lv-faq .accordion-item{border-color:#e4ebf5}.lv-faq .accordion-button{font-size:13px;font-weight:850;color:#254569}.lv-faq .accordion-button:not(.collapsed){background:#ecf4ff;box-shadow:none}.lv-faq .accordion-body{font-size:13px;line-height:1.8;color:#647895}
@media(max-width:1200px){.lv-hero{margin-inline:15px}.lv-layout{padding:0 15px;gap:15px;grid-template-columns:minmax(0,1fr) minmax(235px,260px)}.lv-copy{padding:36px 10px 40px 35px}.lv-hero-art{scale:.86}}
@media(max-width:1020px){.lv-hero{grid-template-columns:1fr minmax(265px,.73fr)}.lv-copy{padding:31px 8px 37px 27px}.lv-copy h1{font-size:clamp(32px,4vw,48px)}.lv-hero-art{scale:.78}.lv-layout{grid-template-columns:minmax(0,1fr)}.lv-aside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.lv-aside-card{margin:0}.lv-aside-main{grid-row:span 2}}
@media(max-width:700px){.lv-hero{grid-template-columns:1fr;margin:12px 10px 0;border-radius:20px}.lv-copy{padding:27px 22px 6px}.lv-breadcrumb{font-size:10px;margin-bottom:17px}.lv-copy h1{font-size:clamp(32px,9vw,47px);margin:16px 0}.lv-copy>p{font-size:12px}.lv-eyebrow{font-size:9px;letter-spacing:.09em}.lv-badges span{font-size:9px}.lv-hero-art{height:276px;scale:.76;margin:-15px auto -15px}.lv-layout{padding:0 10px;margin:16px auto;gap:0}.lv-panel{padding:20px 15px;margin-bottom:15px;border-radius:16px}.lv-section-title{gap:11px;margin-bottom:20px}.lv-step{height:42px;flex-basis:42px}.lv-section-title h2{font-size:19px}.lv-section-title p{font-size:10px}.lv-fields{gap:16px 10px}.lv-field label{font-size:11px}.lv-field input,.lv-field select{height:46px;font-size:12px;padding-inline:11px}.lv-field small{font-size:9px}.lv-number-wrap b{font-size:10px}.lv-stat{min-height:125px;padding:13px}.lv-stat strong{font-size:clamp(19px,6vw,26px)}.lv-stat span{font-size:10px}.lv-stat small{font-size:9px}.lv-key-numbers>div{padding:11px 7px}.lv-key-numbers span{font-size:9px}.lv-key-numbers b{font-size:11px}.lv-table-head h3{font-size:15px}.lv-table-head p{font-size:10px}.lv-aside{display:flex;flex-direction:column;gap:12px}.lv-aside-card{width:100%}}
@media(max-width:420px){.lv-fields{grid-template-columns:1fr}.lv-hero-art{scale:.66;height:256px;margin:-26px auto -24px}.lv-floating-note{right:0}.lv-copy h1{font-size:35px}.lv-key-numbers{grid-template-columns:1fr}.lv-key-numbers>div{border-right:0;border-bottom:1px solid #e4eaf4;padding:10px 13px}.lv-key-numbers>div:last-child{border:0}.lv-stat-grid{gap:8px}.lv-stat{padding:11px}.lv-stat strong{font-size:21px}.lv-form-actions button{padding:12px 14px}.lv-table-head{align-items:flex-start}.lv-table-head .lv-row-count{font-size:9px}}
@media(prefers-reduced-motion:reduce){.lv-illustration,.lv-art-halo.halo-two,.lv-floating-note,.lv-spark{animation:none!important}.lv-track>span{transition:none!important}}
@media print{.lv-hero-art,.lv-badges,.lv-aside,.lv-form-panel,.lv-guide,.lv-toolbar,.lv-progress-wrap,.lv-hero-mesh{display:none!important}.lv-hero{display:block;min-height:0;padding:4px;background:white!important;border:0;margin:0}.lv-copy{padding:5px}.lv-copy h1,.lv-copy h1 em,.lv-copy p,.lv-breadcrumb,.lv-breadcrumb span{color:#152847!important}.lv-layout{display:block;padding:0}.lv-panel{box-shadow:none;border:1px solid #aaa;padding:14px}.lv-results{display:block}.lv-stat{print-color-adjust:exact;-webkit-print-color-adjust:exact}.lv-table-scroll{overflow:visible}.lv-table{min-width:0}.lv-table th,.lv-table td{font-size:9px!important;padding:6px!important}.lv-table tbody tr{break-inside:avoid}}

/* Homepage V8 invitation tile */
.lv-home-promo{position:relative;display:flex;align-items:center;gap:23px;min-height:118px;padding:19px 25px;margin-top:14px;overflow:hidden;border:1px solid #bfe5f0;background:linear-gradient(105deg,#d4f7ee 0%,#e3f5fd 55%,#dbe5ff 100%);color:#1d4362;border-radius:18px;box-shadow:0 12px 25px #194b7020;transition:transform .2s,box-shadow .2s}.lv-home-promo:hover{transform:translateY(-3px);box-shadow:0 20px 33px #194b7033;color:#153c5b}.lv-home-index{display:block;flex:0 0 70px;color:#247a84;font-size:36px;font-weight:900;line-height:1}.lv-home-index small{display:block;font-size:9px;letter-spacing:.05em;margin-top:5px}.lv-home-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.lv-home-text>small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#3d8592}.lv-home-text strong{font-size:clamp(18px,2.7vw,27px);line-height:1.3;letter-spacing:-.03em}.lv-home-text strong em{font-style:normal;color:#1b9b88}.lv-home-text>span{font-size:11px;color:#588093}.lv-home-drawing{position:absolute;right:195px;top:-17px;width:140px;height:145px;border:1px solid #47a5a430;border-radius:50%;display:grid;place-items:center;pointer-events:none;transform:rotate(-15deg)}.lv-home-drawing i{font-style:normal;font-size:68px;color:#2aa6a52b}.lv-home-drawing b{position:absolute;top:22px;right:1px;background:#24b394;color:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;animation:lv-float 4s ease-in-out infinite}.lv-home-action{white-space:nowrap;z-index:1;background:#1e466b;color:#fff;border-radius:10px;padding:13px 17px;font-size:11px;font-weight:900}.lv-home-promo:hover .lv-home-action{background:#1b9b88}
@media(max-width:700px){.lv-home-promo{display:grid;grid-template-columns:51px minmax(0,1fr);gap:9px;padding:17px}.lv-home-index{font-size:29px}.lv-home-index small{font-size:7px}.lv-home-text strong{font-size:17px}.lv-home-text>small{font-size:8px}.lv-home-text>span{font-size:10px}.lv-home-action{grid-column:1/-1;text-align:center}.lv-home-drawing{right:-36px}}
@media(prefers-reduced-motion:reduce){.lv-home-drawing b{animation:none!important}}

/* ====================================================================
   V9 · İşsizlik ödeneği · visual system
   All selectors prefixed to avoid affecting earlier calculators.
   ==================================================================== */
.ub-hero{position:relative;isolation:isolate;overflow:hidden;margin:20px 24px 0;border-radius:29px;min-height:430px;padding:27px 45px 16px;background:radial-gradient(ellipse at 85% 40%,#305f97 0%,transparent 55%),linear-gradient(119deg,#111a41,#172958 56%,#1b3574);color:#fff;box-shadow:0 22px 50px #1e34652d}
.ub-hero-glow{position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(120deg,#ffffff07 1px,transparent 1px),linear-gradient(30deg,#ffffff07 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,black)}
.ub-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#b2c8e7;font-size:11px;font-weight:600}.ub-crumb a{color:#c9defa;text-decoration:none}.ub-crumb a:hover{color:white;text-decoration:underline}
.ub-hero-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);align-items:center;gap:12px}.ub-hero-copy{padding:34px 0 36px;position:relative;z-index:1}.ub-overline{display:inline-flex;align-items:center;gap:10px;border:1px solid #97dbfa4d;border-radius:99px;background:#f7ffff12;padding:8px 12px;color:#9febd5;font-size:10px;font-weight:900;letter-spacing:.12em}.ub-pulse{height:7px;width:7px;background:#79ffc8;border-radius:50%;box-shadow:0 0 0 5px #7cffb322;animation:ub-pulse 2.8s ease-out infinite}.ub-hero h1{font-size:clamp(35px,4.6vw,65px);letter-spacing:-.057em;font-weight:900;line-height:1.05;color:#fff;margin:22px 0 17px}.ub-hero h1 em{font-style:normal;background:linear-gradient(96deg,#8cfff0,#92bdff,#c8aaff);background-clip:text;-webkit-background-clip:text;color:transparent}.ub-hero-copy>p{font-size:14px;line-height:1.85;color:#d3def2;max-width:490px}.ub-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ub-hero-badges span{font-size:10px;color:#def6ff;border:1px solid #d3eeff30;background:#ffffff12;padding:8px 12px;border-radius:99px}.ub-hero-badges b{color:#81ffd5;margin-right:4px}
.ub-art-wrap{position:relative;height:360px;display:grid;place-items:center}.ub-art{width:min(100%,480px);height:auto;filter:drop-shadow(0 16px 30px #07173442);animation:ub-float 6s ease-in-out infinite}.ub-art-chip{position:absolute;display:flex;align-items:center;gap:10px;border-radius:13px;background:#f8fbffeb;border:1px solid #fff;padding:10px 14px;box-shadow:0 14px 32px #08133143;animation:ub-float 5s 1s ease-in-out infinite}.ub-art-chip>span{height:34px;width:34px;display:grid;place-items:center;border-radius:10px;background:#e6e8ff;color:#5653d9;font-size:19px}.ub-art-chip small{display:block;color:#7890a7;font-size:9px;font-weight:700}.ub-art-chip strong{display:block;color:#1c3760;font-size:14px}.ub-chip-one{top:14px;left:0}.ub-chip-two{right:0;bottom:5px}.ub-chip-two>span{background:#dcf9ed;color:#078c6d}
@keyframes ub-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes ub-pulse{0%,100%{box-shadow:0 0 0 0 #7cffb333}65%{box-shadow:0 0 0 8px #7cffb300}}
.ub-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);gap:22px;max-width:1460px;margin:24px auto 60px;padding:0 24px;align-items:start}.ub-main,.ub-sidebar{min-width:0}.ub-panel{background:white;border:1px solid #e4eaf4;box-shadow:0 14px 44px #20305d0c;border-radius:23px;padding:32px;margin-bottom:21px}.ub-heading{display:flex;gap:15px;align-items:start;margin-bottom:28px}.ub-step{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#e6eeff;color:#285bdd;display:grid;place-items:center;font-size:18px;font-weight:900}.ub-step-mint{background:#d8faeb;color:#10896b}.ub-kicker{font-size:10px;color:#386fdf;font-weight:900;letter-spacing:.14em}.ub-heading h2{font-size:clamp(20px,2.4vw,27px);margin:5px 0 6px;color:#172a4b;font-weight:900;letter-spacing:-.03em;line-height:1.25}.ub-heading p{font-size:12px;color:#7789a6;line-height:1.8;margin:0}.ub-heading p strong{color:#345b8a}.ub-form-heading{display:flex;align-items:center;gap:10px;margin:17px 0 18px}.ub-form-heading h3{font-size:16px;font-weight:900;color:#1f3554;letter-spacing:-.025em;margin:0;flex:1}.ub-num{display:grid;place-items:center;height:29px;width:29px;background:#daf7ed;color:#0d967b;font-size:12px;font-weight:900;border-radius:9px}.ub-mini-tag{background:#f0f5ff;border-radius:99px;padding:6px 10px;font-weight:800;font-size:10px;color:#6b89bd}.ub-separated{border-top:1px solid #e7eefa;padding-top:24px;margin-top:28px}
.ub-quick{padding:15px 17px;background:linear-gradient(100deg,#effbfb,#f1f5ff);border:1px solid #dcecf9;border-radius:15px;margin-bottom:21px}.ub-quick label{display:block;color:#365675;font-size:12px;font-weight:850;margin-bottom:9px}.ub-quick-row{display:flex;gap:10px}.ub-input-currency{display:flex;align-items:center;flex:1;min-width:0;border-radius:11px;background:white;border:1px solid #ccd9ed}.ub-input-currency span{padding:0 12px;color:#4767ae;font-weight:900}.ub-input-currency input{width:100%;min-width:0;height:44px;padding:0 12px 0 0;border:0;outline:0;font-size:15px;color:#263b60;font-weight:800;background:transparent}.ub-quick-row button{border:0;border-radius:11px;background:#255ee8;color:#fff;font-weight:850;padding:0 17px;font-size:12px;min-height:44px;white-space:nowrap}.ub-quick-row button:hover{background:#1546c5}.ub-month-head{display:flex;justify-content:space-between;gap:8px;color:#8b9bb4;font-size:10px;letter-spacing:.07em;font-weight:850;padding:0 10px 8px}.ub-month-grid{display:grid;gap:9px}.ub-month{display:grid;grid-template-columns:144px minmax(0,1fr) 110px;align-items:center;gap:10px;padding:12px;background:#f9fbff;border:1px solid #e4ebf5;border-radius:13px}.ub-month-caption{display:flex;align-items:center;gap:10px;min-width:0}.ub-month-dot{display:grid;place-items:center;background:#e7eeff;border-radius:10px;color:#3865ce;width:30px;height:30px;font-size:12px;font-weight:900;flex:0 0 30px}.ub-month label{font-size:12px;color:#35506d;font-weight:850}.ub-money{display:flex;align-items:center;background:#fff;border:1px solid #dce5f1;border-radius:10px;min-width:0}.ub-money span{padding-left:13px;color:#3d67ad;font-weight:900}.ub-money input{padding:0 9px;border:0;outline:0;background:transparent;height:43px;width:100%;min-width:0;font-weight:800;font-size:13px;color:#1d345b}.ub-day{display:flex;align-items:center;background:#fff;border:1px solid #dce5f1;border-radius:10px;min-width:0}.ub-day input{width:100%;min-width:0;padding:0 6px 0 12px;border:0;outline:0;height:43px;background:transparent;color:#1e3559;font-weight:800;font-size:13px}.ub-day span{font-size:10px;color:#788fac;margin-right:10px}.ub-money:focus-within,.ub-day:focus-within{border-color:#3272f0;box-shadow:0 0 0 3px #3272f015}.ub-field-hint{font-size:11px;color:#7c90aa;line-height:1.75;margin:10px 0}.ub-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 16px}.ub-field{min-width:0}.ub-field label{display:block;font-weight:850;color:#344b6c;font-size:12px;line-height:1.55;margin-bottom:8px}.ub-field label b{color:#e16979}.ub-field label span{font-weight:600;color:#8b9db3}.ub-field input,.ub-field select{width:100%;min-width:0;min-height:49px;border:1px solid #d9e4f2;background:#fcfdff;border-radius:11px;padding:11px 12px;outline:0;color:#274160;font-size:13px}.ub-field input:focus,.ub-field select:focus{border-color:#276be9;box-shadow:0 0 0 3px #2b6bea18}.ub-field small{font-size:10px;line-height:1.7;color:#8292aa;display:block;margin-top:7px}.ub-with-suffix{display:flex;align-items:center;position:relative}.ub-with-suffix input{padding-right:52px}.ub-with-suffix span{position:absolute;right:15px;color:#8b9eba;font-size:11px}.ub-form-note{display:flex;align-items:start;gap:12px;border:1px solid #f7e7c0;background:#fffaf0;padding:13px 15px;border-radius:12px;margin-top:22px}.ub-form-note>span{font-size:22px;color:#e29c32;line-height:1}.ub-form-note p{margin:0;color:#775f3d;font-size:11px;line-height:1.75}.ub-error{background:#fff0f2;color:#ab2846;border:1px solid #f4aabb;border-radius:10px;padding:12px 15px;margin-top:14px;font-size:13px;font-weight:700}.ub-error[hidden],.ub-results[hidden]{display:none!important}.ub-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.ub-actions button{border-radius:11px;min-height:49px;padding:12px 19px;font-size:13px;font-weight:900}.ub-submit{border:0;color:#fff;background:linear-gradient(99deg,#2868eb,#5456d9);box-shadow:0 8px 20px #315fdd35;flex:1}.ub-submit:hover{filter:brightness(1.07)}.ub-submit span{margin-left:12px}.ub-reset{border:1px solid #dee6f3;background:#f7faff;color:#6b7c9a}
.ub-status{display:flex;align-items:flex-start;gap:13px;border-radius:13px;padding:16px;margin-bottom:18px}.ub-status-icon{display:grid;place-items:center;flex:0 0 33px;height:33px;border-radius:10px;font-weight:900;font-size:18px}.ub-status strong{display:block;font-size:14px;color:#16446b}.ub-status p{font-size:11px;line-height:1.75;margin:4px 0 0;color:#57728d}.ub-ok{background:#eafbf3;border:1px solid #bfead9}.ub-ok .ub-status-icon{color:#0a8d6d;background:#bdf4db}.ub-no{background:#fff0f1;border:1px solid #f8d6dc}.ub-no .ub-status-icon{color:#bd2f4e;background:#ffd6de}.ub-warn{background:#fff8e8;border:1px solid #f0ddb7}.ub-warn .ub-status-icon{color:#b77920;background:#ffe8b4}
.ub-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ub-metric{overflow:hidden;position:relative;padding:21px 19px;border-radius:15px;border:1px solid #e0e9f4;min-height:139px}.ub-metric span{position:relative;z-index:1;display:block;font-size:11px;font-weight:700;color:#667d9a}.ub-metric strong{position:relative;z-index:1;display:block;font-size:clamp(21px,2.7vw,30px);font-weight:950;line-height:1.18;margin:11px 0 9px;color:#223c63;overflow-wrap:anywhere;letter-spacing:-.04em}.ub-metric small{position:relative;z-index:1;color:#8b9db4;font-size:10px;line-height:1.5}.ub-metric.primary{background:linear-gradient(124deg,#142e67,#2369d4);border-color:#356ad8}.ub-metric.primary span,.ub-metric.primary small{color:#c2d8ff}.ub-metric.primary strong{color:#fff}.ub-metric.coral{background:linear-gradient(128deg,#fff0e5,#ffe6d7);border-color:#ffddc4}.ub-metric.coral strong{color:#bf5a43}.ub-metric.pale{background:#f7faff}.ub-metric-mark{position:absolute!important;right:1px;bottom:-21px;color:#ffffff18!important;font-size:95px!important;font-weight:900}.ub-metric.coral .ub-metric-mark{color:#d0744c1a!important}
.ub-breakdown,.ub-timeline,.ub-mini-graph{background:#fff;border:1px solid #e7edf6;border-radius:15px;padding:21px;margin-top:17px}.ub-break-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.ub-break-head span{font-size:9px;color:#4b79d2;letter-spacing:.12em;font-weight:900}.ub-break-head h3{font-size:16px;color:#243f62;margin:5px 0 0;font-weight:900}.ub-badge{padding:6px 10px;border-radius:99px;background:#eaf3ff;color:#5078b4;font-size:10px;font-weight:800}.ub-break-rows>div{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:46px;border-bottom:1px solid #ecf1f7}.ub-break-rows span{font-size:11px;color:#6b809d}.ub-break-rows b{font-size:12px;color:#244365;text-align:right}.ub-break-rows>div.ub-break-final{margin-top:7px;border-radius:10px;background:#e9f8f2;border:0;padding:10px 13px}.ub-break-final span{font-weight:800;color:#136d5b}.ub-break-final b{font-size:17px;color:#0a826b}.ub-timeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ub-timeline-grid>div{border-radius:10px;background:#f7faff;padding:12px}.ub-timeline-grid span{display:block;color:#8797ae;font-size:10px;line-height:1.5}.ub-timeline-grid b{display:block;margin-top:5px;color:#2c4b72;font-size:12px;line-height:1.4}.ub-timeline-alert{border-radius:9px;background:#fff8ec;color:#806442;font-size:11px;line-height:1.7;padding:12px;margin-top:12px}.ub-length-row{display:flex;gap:6px}.ub-length-block{min-width:0;flex:1;height:45px;border-radius:8px;background:#eef2fa;position:relative;overflow:hidden;display:flex;align-items:end;justify-content:center;padding:6px}.ub-length-block i{font-style:normal;position:relative;z-index:1;color:#8b9eb7;font-size:10px;font-weight:900}.ub-length-block.is-active{background:linear-gradient(135deg,#22bba9,#4778e2)}.ub-length-block.is-active i{color:#fff}.ub-length-block.is-partial{background:linear-gradient(to right,#22bba9 var(--partial),#eef2fa var(--partial))}.ub-mini-graph>p{font-size:10px;line-height:1.6;color:#8a9cb1;margin:12px 0 0}.ub-guidance{background:#edf7ff;color:#43647f;font-size:11px;line-height:1.7;padding:12px 16px;border-radius:12px;margin-top:15px}.ub-guidance p{margin:0 0 7px}.ub-guidance p:last-child{margin-bottom:0}.ub-result-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.ub-result-actions button{border:1px solid #d4e3f6;color:#2b60c3;background:#eff6ff;font-size:12px;font-weight:800;padding:11px 14px;border-radius:10px;min-height:42px}.ub-result-actions button:hover{background:#e1eeff}
.ub-sidebar{position:sticky;top:88px}.ub-info-card{background:#fff;padding:24px;border:1px solid #e2eaf5;border-radius:19px;margin-bottom:15px}.ub-info-card.dark{color:#fff;background:linear-gradient(148deg,#162451,#174b72);border-color:#173d6e;box-shadow:0 18px 35px #17355e2d}.ub-info-top{font-size:10px;color:#93eccc;letter-spacing:.12em;font-weight:900}.ub-info-card.dark h2{font-size:27px;color:#fff;font-weight:900;line-height:1.2;margin:14px 0 24px}.ub-info-line{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #ffffff29;padding:14px 0}.ub-info-line small{display:block;color:#b5c9e4;font-size:10px}.ub-info-line strong{display:block;margin-top:3px;font-size:22px;color:#fff}.ub-info-line>span{font-size:20px;color:#7affcb}.ub-info-note{display:flex;gap:11px;margin-top:10px;background:#ffffff14;padding:12px;border-radius:10px}.ub-info-note span{font-size:20px;color:#8bffd6}.ub-info-note p{font-size:11px;color:#d6e8ee;line-height:1.7;margin:0}.ub-side-icon{display:grid;place-items:center;height:43px;width:43px;background:#e6f0ff;color:#3669da;border-radius:12px;font-size:25px;font-weight:900;margin-bottom:16px}.ub-side-icon.purple{background:#eee9ff;color:#7665da}.ub-side-icon.mint{background:#e0f8ef;color:#1a9678}.ub-info-card h3{font-size:17px;color:#273f62;font-weight:900}.ub-info-card p{font-size:12px;line-height:1.8;color:#7b8ca4;margin:10px 0 0}.ub-info-card a{display:block;margin-top:13px;font-size:12px;font-weight:800;color:#3265c9;line-height:1.6;overflow-wrap:anywhere}.ub-info-card a:hover{text-decoration:underline}
.ub-article{margin:30px 0 0}.ub-article section{margin-top:23px}.ub-article section h3{font-size:clamp(19px,2vw,24px);margin-bottom:10px}.ub-article p{font-size:14px;line-height:1.88;color:#526781}.ub-article .ub-faq .accordion-button{font-size:13px;font-weight:800;color:#294467}.ub-article .ub-faq .accordion-button:not(.collapsed){background:#eaf3ff;box-shadow:none}.ub-article .ub-faq .accordion-body{font-size:13px;line-height:1.8;color:#526781}.ub-sources{background:#f2f7fe;border:1px solid #dce8f6;padding:18px;border-radius:13px;margin-top:27px}.ub-sources strong{color:#20487a;font-size:13px}.ub-sources p{margin:8px 0 0;font-size:12px}.ub-sources a{color:#2d66c8;font-weight:750}
@media(max-width:1250px){.ub-layout{grid-template-columns:minmax(0,1fr) minmax(230px,270px);gap:15px;padding:0 16px}.ub-hero{margin-inline:16px;padding-inline:34px}.ub-panel{padding:25px}.ub-month{grid-template-columns:115px minmax(0,1fr) 90px}.ub-art-chip{scale:.9}}
@media(max-width:1050px){.ub-layout{grid-template-columns:minmax(0,1fr)}.ub-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ub-info-card{margin:0}.ub-info-card.dark{grid-row:span 2}.ub-hero{padding-inline:28px}.ub-art-chip{scale:.8}}
@media(max-width:730px){.ub-hero{margin:12px 10px 0;padding:20px 20px 0;border-radius:21px}.ub-hero-grid{grid-template-columns:1fr;gap:0}.ub-hero-copy{padding:22px 0 8px}.ub-overline{font-size:9px}.ub-hero h1{font-size:clamp(31px,8.5vw,47px);margin:19px 0 13px}.ub-hero-copy>p{font-size:13px;line-height:1.75}.ub-hero-badges span{font-size:9px;padding:7px 9px}.ub-art-wrap{height:254px;max-width:350px;width:100%;margin:0 auto}.ub-art{width:min(100%,330px)}.ub-art-chip{scale:.72}.ub-chip-one{left:-16px;top:6px}.ub-chip-two{right:-18px;bottom:-9px}.ub-layout{padding:0 10px;margin-top:15px}.ub-panel{padding:21px 15px;border-radius:17px}.ub-heading{gap:11px;margin-bottom:22px}.ub-step{flex-basis:42px;width:42px;height:42px}.ub-heading h2{font-size:20px}.ub-heading p{font-size:11px}.ub-fields{gap:18px 12px}.ub-month{grid-template-columns:105px minmax(0,1fr) 83px;gap:7px;padding:9px}.ub-month label{font-size:11px}.ub-month-dot{width:26px;height:26px;flex-basis:26px}.ub-month-caption{gap:6px}.ub-money input,.ub-day input{font-size:12px;height:41px}.ub-money span{padding-left:8px}.ub-day input{padding-left:8px}.ub-day span{margin-right:5px}.ub-sidebar{grid-template-columns:1fr;gap:12px}.ub-info-card.dark{grid-row:auto}.ub-article p{font-size:13px}}
@media(max-width:520px){.ub-fields{grid-template-columns:1fr}.ub-month-head{display:none}.ub-quick-row{flex-direction:column}.ub-quick-row button{width:100%}.ub-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ub-month{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:7px;padding:11px}.ub-month-caption{grid-column:1/-1}.ub-money input,.ub-day input{height:41px}.ub-day span{display:none}.ub-metrics{gap:8px}.ub-metric{min-height:132px;padding:14px 12px}.ub-metric span{font-size:10px}.ub-metric strong{font-size:clamp(18px,5.5vw,24px)}.ub-metric small{font-size:9px}.ub-breakdown,.ub-timeline,.ub-mini-graph{padding:15px}.ub-break-rows>div{gap:9px}.ub-break-rows span{font-size:10px;line-height:1.5}.ub-break-rows b{font-size:11px}.ub-timeline-grid b{font-size:11px}.ub-timeline-grid span{font-size:9px}.ub-crumb{font-size:10px}.ub-hero-badges{gap:6px}.ub-hero-badges span{font-size:8px}.ub-form-heading h3{font-size:14px}}
@media(max-width:360px){.ub-hero{padding-inline:15px}.ub-hero h1{font-size:30px}.ub-art-wrap{height:217px}.ub-art{width:276px}.ub-month-grid{gap:7px}.ub-month{padding:8px}.ub-month label{font-size:10px}.ub-month-dot{width:23px;height:23px;flex-basis:23px}.ub-month-caption{gap:4px}.ub-day input{padding-left:6px}.ub-money input{padding-right:0;padding-left:4px}}
@media(prefers-reduced-motion:reduce){.ub-art,.ub-art-chip,.ub-pulse{animation:none!important}}
@media print{.ub-hero,.ub-sidebar,.ub-form-panel,.ub-article,.ub-result-actions,.ub-mini-graph,.ub-timeline-alert{display:none!important}.ub-layout{display:block;padding:0;margin:0}.ub-panel{border:1px solid #bcc9dc;box-shadow:none;margin:0}.ub-results[hidden]{display:none!important}.ub-results{break-inside:avoid}.ub-status,.ub-metric{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* Promotional card for 5th tool */
.ub-home-promo{display:flex;align-items:center;position:relative;overflow:hidden;gap:20px;margin-top:14px;border-radius:18px;min-height:127px;padding:21px 25px;background:linear-gradient(112deg,#1f306b,#244e8a 65%,#276d9e);border:1px solid #526bb6;color:#fff;box-shadow:0 15px 31px #17336233;transition:transform .25s,box-shadow .25s}.ub-home-promo:hover{color:#fff;transform:translateY(-3px);box-shadow:0 20px 36px #1733624d}.ub-home-promo:before{content:"";position:absolute;right:13%;top:-45px;width:220px;height:220px;border-radius:50%;border:25px solid #a3fbe815;pointer-events:none}.ub-home-index{flex:0 0 63px;position:relative;font-size:38px;color:#a8ffe0;font-weight:900;line-height:1}.ub-home-index small{display:block;font-size:8px;letter-spacing:.07em;margin-top:6px;color:#b6c7e7}.ub-home-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;position:relative}.ub-home-text small{font-size:10px;color:#a2eddf;letter-spacing:.07em;font-weight:900}.ub-home-text strong{font-size:clamp(18px,2.8vw,28px);line-height:1.25;font-weight:900;letter-spacing:-.03em}.ub-home-text strong em{color:#9aeeff;font-style:normal}.ub-home-text>span{font-size:11px;color:#c9d9f4}.ub-home-art{position:relative;width:112px;height:100px;display:grid;place-items:center}.ub-home-art i{font-size:64px;color:#a3ffdc;font-style:normal;transform:rotate(-12deg);animation:ub-float 5s ease-in-out infinite}.ub-home-art b{position:absolute;right:4px;top:8px;background:#fff;color:#27639b;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;font-size:16px}.ub-home-action{position:relative;z-index:1;color:#153765;background:#abfce2;border-radius:10px;font-size:11px;font-weight:900;padding:13px 16px;white-space:nowrap}
@media(max-width:820px){.ub-home-art{display:none}.ub-home-promo{padding:20px}}
@media(max-width:600px){.ub-home-promo{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;padding:15px}.ub-home-index{font-size:29px;flex-basis:auto}.ub-home-index small{font-size:7px}.ub-home-text strong{font-size:17px}.ub-home-text small{font-size:8px}.ub-home-text>span{font-size:10px}.ub-home-action{grid-column:1/-1;text-align:center}}
/* V9 mobile number-field readability: each month uses the full line. */
@media(max-width:520px){.ub-month-grid{grid-template-columns:minmax(0,1fr)}.ub-month{grid-template-columns:minmax(0,1fr) 88px}.ub-month-caption{grid-column:1/-1}.ub-day span{display:inline}.ub-money input{font-size:14px;min-width:0}.ub-day input{font-size:14px}}

/* ANAHTAR TESLIM EV MALIYETI · TOOL 06 */
.em-hero{background:linear-gradient(125deg,#111a40,#374e9a 60%,#725ab3);color:white;padding:38px clamp(20px,4vw,60px);border-radius:29px;overflow:hidden;margin:24px 0 28px;position:relative}.em-crumb{font-size:12px;color:#cdd8ff;margin-bottom:30px}.em-crumb a{color:#e1eaff;text-decoration:none}.em-hero-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:12px}.em-eyebrow,.em-label{font-size:12px;letter-spacing:1.6px;font-weight:800;color:#a6ddff}.em-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.08;font-weight:900;margin:20px 0}.em-hero h1 em{font-style:normal;color:#adf4df}.em-hero p{max-width:550px;color:#e3eaff;font-size:17px;line-height:1.75}.em-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.em-badges span{padding:10px 13px;background:#ffffff1c;border:1px solid #ffffff30;border-radius:22px;font-size:12px}.em-hero-img{position:relative}.em-hero-img img{width:100%;height:auto;filter:drop-shadow(0 20px 20px #0002);animation:emFloat 6s ease-in-out infinite}.em-float{position:absolute;bottom:11px;left:14%;background:white;color:#283b71;padding:11px 16px;border-radius:30px;font-size:12px;font-weight:800;box-shadow:0 12px 30px #0002}@keyframes emFloat{50%{transform:translateY(-10px)}}.em-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.em-main{min-width:0}.em-card,.em-article{background:white;border:1px solid #e5eaf5;border-radius:23px;padding:clamp(18px,3vw,35px);margin-bottom:25px;box-shadow:0 15px 40px #2039640c}.em-section-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:26px}.em-count{background:#e3ebff;color:#344fb9;padding:13px;border-radius:14px;font-weight:900}.em-section-head h2{font-weight:850;font-size:clamp(23px,3vw,31px);margin:6px 0;color:#1a2850}.em-section-head p{color:#67738d;font-size:14px}.em-card .em-label,.em-article .em-label{color:#526dd4}.em-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.em-fields label{display:flex;flex-direction:column;font-weight:750;color:#29345a;font-size:13px;gap:8px}.em-fields input,.em-fields select{width:100%;padding:13px 12px;min-height:48px;border:1px solid #ced7e8;background:#f9fbff;border-radius:11px;color:#233252;font-size:15px;font-weight:650}.em-fields :is(input,select):focus{outline:3px solid #8da6ff66;border-color:#5774d8}.em-fields small,.em-muted{font-size:11px;color:#8290a8;font-weight:500;line-height:1.55}.em-alert,.em-note{background:#f1f6ff;border-left:4px solid #6d80d9;color:#4b5874;border-radius:10px;padding:15px;margin:25px 0;font-size:13px;line-height:1.75}.em-error{padding:12px;background:#ffe9e9;border-radius:10px;color:#9a2424}.em-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.em-button{border:0;background:linear-gradient(100deg,#495fd4,#7760de);color:white;font-weight:800;border-radius:12px;padding:14px 22px;cursor:pointer}.em-secondary{border:1px solid #d9dff0;border-radius:12px;color:#46577a;background:white;padding:14px 20px;font-weight:750;cursor:pointer}.em-results{scroll-margin-top:24px}.em-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.em-stat{background:#f4f7ff;border-radius:17px;padding:22px;min-width:0}.em-stat-main{background:linear-gradient(120deg,#263a86,#735bd8);color:white;grid-column:1/-1}.em-stat small,.em-stat span{display:block;opacity:.83;font-size:12px}.em-stat strong{display:block;font-size:clamp(19px,2.7vw,30px);margin:9px 0;word-break:break-word}.em-results h3{margin-top:27px}.em-chart{margin-top:18px}.em-chart-row{display:grid;grid-template-columns:minmax(120px,1fr) 1fr auto;align-items:center;gap:10px;margin:13px 0;font-size:12px;color:#3d4970}.em-chart-row .em-track{height:12px;border-radius:12px;background:#e7edfa;overflow:hidden}.em-chart-row .em-track i{height:100%;background:hsl(var(--hue) 67% 63%);display:block;border-radius:12px;transition:width .5s}.em-chart-row strong{font-size:11px;white-space:nowrap}.em-breakdown{border-top:1px solid #e6eaf5;margin-top:22px}.em-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e6eaf5;font-size:13px}.em-side-dark{border-radius:20px;padding:26px;background:linear-gradient(145deg,#18264a,#414e9b);color:white}.em-side-dark>span{font-size:11px;color:#bcdcff;letter-spacing:1px}.em-side-dark h2{font-size:29px;margin:20px 0}.em-side-dark p,.em-side-dark small{color:#d1daf8;font-size:13px;line-height:1.7}.em-side-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff2f;padding:18px 0;font-size:12px}.em-side-row strong{white-space:nowrap}.em-side-box{background:#fff;border:1px solid #e8ecf5;border-radius:18px;padding:22px;margin-top:16px}.em-side-box h3{font-size:17px;color:#263457}.em-side-box p{font-size:13px;color:#6a7891;line-height:1.7}.em-article h2{font-size:clamp(25px,3vw,34px);color:#1c2b53}.em-article h3{font-size:21px;color:#283960;margin:30px 0 10px}.em-article p{line-height:1.93;color:#4b5871;font-size:15px}.em-article .em-lead{font-size:17px}.em-article section{padding-bottom:12px;border-bottom:1px solid #e9edf7}.em-reference{background:#f3f6fb;border-radius:13px;margin-top:20px;padding:18px}.em-reference p{font-size:13px}.em-reference a{color:#435bcc}@media(max-width:1060px){.em-layout{grid-template-columns:1fr}.em-side{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.em-side-dark{grid-row:span 2}.em-side-box{margin-top:0}}@media(max-width:720px){.em-hero-grid{grid-template-columns:1fr}.em-hero-img{max-width:460px;margin:auto}.em-hero{padding:25px 19px}.em-hero h1{font-size:38px}.em-fields{grid-template-columns:1fr}.em-side{display:block}.em-side-box{margin-top:14px}.em-chart-row{grid-template-columns:1fr auto}.em-track{grid-column:1/-1;grid-row:2}.em-chart-row strong{grid-column:2;grid-row:1}.em-stats{grid-template-columns:1fr}.em-stat-main{grid-column:auto}}@media print{.site-sidebar,.topbar,.em-hero,.em-article,.em-side,.em-actions,.em-card:first-child,.site-footer{display:none!important}.em-layout{display:block}.em-results{display:block!important;border:0;box-shadow:none}.em-chart-row{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* ================================================================
   V11 — BETON METRAJI · TOOL 07  /  isolated bm- design system
   ================================================================ */
.bm-hero{position:relative;overflow:hidden;isolation:isolate;margin:22px 24px 25px;border-radius:29px;background:radial-gradient(circle at 80% 18%,#2777a766,transparent 50%),linear-gradient(118deg,#111d42,#1b3568 59%,#204f78);color:#fff;padding:27px clamp(22px,4vw,58px) 15px;box-shadow:0 25px 55px #0e2b5129}
.bm-hero-lines{position:absolute;z-index:-1;inset:0;background:linear-gradient(125deg,transparent 55%,#65b9de0b 55.2%,transparent 55.4%),repeating-linear-gradient(0deg,#d8f7ff07 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,#d8f7ff06 0 1px,transparent 1px 40px);mask-image:linear-gradient(90deg,transparent,#000 55%)}
.bm-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#b8cbdf;font-size:11px;font-weight:750}.bm-breadcrumb a{color:#e6f6ff}.bm-breadcrumb a:hover{text-decoration:underline}.bm-breadcrumb span[aria-hidden]{opacity:.5}
.bm-hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:5px}.bm-hero-copy{padding:48px 0 57px;position:relative;z-index:2}.bm-kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid #8eeadf4a;background:#baf8ff0c;border-radius:100px;color:#9ef7e7;font-size:10px;font-weight:900;letter-spacing:.13em}.bm-kicker i{width:8px;height:8px;border-radius:100%;background:#6ff4cf;box-shadow:0 0 0 5px #6ff4cf22;animation:bm-pulse 2.7s infinite}.bm-hero h1{font-size:clamp(34px,3.85vw,59px);line-height:1.12;margin:21px 0 18px;color:white;letter-spacing:-.065em}.bm-hero h1 em{font-style:normal;color:#83f5e0}.bm-hero-copy>p{font-size:14px;line-height:1.9;max-width:610px;color:#ccdfed;margin-bottom:24px}.bm-hero-chips{display:flex;flex-wrap:wrap;gap:9px}.bm-hero-chips span{border:1px solid #afdefb27;background:#ffffff0d;padding:7px 12px;border-radius:10px;color:#d5edfa;font-size:10px;font-weight:800}
.bm-hero-picture{min-width:0;position:relative;display:grid;place-items:center;height:406px}.bm-hero-picture img{width:min(100%,580px);max-height:420px;display:block;animation:bm-float 7s ease-in-out infinite;filter:drop-shadow(0 22px 27px #02132f4b)}.bm-hero-sticker{position:absolute;left:1%;bottom:12%;padding:12px 17px;background:#f4fbffeb;color:#213d65;border:1px solid #fff;border-radius:14px;box-shadow:0 20px 35px #07153342;transform:rotate(-3deg)}.bm-hero-sticker small{display:block;letter-spacing:.12em;font-size:9px;font-weight:900;color:#5883a1}.bm-hero-sticker strong{font-size:17px;font-weight:900}
.bm-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,305px);gap:22px;align-items:start;max-width:1520px;margin:0 auto;padding:0 24px 55px}.bm-primary,.bm-aside{min-width:0}.bm-panel{background:#fff;border:1px solid #e0e9f4;border-radius:23px;box-shadow:0 14px 40px #152d540e;padding:clamp(19px,3vw,35px);margin-bottom:22px}.bm-panel-title{display:flex;align-items:start;gap:16px;margin-bottom:25px}.bm-step{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#e8edff;color:#3658d5;font-size:16px;font-weight:900}.bm-step-turquoise{background:#d9f8f0;color:#12686f}.bm-overline{font-weight:900;letter-spacing:.13em;color:#4075c8;font-size:10px;display:block}.bm-panel-title h2{font-size:clamp(20px,2vw,28px);margin:7px 0 7px;color:#1c3655}.bm-panel-title p{font-size:12px;color:#63778e;margin:0;line-height:1.8}
.bm-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:25px}.bm-preset{display:flex;align-items:center;gap:8px;min-width:0;min-height:53px;text-align:left;background:#f6f9ff;border:1px solid #dde8f6;border-radius:13px;color:#2b507b;padding:11px 12px;font-size:11px;font-weight:900;transition:transform .2s,border-color .2s,box-shadow .2s}.bm-preset>span{font-size:19px;color:#3187ad;min-width:20px}.bm-preset>b{margin-left:auto;color:#3062c1;font-size:21px}.bm-preset:hover{transform:translateY(-3px);border-color:#5cbccb;box-shadow:0 9px 20px #1e4e8130}.bm-preset-minus{background:#fff9f3;border-color:#f8e6d2}.bm-preset-minus span,.bm-preset-minus>b{color:#c68042}
.bm-list-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.09em;color:#8192aa;font-weight:900;margin:0 0 10px}.bm-items{display:grid;gap:11px}.bm-item{border:1px solid #dfebf7;border-radius:17px;background:linear-gradient(160deg,#fff,#f9fbff);padding:18px;transition:border-color .2s,box-shadow .2s}.bm-item:focus-within{border-color:#9bcbeb;box-shadow:0 5px 18px #4489b11b}.bm-item.bm-is-negative{border-color:#f3dfce;background:#fffcf9}.bm-item.bm-invalid{border-color:#dfb0b0}.bm-item-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.bm-item-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.bm-item-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:#e4efff;color:#2c7fba;font-size:23px}.bm-item-name-label{flex:1;min-width:0;font-size:9px;font-weight:850;color:#70849b;text-transform:uppercase;letter-spacing:.07em}.bm-item-name{width:100%;display:block;border:0;border-bottom:1px solid #dce5ef;background:transparent;border-radius:0;padding:5px 0 4px;outline:none;font-weight:900;font-size:14px;color:#213e5d}.bm-item-name:focus{border-bottom-color:#5f8ac7}.bm-item-topright{display:flex;align-items:center;gap:8px}.bm-item-subtotal{color:#246d8e;background:#e6f6fa;border-radius:10px;padding:7px 10px;font-size:12px;white-space:nowrap;font-weight:900}.bm-is-negative .bm-item-subtotal{background:#fff0de;color:#a76827}.bm-remove{flex:0 0 33px;border:1px solid #e6e9f0;background:#fff;color:#b25c60;width:33px;height:33px;border-radius:10px;font-size:20px;line-height:1}.bm-remove:hover{background:#fff0f1;border-color:#f1b9be}
.bm-item-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.bm-item-fields label,.bm-options label{display:block;min-width:0;font-size:10px;font-weight:800;color:#5b7290}.bm-item-fields label[hidden]{display:none!important}.bm-item-fields input,.bm-item-fields select,.bm-options input,.bm-options select{display:block;width:100%;min-width:0;background:#fff;border:1px solid #dce6f0;border-radius:10px;min-height:42px;color:#203d60;padding:9px 11px;font-size:13px;font-weight:700;margin-top:6px;outline:none}.bm-item-fields input:focus,.bm-item-fields select:focus,.bm-options input:focus,.bm-options select:focus{border-color:#4f9bca;box-shadow:0 0 0 3px #63addc26}.bm-item-explain{font-size:10px;color:#7b90a9;margin:10px 0 0}.bm-add-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:16px 0}.bm-outline{border:1px solid #a9c3ea;border-radius:11px;background:#fff;color:#315ebc;padding:11px 17px;font-size:12px;font-weight:900;transition:background .2s,transform .2s}.bm-outline:hover{background:#eaf4ff;transform:translateY(-2px)}.bm-ghost{border:0;background:transparent;color:#6a809b;padding:11px;font-size:11px;font-weight:800}.bm-ghost:hover{color:#2759aa}.bm-form-note{color:#5e7790;background:#edf7fc;border-left:3px solid #4aa9cb;border-radius:0 11px 11px 0;padding:13px 15px;font-size:11px;line-height:1.8}.bm-form-note b{color:#255d7d}.bm-config-head{margin:33px 0 18px}.bm-config-head h3{font-size:20px;margin:7px 0;color:#24415e}.bm-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 15px}.bm-options label small{display:block;font-size:9px;font-weight:600;color:#8496ab;line-height:1.7;margin-top:2px}.bm-warning{font-size:11px;line-height:1.8;color:#755e2d;background:#fff8e9;border:1px solid #ffe6b2;border-radius:13px;padding:14px;margin:21px 0}.bm-error{background:#fff0f1;color:#a22e44;border:1px solid #f4c8d0;border-radius:13px;padding:13px 16px;font-size:12px;font-weight:750;margin-bottom:15px}.bm-submit{border:0;display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(105deg,#2b58d3,#2477bb);color:white;width:100%;border-radius:13px;padding:16px 21px;font-weight:900;box-shadow:0 14px 26px #2960be38;transition:transform .2s,box-shadow .2s}.bm-submit:hover{transform:translateY(-2px);box-shadow:0 18px 30px #2960be50}.bm-submit span{font-size:21px}
.bm-results{scroll-margin-top:98px}.bm-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.bm-metric{position:relative;overflow:hidden;min-width:0;border:1px solid #dce7f3;background:#f6f9fe;border-radius:17px;padding:21px 21px;min-height:140px}.bm-metric>span{font-size:11px;color:#627b97;display:block;font-weight:800}.bm-metric strong{display:block;color:#1e3e62;font-size:clamp(21px,2.4vw,31px);line-height:1.2;margin:11px 0 7px;word-break:break-word}.bm-metric small{display:block;color:#8a9aab;font-size:10px}.bm-metric-emphasis{background:linear-gradient(128deg,#193768,#1b6694);border-color:#1c6898}.bm-metric-emphasis>span,.bm-metric-emphasis small{color:#d0e7f6}.bm-metric-emphasis strong{color:#90ffe3}.bm-metric-emphasis>i{position:absolute;font-weight:900;font-size:45px;right:15px;bottom:0;color:#ffffff0d;font-style:normal}
.bm-result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,.55fr);gap:12px;margin-bottom:22px}.bm-result-block{border:1px solid #e1e9f3;background:#fff;border-radius:16px;padding:20px}.bm-result-block-top{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:16px}.bm-result-block-top span{font-size:9px;font-weight:900;color:#4072b6;letter-spacing:.11em}.bm-result-block-top strong{font-size:11px;color:#506a86}.bm-bars{display:grid;gap:14px}.bm-bar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;font-weight:800;color:#607793}.bm-bar-top strong{white-space:nowrap;color:#284c71}.bm-bar-track{height:10px;border-radius:9px;background:#ecf2fa;overflow:hidden}.bm-bar-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,hsl(var(--bm-bar-hue) 85% 75%),hsl(var(--bm-bar-hue) 81% 48%));transition:width .6s ease}.bm-subnote{font-size:9px;margin:16px 0 0;color:#889bb0}.bm-volume-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#317da9,#173a65);border-radius:16px;color:white;padding:20px 8px;min-height:247px}.bm-volume-visual>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#a5e8f5}.bm-volume-visual>strong{font-size:27px;color:#98ffe7;font-weight:900;z-index:1;margin:6px 0}.bm-volume-visual>small{color:#c9dfe9;font-size:9px}.bm-cube{position:relative;width:95px;height:95px;transform:rotate(-8deg);margin:17px auto 0;animation:bm-float 6s ease-in-out infinite}.bm-cube-face{position:absolute}.bm-cube-face.face-top{width:76px;height:48px;left:10px;top:1px;transform:skewY(-27deg) rotate(26deg);background:#ccfbff;box-shadow:0 0 30px #b7fffa6e}.bm-cube-face.face-front{width:59px;height:69px;left:8px;top:31px;transform:skewY(25deg);background:#57c4d0}.bm-cube-face.face-side{width:40px;height:67px;left:65px;top:30px;transform:skewY(-25deg);background:#267cae}
.bm-table-wrap{max-width:100%;overflow-x:auto;border-radius:13px;border:1px solid #dfe7f3}.bm-table{width:100%;border-collapse:collapse;min-width:400px;font-size:12px;color:#395775}.bm-table caption{padding:0;height:0;overflow:hidden}.bm-table th,.bm-table td{padding:12px 15px;border-bottom:1px solid #e7eef6}.bm-table thead{background:#eef4fa;color:#385477}.bm-table thead th{font-size:10px;font-weight:900;text-align:left;white-space:nowrap}.bm-table thead th:last-child,.bm-table td:last-child,.bm-table tfoot th:last-child{text-align:right}.bm-table tbody th{font-weight:800}.bm-table tbody tr:nth-child(even){background:#f9fbfe}.bm-table tr.bm-deduction{color:#b17640}.bm-table tfoot{background:#e7f6f3;color:#17666b;font-weight:900}.bm-table tfoot th{border:0}.bm-costbox{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:17px;padding:21px;border-radius:17px;background:linear-gradient(105deg,#ebf9f6,#eaf1ff);border:1px solid #c6e9e5}.bm-costbox small{font-size:10px;font-weight:900;letter-spacing:.08em;color:#467c85}.bm-costbox strong{display:block;color:#15566d;font-size:clamp(24px,2.5vw,33px);margin-top:4px}.bm-costbox p{font-size:11px;line-height:1.75;margin:0;max-width:320px}.bm-report-note{font-size:11px;color:#70849e;background:#f5f8fc;border-radius:12px;padding:13px 15px;margin:16px 0}.bm-report-actions{display:flex;flex-wrap:wrap;gap:9px}
.bm-aside{position:sticky;top:94px;display:grid;gap:15px}.bm-aside-card{background:#fff;border-radius:19px;border:1px solid #e1e9f4;padding:23px}.bm-aside-dark{background:linear-gradient(144deg,#141e44,#1b4e76);border-color:#214a77;color:#fff;box-shadow:0 17px 37px #15345c29}.bm-aside-dark>span{font-size:10px;color:#8cebd9;letter-spacing:.12em;font-weight:900}.bm-aside-dark h2{font-size:26px;color:#fff;margin:17px 0 19px}.bm-aside-dark h2 em{color:#8af4e1;font-style:normal}.bm-formula{border:1px solid #bdd8ff31;background:#ffffff0a;border-radius:13px;padding:15px 14px;margin-top:10px}.bm-formula small{display:block;color:#a3bad4;font-size:9px;letter-spacing:.09em;font-weight:900}.bm-formula strong{display:block;color:white;margin-top:6px;font-size:14px}.bm-formula span{display:block;color:#9af5dd;font-size:11px}.bm-aside-dark p{font-size:10px;color:#c8d9ea;line-height:1.8;margin:16px 0 0}.bm-aside-mini-icon{display:grid;place-items:center;background:#eaf4ff;width:35px;height:35px;border-radius:10px;font-size:11px;font-weight:900;color:#3277b5;margin-bottom:15px}.bm-aside-card h3{font-size:16px;color:#254365;margin:0 0 8px}.bm-aside-card>p{font-size:11px;line-height:1.8;margin:0}.bm-next{display:flex;flex-direction:column;gap:5px;padding:21px 24px;border-radius:18px;background:linear-gradient(105deg,#d9f7f0,#e4eefe);border:1px solid #bededf;color:#1d5069}.bm-next>span{font-size:9px;letter-spacing:.12em;font-weight:900}.bm-next>strong{font-size:14px}.bm-next>small{font-size:11px;color:#56768e}
.bm-guide{padding:24px 7px 60px}.bm-guide>h2{font-size:clamp(27px,3vw,39px);margin:11px 0 17px;color:#1b3b60}.bm-guide .bm-lead{font-size:15px;line-height:1.9;color:#566d8a}.bm-guide section{padding:0 0 12px;margin-top:30px}.bm-guide h3{font-size:clamp(19px,2vw,24px);color:#284b73;margin:0 0 13px}.bm-guide p{font-size:14px;line-height:1.95;color:#586c84}.bm-guide ul{padding-left:21px;color:#526c84;font-size:13px;line-height:1.95}.bm-guide li{padding-left:3px;margin-bottom:6px}.bm-guide .bm-example{border:1px solid #cfe6f0;background:linear-gradient(105deg,#eef9fb,#f2f7ff);border-radius:16px;padding:19px 22px;margin:16px 0 21px}.bm-guide .bm-example strong{display:block;color:#245581;margin-bottom:7px}.bm-guide .bm-example p{margin:0;font-size:13px}.bm-guide .bm-faq{border-top:1px solid #dce5ee;padding-top:20px}.bm-guide .bm-faq details{border:1px solid #e3eaf4;border-radius:13px;background:white;padding:15px 18px;margin-bottom:10px}.bm-guide .bm-faq summary{cursor:pointer;color:#25496a;font-size:13px;font-weight:900}.bm-guide .bm-faq details p{margin:12px 0 0;font-size:13px}
@keyframes bm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bm-pulse{0%,100%{box-shadow:0 0 0 0 #6ff4cf66}50%{box-shadow:0 0 0 7px #6ff4cf00}}
@media(max-width:1250px){.bm-layout{grid-template-columns:minmax(0,1fr) minmax(230px,270px);gap:14px;padding:0 16px}.bm-hero{margin:16px 16px 23px}.bm-hero-copy{padding:33px 0}.bm-hero-picture{height:345px}.bm-panel{padding:25px}.bm-item-fields{gap:9px}}
@media(max-width:1060px){.bm-layout{grid-template-columns:1fr}.bm-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.bm-aside-dark{grid-row:span 2}.bm-next{grid-column:1/-1}}
@media(max-width:750px){.bm-hero{margin:12px 10px 19px;padding:22px 20px 6px;border-radius:22px}.bm-hero-inner{grid-template-columns:1fr}.bm-hero-copy{padding:24px 0 0}.bm-hero h1{font-size:clamp(32px,7.8vw,47px)}.bm-hero-copy>p{font-size:12px;line-height:1.8}.bm-hero-chips span{font-size:9px}.bm-hero-picture{height:290px;max-width:420px;width:100%;margin:auto}.bm-hero-picture img{max-height:312px}.bm-hero-sticker{bottom:5%;left:3%;padding:8px 11px}.bm-hero-sticker strong{font-size:13px}.bm-layout{padding:0 10px}.bm-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.bm-aside{grid-template-columns:1fr}.bm-aside-dark{grid-row:auto}.bm-result-grid{grid-template-columns:1fr}.bm-volume-visual{min-height:190px}.bm-metric{min-height:115px;padding:17px}.bm-guide{padding-left:8px;padding-right:8px}}
@media(max-width:520px){.bm-panel{padding:17px;border-radius:17px}.bm-panel-title{gap:11px;margin-bottom:21px}.bm-step{width:34px;flex-basis:34px;height:34px;font-size:13px}.bm-panel-title h2{font-size:21px}.bm-item{padding:13px}.bm-item-head{align-items:flex-start}.bm-item-identity{gap:8px}.bm-item-icon{display:none}.bm-item-name{font-size:13px}.bm-item-topright{gap:4px}.bm-item-subtotal{font-size:10px;padding:7px}.bm-remove{width:29px;height:29px;flex-basis:29px}.bm-item-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.bm-item-fields label{font-size:9px}.bm-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 9px}.bm-options label{font-size:10px}.bm-item-fields input,.bm-options input,.bm-item-fields select,.bm-options select{padding:8px 7px;font-size:12px}.bm-metrics{gap:8px}.bm-metric{padding:14px 12px}.bm-metric strong{font-size:19px}.bm-metric>span{font-size:10px}.bm-panel-title p{font-size:11px}.bm-report-actions .bm-outline{flex:1}.bm-presets{gap:7px}.bm-preset{min-height:49px;padding:9px;font-size:10px}.bm-preset>span{font-size:16px}.bm-guide h3{font-size:19px}}
@media(max-width:350px){.bm-presets{grid-template-columns:1fr}.bm-options{grid-template-columns:1fr}.bm-hero h1{font-size:30px}.bm-item-fields{gap:8px}}
@media(prefers-reduced-motion:reduce){.bm-hero-picture img,.bm-cube,.bm-kicker i{animation:none!important}.bm-bar-track i{transition:none!important}}
@media print{.site-sidebar,.topbar,.mobile-mask,.bm-hero,.bm-aside,.bm-panel:first-child,.bm-guide,.bm-report-actions,.bm-volume-visual,.bm-report-note,.bm-result-block,.bm-results .bm-panel-title .bm-step{display:none!important}body,.app-shell,.main-container{margin:0!important;padding:0!important;background:#fff!important}.bm-layout{display:block!important;padding:0!important;margin:0!important}.bm-primary{width:100%!important}.bm-results{display:block!important;border:0!important;box-shadow:none!important;padding:5px!important}.bm-metric,.bm-costbox{print-color-adjust:exact;-webkit-print-color-adjust:exact}.bm-table{font-size:11px}.bm-results[hidden],.bm-costbox[hidden]{display:none!important}}

/* V11 homepage concrete feature */
.bm-home-promo{background:linear-gradient(112deg,#134f73,#206f85 62%,#267a75);border-color:#64b6bd}.bm-home-promo .ub-home-art b{font-size:19px}.bm-home-promo:hover{border-color:#76d1cd}

/* Honor native hidden semantics even on flex containers. */
.bm-costbox[hidden],.bm-results[hidden],.bm-error[hidden]{display:none!important}

/* ------------------------------------------------------------------
   HESAPLAY.COM V12 — Duvar / Tuğla Hesaplama (isolated dw- namespace)
   ------------------------------------------------------------------ */
.dw-hero{position:relative;isolation:isolate;overflow:hidden;margin:22px 24px 24px;padding:30px 36px 8px;border-radius:27px;min-height:430px;background:radial-gradient(ellipse at 88% 28%,#256d7a 0%,transparent 45%),linear-gradient(125deg,#162944 5%,#1d435f 55%,#16465d);color:#fff;border:1px solid #487487;box-shadow:0 25px 52px #1c47632e}
.dw-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.dw-ambient i{position:absolute;border:1px solid #a3fff01e;border-radius:50%;width:350px;height:350px;top:-160px;right:20px}.dw-ambient i:nth-child(2){width:520px;height:520px;top:-230px;right:-60px}.dw-ambient i:nth-child(3){width:710px;height:710px;top:-325px;right:-155px}.dw-crumb{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#b3d5e1;font-size:11px;font-weight:700}.dw-crumb a{color:#b7f2ed;text-decoration:none}.dw-crumb a:hover{color:white}.dw-crumb>span:last-child{color:#fff}.dw-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:center}.dw-hero-copy{padding:50px 0 73px}.dw-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;color:#c5f6e7;font-weight:900;letter-spacing:.14em}.dw-spark{font-size:18px;color:#ffcc90;animation:dw-twinkle 4s ease infinite}.dw-hero h1{font-size:clamp(32px,4vw,60px);font-weight:900;letter-spacing:-.04em;line-height:1.15;margin:21px 0 18px;color:#fff}.dw-hero h1 em{font-style:normal;color:#ffbe8e}.dw-hero-copy>p{color:#c4d9e5;font-size:14px;line-height:1.85;max-width:580px;margin:0 0 24px}.dw-hero-tags{display:flex;flex-wrap:wrap;gap:9px}.dw-hero-tags span{border:1px solid #c8eeec33;background:#d6fff012;padding:8px 11px;border-radius:30px;font-size:10px;font-weight:800;color:#d9f3ef}.dw-hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:345px}.dw-hero-art img{width:100%;max-width:590px;height:auto;max-height:415px;object-fit:contain;filter:drop-shadow(0 24px 32px #071b3044);animation:dw-hover 7s ease-in-out infinite}.dw-hero-stamp{position:absolute;right:0;bottom:35px;border:1px solid #f4f3e57a;border-radius:13px;background:#fffef6e8;backdrop-filter:blur(12px);color:#1d4560;padding:12px 18px;box-shadow:0 10px 30px #0d2c4650;transform:rotate(-2deg)}.dw-hero-stamp span{display:block;font-size:9px;font-weight:900;color:#b26b52;letter-spacing:.13em}.dw-hero-stamp strong{display:block;font-size:15px;font-weight:900;margin:4px 0 3px}.dw-hero-stamp small{font-size:10px;color:#4b7c82}
.dw-layout{max-width:1510px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:23px;padding:0 24px 25px;align-items:start}.dw-main{min-width:0;display:grid;gap:20px}.dw-sheet{background:#fff;border:1px solid #e0eaf2;border-radius:23px;padding:30px 32px;box-shadow:0 8px 30px #294b7010}.dw-heading{display:flex;gap:17px;align-items:flex-start;margin-bottom:25px}.dw-number{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ffdcba,#f4a26c);font-size:16px;font-weight:900;color:#78452d}.dw-number-purple{background:linear-gradient(135deg,#e2d9ff,#b3c6f6);color:#453d8a}.dw-number-teal{background:linear-gradient(135deg,#bff6eb,#8ad8dd);color:#206e70}.dw-eyebrow{color:#ac7654;font-weight:900;letter-spacing:.12em;font-size:10px;display:block}.dw-heading h2{font-size:clamp(22px,2.5vw,29px);line-height:1.25;margin:5px 0 7px;color:#1b3e5c;font-weight:900;letter-spacing:-.018em}.dw-heading p{margin:0;font-size:12px;color:#7890a6;line-height:1.7}.dw-heading-small{margin-top:21px}.dw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e5ebf1;padding-bottom:15px;margin-bottom:13px}.dw-toolbar>span{font-size:10px;letter-spacing:.12em;color:#496e90;font-weight:900}.dw-toolbar>span b{font-size:10px;color:#91a0b4;font-weight:700;letter-spacing:0;margin-left:7px}.dw-legend-dot{display:inline-block;width:8px;height:8px;background:#d97c55;border-radius:50%;margin-right:6px}.dw-toolbar-actions{display:flex;flex-wrap:wrap;gap:7px}.dw-ghost{border:1px solid #cce0e9;border-radius:10px;background:#f3f9fb;color:#2d6784;font-size:11px;font-weight:900;padding:10px 13px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.dw-ghost:hover{background:#e4f7f8;border-color:#90becb;transform:translateY(-1px)}.dw-rows{display:grid;gap:12px}.dw-wall-row,.dw-opening-row{border:1px solid #dde6ef;border-radius:16px;padding:17px 17px 15px;background:linear-gradient(145deg,#fff,#fbfdff);transition:border-color .2s,box-shadow .2s}.dw-wall-row:focus-within,.dw-opening-row:focus-within{border-color:#74bec6;box-shadow:0 0 0 4px #60c7cf18}.dw-row-top{display:flex;gap:10px;align-items:center;margin-bottom:16px}.dw-row-glyph{height:36px;width:36px;flex:0 0 36px;border-radius:9px;display:grid;place-items:center;background:#fae9dc;color:#ca704b;font-size:20px}.dw-opening-glyph{color:#3b8a93;background:#dff3f5}.dw-name-label{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px;color:#7e91a3;font-size:9px;font-weight:900}.dw-name-label input{width:100%;border:0;background:transparent;padding:0;font-size:15px;font-weight:900;color:#274866;outline:0;text-overflow:ellipsis}.dw-name-label input:focus{box-shadow:0 2px #57bdca}.dw-row-top-right{display:flex;align-items:center;gap:8px}.dw-row-top-right b{white-space:nowrap;background:#e8f6ee;color:#287a61;font-size:10px;font-weight:900;padding:7px 8px;border-radius:8px}.dw-opening-row .dw-row-top-right b{background:#e7f4fb;color:#3e799d}.dw-delete{width:30px;height:30px;border:1px solid #ebd5da;border-radius:8px;background:#fff9f9;color:#ad6173;font-size:22px;line-height:1;cursor:pointer}.dw-delete:hover{background:#ffe9e9}.dw-row-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.dw-opening-fields{grid-template-columns:minmax(130px,1.45fr) repeat(3,minmax(0,1fr))}.dw-row-fields label,.dw-material-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:900;color:#45647e;min-width:0}.dw-row-fields input,.dw-row-fields select,.dw-material-grid input,.dw-material-grid select{width:100%;min-width:0;border:1px solid #d6e2ed;background:#fff;padding:12px 11px;border-radius:10px;color:#1d3f5d;font-weight:700;font-size:13px;outline:0;transition:border-color .15s,box-shadow .15s}.dw-row-fields input:focus,.dw-row-fields select:focus,.dw-material-grid input:focus,.dw-material-grid select:focus{border-color:#3da7b2;box-shadow:0 0 0 4px #3da7b21a}.dw-material-grid label small{font-size:9px;color:#879cae;font-weight:600;line-height:1.35}.dw-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 13px}.dw-hint{font-size:10px;line-height:1.75;color:#7a8da1;padding:8px 2px 3px;margin:6px 0 15px}.dw-hint strong{color:#47788a}.dw-split-title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:27px 0 14px}.dw-split-title h3{font-size:19px;margin:4px 0 0;color:#274967}.dw-opening-row{background:#fbfdff}.dw-divider{height:1px;background:linear-gradient(90deg,#c2dfe7,transparent);margin:29px 0}.dw-mortar-choice{margin-top:22px}.dw-mode-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.dw-mode-choices label{cursor:pointer;position:relative}.dw-mode-choices input{position:absolute;opacity:0;width:1px;height:1px}.dw-mode-choices label span{display:block;padding:14px 12px;border:1px solid #d9e6ee;border-radius:12px;color:#54728d;background:#f7fafd;text-align:center;font-size:11px;font-weight:900;transition:all .2s}.dw-mode-choices input:checked+span{border-color:#53b5b2;color:#156a78;background:#e5faf6;box-shadow:inset 0 0 0 1px #b9e2d9}.dw-mode-choices input:focus-visible+span{outline:3px solid #55adc8;outline-offset:2px}.dw-mix-options{margin-top:15px}.dw-notice{padding:17px 20px;border-radius:12px;background:#fff8ec;border:1px solid #f5e1ba;color:#876b4a;line-height:1.85;font-size:11px;margin:23px 0 17px}.dw-notice strong{color:#745439}.dw-error{padding:13px 15px;margin:13px 0;border-radius:10px;background:#ffeff0;color:#a83b55;border:1px solid #f9bdc5;font-size:12px;font-weight:800}.dw-cta-line{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.dw-primary-btn{display:flex;align-items:center;justify-content:space-between;gap:35px;border:0;background:linear-gradient(95deg,#ca6e4c,#e79561);border-radius:13px;padding:16px 21px;color:#fff;font-size:14px;font-weight:900;box-shadow:0 9px 20px #c47a5545;cursor:pointer}.dw-primary-btn:hover{filter:brightness(1.07)}.dw-primary-btn span{font-size:21px}.dw-reset{background:none;border:none;color:#758ba0;font-size:11px;font-weight:800;cursor:pointer}.dw-reset:hover{color:#2f7281}
.dw-report{scroll-margin-top:90px}.dw-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.dw-stat{position:relative;overflow:hidden;min-height:130px;display:flex;flex-direction:column;align-items:flex-start;border-radius:14px;border:1px solid #e0e8f3;padding:20px 14px;background:#f5f8fc}.dw-stat span{color:#7490a6;font-size:9px;font-weight:900;letter-spacing:.07em;line-height:1.4}.dw-stat strong{color:#1b4763;font-size:clamp(21px,2.1vw,28px);font-weight:900;margin:11px 0 3px}.dw-stat small{color:#8a9ba9;font-size:10px}.dw-stat-star{background:radial-gradient(circle at 90% 0,#257e77,transparent 60%),linear-gradient(145deg,#173a55,#225b6c);border-color:#397488}.dw-stat-star span{color:#a9ede1}.dw-stat-star strong{font-size:clamp(28px,3vw,39px);color:#ffe0ae}.dw-stat-star small{color:#bdd9e1}.dw-visual-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(205px,.75fr);gap:12px;margin:17px 0 20px}.dw-breakout{border:1px solid #e0eaf0;border-radius:16px;background:linear-gradient(180deg,#fff,#f6fbfd);padding:20px;overflow:hidden}.dw-subhead{display:flex;justify-content:space-between;gap:12px}.dw-subhead span{color:#607e95;font-size:10px;font-weight:900;letter-spacing:.08em}.dw-subhead strong{color:#1a7184;font-size:12px}.dw-stacked{display:flex;overflow:hidden;height:15px;border-radius:100px;margin:14px 0 11px;background:#e6ecf3}.dw-stacked span:first-child{background:linear-gradient(95deg,#e6a56c,#bb6c4d);transition:width .45s ease}.dw-stacked span:last-child{background:repeating-linear-gradient(45deg,#7ebbb9 0,#7ebbb9 7px,#9cd1c7 7px,#9cd1c7 14px);transition:width .45s ease}.dw-keys{display:flex;flex-wrap:wrap;gap:13px}.dw-keys span{color:#637f93;font-size:10px}.dw-keys b{font-weight:900;color:#315874;margin-left:5px}.dw-keys i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.dw-key-net{background:#cc8460}.dw-key-hole{background:#7ebbb9}.dw-wall-preview{height:134px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;transform:perspective(550px) rotateX(6deg);margin-top:22px}.dw-preview-line{display:flex;gap:4px;margin-bottom:4px;width:94%;height:21px}.dw-preview-line:nth-child(even){transform:translateX(12px)}.dw-preview-brick{flex:1;min-width:0;border-radius:3px;background:linear-gradient(135deg,#f5b789,#cd7352);box-shadow:inset -3px -3px #a44f4133,inset 2px 2px #fff5e377;animation:dw-brick-rise .4s ease backwards}.dw-supply-card{border:1px solid #d8e8e9;border-radius:16px;background:#eff9f8;padding:21px 18px}.dw-supply-card>span{display:block;color:#418484;font-size:10px;font-weight:900;letter-spacing:.1em;margin-bottom:13px}.dw-supply-card>div{border-bottom:1px solid #cee6e6;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.dw-supply-card>div small{font-size:11px;color:#668c91}.dw-supply-card>div strong{font-size:13px;color:#266775;white-space:nowrap}.dw-supply-card>p{margin:17px 0 0;font-size:10px;color:#6a8d97;line-height:1.7}.dw-table-wrap{overflow-x:auto;border:1px solid #dbe5ef;border-radius:14px}.dw-table{width:100%;min-width:500px;border-collapse:collapse;font-size:12px}.dw-table caption{height:0;overflow:hidden;padding:0}.dw-table th,.dw-table td{padding:13px 12px;border-bottom:1px solid #edf1f6;text-align:right;color:#507089}.dw-table th:first-child,.dw-table td:first-child{text-align:left}.dw-table thead{background:#edf4f8}.dw-table thead th{font-size:10px;color:#477084;font-weight:900}.dw-table tbody th{font-weight:800;color:#29536c}.dw-table tbody tr:nth-child(even){background:#f9fbfd}.dw-table tfoot th{background:#e6f5ed;color:#277568;border:0}.dw-budget{margin-top:19px;padding:22px 26px;background:linear-gradient(108deg,#fef2e2,#eef9f1);border:1px solid #ecdec4;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.dw-budget span{font-size:10px;letter-spacing:.09em;color:#9a7651;font-weight:900}.dw-budget strong{display:block;font-size:clamp(24px,3vw,36px);color:#406757;font-weight:900;margin:8px 0}.dw-budget p{font-size:11px;line-height:1.8;color:#748778;margin:0}.dw-budget-icon{width:69px;height:69px;flex:0 0 69px;border:1px solid #dfcca8;color:#a48655;border-radius:21px;font-size:35px;font-weight:900;display:grid;place-items:center;background:#fff5e0}.dw-report-caveat{padding:15px 17px;border-radius:12px;background:#f5f8fc;color:#6c8397;line-height:1.85;font-size:11px;margin:17px 0}.dw-report-actions{display:flex;gap:9px;flex-wrap:wrap}
.dw-aside{position:sticky;top:94px;display:grid;gap:13px}.dw-aside-dark{background:linear-gradient(140deg,#172742,#264f67);border:1px solid #305e79;border-radius:20px;padding:25px 22px;color:#fff;box-shadow:0 17px 31px #173d5730}.dw-aside-dark>span{font-size:10px;color:#b4f6e0;font-weight:900;letter-spacing:.12em}.dw-aside-dark h2{font-size:25px;line-height:1.25;font-weight:900;margin:18px 0}.dw-aside-dark h2 em{color:#ffc796;font-style:normal}.dw-mini-formula{padding:14px;border:1px solid #accbdb43;background:#ffffff0c;border-radius:12px;margin-top:10px}.dw-mini-formula small{font-size:9px;letter-spacing:.1em;color:#a4c2ce;font-weight:900}.dw-mini-formula strong{display:block;color:white;font-size:12px;margin:5px 0;line-height:1.5}.dw-mini-formula span{font-size:10px;color:#9ff9e8}.dw-aside-dark p{margin:15px 0 0;color:#c1d7df;font-size:11px;line-height:1.8}.dw-aside-light{border-radius:18px;border:1px solid #e0e9f0;background:#fff;padding:21px}.dw-side-icon{display:grid;place-items:center;border-radius:10px;width:36px;height:36px;background:#fbebdc;color:#c0774c;font-size:12px;font-weight:900}.dw-aside-light h3{font-size:16px;color:#284d6a;margin:14px 0 7px}.dw-aside-light p{font-size:11px;line-height:1.8;margin:0;color:#6d8699}.dw-other{background:linear-gradient(110deg,#fce1c8,#deeff6);border:1px solid #e8d4bd;color:#355b71;border-radius:17px;padding:21px;display:flex;flex-direction:column;gap:5px;text-decoration:none}.dw-other small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#b27d57}.dw-other strong{font-size:17px}.dw-other>span{font-size:11px;color:#7495a0}
.dw-guide{padding:20px 10px 45px}.dw-guide>h2{font-size:clamp(28px,3vw,37px);margin:9px 0 17px;color:#234a63;font-weight:900}.dw-guide-intro{font-size:15px!important;line-height:1.9!important;color:#58788d!important}.dw-guide section{padding:0 0 10px;margin:29px 0}.dw-guide h3{font-size:clamp(18px,2vw,24px);font-weight:900;color:#325a73;margin:0 0 12px}.dw-guide p{font-size:13px;line-height:2;color:#5d768b;margin:0 0 13px}.dw-guide ul,.dw-guide ol{color:#5d768b;font-size:13px;line-height:2;padding-left:23px}.dw-guide li{margin-bottom:9px}.dw-example{background:linear-gradient(105deg,#fff5e8,#eaf7f7);border:1px solid #e3e3d0;border-radius:17px;padding:17px 20px;margin:16px 0}.dw-example strong{display:block;color:#9c6b4a;margin-bottom:6px}.dw-example p{margin:0}.dw-guide .dw-faq{border-top:1px solid #d8e3ed;padding-top:24px}.dw-faq details{background:#fff;border:1px solid #dce7ef;border-radius:12px;padding:15px 17px;margin-bottom:10px}.dw-faq summary{font-size:13px;cursor:pointer;font-weight:900;color:#315a72}.dw-faq details p{padding-top:10px;margin:0}
.dw-home-promo{background:linear-gradient(113deg,#7c4a49,#bb7859 53%,#ce9568);border-color:#e4ae81}.dw-home-promo .ub-home-art i{color:#fff3e0}.dw-home-promo .ub-home-art b{color:#ffe2bf}
@keyframes dw-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dw-twinkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}@keyframes dw-brick-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1280px){.dw-hero{margin:15px;padding:25px 24px}.dw-layout{padding:0 15px 25px;grid-template-columns:minmax(0,1fr) 260px;gap:15px}.dw-sheet{padding:25px}.dw-hero-copy{padding:37px 0 50px}}
@media(max-width:1100px){.dw-layout{grid-template-columns:1fr}.dw-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.dw-aside-dark{grid-row:span 2}.dw-other{grid-column:1/-1}}
@media(max-width:760px){.dw-hero{margin:10px 10px 18px;padding:20px 18px 4px;border-radius:22px}.dw-hero-grid{grid-template-columns:1fr;gap:0}.dw-hero-copy{padding:30px 0 0}.dw-hero h1{font-size:clamp(34px,7.8vw,46px)}.dw-hero-copy>p{font-size:12px}.dw-hero-art{min-height:260px;max-height:300px}.dw-hero-art img{max-width:410px;max-height:320px}.dw-hero-stamp{bottom:5px;right:10px}.dw-layout{padding:0 10px 20px}.dw-aside{grid-template-columns:1fr}.dw-aside-dark{grid-row:auto}.dw-visual-grid{grid-template-columns:1fr}.dw-wall-preview{height:110px}.dw-opening-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.dw-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:530px){.dw-sheet{border-radius:17px;padding:19px 15px}.dw-heading{gap:10px}.dw-number{width:37px;height:37px;flex-basis:37px;border-radius:11px;font-size:13px}.dw-heading h2{font-size:21px}.dw-toolbar>span{width:100%}.dw-toolbar-actions{width:100%}.dw-toolbar-actions button{flex:1}.dw-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.dw-hero-stamp strong{font-size:12px}.dw-hero-tags span{font-size:9px}.dw-row-glyph{display:none}.dw-wall-row,.dw-opening-row{padding:12px}.dw-row-top{gap:5px}.dw-name-label input{font-size:13px}.dw-row-top-right b{font-size:9px}.dw-row-fields{gap:7px}.dw-row-fields label,.dw-material-grid label{font-size:10px}.dw-row-fields input,.dw-row-fields select,.dw-material-grid input,.dw-material-grid select{font-size:12px;padding:10px 8px}.dw-opening-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.dw-stat{min-height:113px;padding:14px 12px}.dw-stat strong{font-size:22px}.dw-stat-star strong{font-size:28px}.dw-stat small{font-size:9px}.dw-budget-icon{display:none}.dw-mode-choices label span{padding:12px 8px;font-size:10px}.dw-cta-line{align-items:stretch;flex-direction:column}.dw-primary-btn{width:100%}.dw-report-actions button{flex:1}}
@media(max-width:360px){.dw-material-grid{grid-template-columns:1fr}.dw-row-top-right b{max-width:85px;overflow:hidden;text-overflow:ellipsis}.dw-hero h1{font-size:31px}.dw-hero-tags{gap:5px}.dw-hero-stamp{right:0}}
@media(prefers-reduced-motion:reduce){.dw-hero-art img,.dw-spark,.dw-preview-brick{animation:none!important}.dw-stacked span{transition:none!important}}
@media print{.site-sidebar,.topbar,.mobile-mask,.dw-hero,.dw-aside,.dw-sheet:first-child,.dw-guide,.dw-report-actions,.dw-wall-preview,.dw-report-caveat,.dw-other{display:none!important}body,.app-shell,.main-container{margin:0!important;padding:0!important;background:#fff!important}.dw-layout{display:block!important;padding:0!important}.dw-report{display:block!important;border:0!important;box-shadow:none!important;padding:6px!important}.dw-stat,.dw-budget{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* Native [hidden] must override any display:flex / grid classes. */
.dw-mix-options[hidden],.dw-material-grid label[hidden],.dw-supply-card>div[hidden],.dw-report[hidden],.dw-budget[hidden],.dw-error[hidden]{display:none!important}

/* V12.1 corrections: native visibility, mobile edge safety, readable footer, layering. */
[hidden]{display:none!important}body{max-width:100%;overflow-x:clip}main,section,article{min-width:0}
.topbar{max-width:100%}.topbar-left,.topbar-right{min-width:0}.top-logo img{height:auto;max-height:43px}
.site-sidebar{overscroll-behavior:contain}.site-sidebar .nav-item{flex-shrink:0}
.rc-site-footer{width:100%;margin-top:40px;clear:both}.rc-site-footer nav{gap:12px 20px}
.rc-site-footer .rc-footer-bottom{width:100%;border-top:1px solid #ffffff29;padding-top:16px}
@media(max-width:950px){.site-sidebar{z-index:1100}.mobile-mask{z-index:1090}.topbar{z-index:1050}.menu-open .site-sidebar{visibility:visible}}
@media(max-width:450px){.topbar{gap:7px;padding:0 11px}.top-logo img{width:min(33vw,145px)}.topbar-action{font-size:10px;padding:8px 9px}.topbar-action span{display:none}.main-container{width:100%}.rc-site-footer{padding:30px 22px}.rc-site-footer nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.rc-site-footer nav a{display:block;line-height:1.7}}