.calc-feature{display:block;border:1px solid #c1e8ff38;border-radius:20px;background:#03070a;scroll-margin-top:28px;overflow:hidden}
.calc-introduction{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:32px 40px 30px;background:radial-gradient(ellipse at 90% 0%,#b4e6f20a,transparent 70%)}
.calc-eyebrow{margin:0 0 12px;font:600 10px/1.5 system-ui;letter-spacing:.22em;color:#9eb5c2}
.calc-heading h2{display:flex;align-items:baseline;gap:25px;margin:0;font:300 54px/1.1 system-ui;letter-spacing:-.055em;color:#e5f5fc}
.calc-heading h2>span{font:400 22px/1.25 Georgia,serif;letter-spacing:-.015em;color:#fbe8c2}
.calc-domain{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#c1e8ff;text-decoration:none;padding:6px 0 8px;border-bottom:1px solid #c1e8ff55}
.calc-domain-name{font:300 49px/1.1 system-ui;letter-spacing:-.045em;display:flex;gap:22px;align-items:center}
.calc-arrow{font:300 29px/1 system-ui;color:#95adbb}
.calc-domain-action{font:500 10px/1.5 system-ui;letter-spacing:.14em;text-transform:uppercase;color:#93a8b5}
.calc-domain:hover{color:#fff;border-color:#c1e8ff}.calc-domain:hover .calc-arrow{color:#fff}
.calc-visual{display:block;position:relative;width:100%;aspect-ratio:5/3;overflow:hidden;border-top:1px solid #c1e8ff26;border-bottom:1px solid #c1e8ff26;background:#000}
.calc-visual iframe{display:block;width:1200px;height:720px;border:0;max-width:none;transform:scale(var(--calc-frame-scale,.98));transform-origin:top left;background:#000}
.calc-details{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;color:#9eacb5;font:12px/1.6 system-ui}
.calc-details p{margin:0}.calc-details p span{padding:0 9px;color:#596d7a}.calc-details a{color:#c1e8ff;text-decoration:none;white-space:nowrap}.calc-details a:hover{text-decoration:underline}
.calc-feature a:focus-visible{outline:2px solid #c1e8ff;outline-offset:6px}

@media(max-width:1100px){.calc-introduction{padding:26px 28px}.calc-heading h2{display:block;font-size:46px}.calc-heading h2>span{display:block;margin-top:9px;font-size:20px}.calc-domain-name{font-size:44px}}
@media(max-width:600px){.calc-introduction{display:block;padding:26px 24px}.calc-heading h2{font-size:42px}.calc-heading h2>span{font-size:20px}.calc-domain{margin-top:22px;align-items:flex-start;width:fit-content}.calc-domain-name{font-size:44px}.calc-domain-action{font-size:9px}.calc-details{display:block;padding:18px 22px;font-size:11px}.calc-details p{max-width:260px;line-height:1.9}.calc-details p span{padding:0 4px}.calc-details>a{display:inline-block;margin-top:10px}}

.calc-feature{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:stretch}
.calc-visual{grid-column:1;grid-row:1;aspect-ratio:6/5;border:0;border-right:1px solid #c1e8ff26;align-self:center}
.calc-visual iframe{height:1000px}
.calc-introduction{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:38px 34px}
.calc-heading h2{display:block;font-size:54px}.calc-heading h2>span{display:block;margin-top:15px;font-size:23px;line-height:1.3}
.calc-eyebrow{font-size:9px;letter-spacing:.19em;margin-bottom:17px}
.calc-domain{margin-top:30px;width:100%;gap:9px;padding:0 0 15px}.calc-domain-name{font-size:49px;gap:22px}.calc-domain-action{font-size:9px;letter-spacing:.13em}
.calc-description{font:14px/1.85 system-ui;color:#a9b5bf;margin:24px 0 0;max-width:305px}

@media(min-width:701px) and (max-width:1000px){.calc-feature{grid-template-columns:1.65fr 1fr}.calc-introduction{padding:26px 23px}.calc-heading h2{font-size:44px}.calc-heading h2>span{font-size:20px}.calc-domain-name{font-size:38px;gap:12px}.calc-domain{margin-top:22px}.calc-description{font-size:12px;margin-top:20px}.calc-eyebrow{font-size:8px}}
@media(max-width:700px){.calc-feature{display:flex;flex-direction:column}.calc-introduction{padding:28px;order:0}.calc-visual{order:1;border:0;border-top:1px solid #c1e8ff26}.calc-heading h2{font-size:44px}.calc-heading h2>span{font-size:21px}.calc-domain{width:fit-content}.calc-domain-name{font-size:46px}.calc-description{font-size:13px}.calc-visual iframe{height:1000px}}

/* Selected design: URL itself is the button label. */
.calc-domain{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:17px 20px;margin-top:30px;border:1px solid rgba(193,232,255,.5);border-radius:9px;background:rgba(193,232,255,.065);color:#d5efff;text-decoration:none}.calc-domain-name{display:block;font-size:44px;line-height:1.15;letter-spacing:-.045em}.calc-domain:hover{background:rgba(193,232,255,.13);border-color:#c1e8ff;color:#fff}@media(min-width:701px) and (max-width:1000px){.calc-domain{padding:15px 14px}.calc-domain-name{font-size:36px}}@media(max-width:700px){.calc-domain{width:100%;padding:16px 20px}.calc-domain-name{font-size:42px}}

/* Compact URL action, aligned with the site's warm outlined buttons. */
.calc-domain{width:fit-content;flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;padding:15px 23px;margin-top:29px;border:1px solid #fbe8c28c;border-radius:7px;background:#fbe8c20b;color:#fbe8c2;box-shadow:inset 0 1px 0 #fff8;box-shadow:none}
.calc-domain-name{font:400 31px/1.15 Georgia,serif;letter-spacing:-.025em}
.calc-button-arrow{font:400 21px/1 system-ui;color:#fbe8c2b3}
.calc-domain:hover{background:#fbe8c218;color:#fff2d8;border-color:#fbe8c2}.calc-domain:hover .calc-button-arrow{color:#fff2d8}
@media(min-width:701px) and (max-width:1000px){.calc-domain{padding:13px 18px;gap:16px}.calc-domain-name{font-size:27px}}
@media(max-width:700px){.calc-domain{width:fit-content;padding:15px 23px;gap:24px}.calc-domain-name{font-size:31px}}

/* Requested 30% increase from the verified 146.546875px button width. */
#calculator .math-domain{width:190.5109375px}

#calculator .math-domain{align-items:center;text-align:center}

.calc-credit{margin:22px 0 0;font:11px/1.6 system-ui;color:#8498a5}.calc-credit span{color:#c1d5df}

.calc-credit{width:100%;margin:27px 0 0;padding-top:20px;border-top:1px solid rgba(251,232,194,.2)}
.calc-credit .calc-credit-label{display:block;font:500 9px/1.5 system-ui;letter-spacing:.17em;text-transform:uppercase;color:#aeb9bf;margin-bottom:6px}
.calc-credit .calc-credit-name{display:block;font:400 23px/1.3 Georgia,"Iowan Old Style",serif;letter-spacing:-.02em;color:#c1e8ff}

.calc-credit .calc-credit-name{width:fit-content;color:#a8dcff;background:linear-gradient(100deg,#74aaff 0%,#a8d9ff 48%,#71e5ef 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* Mathematics treatment: cool blue, precise sans-serif tagline. */
.calc-heading h2>span{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:22px;font-weight:300;line-height:1.45;letter-spacing:.025em;color:#c1e8ff}
@media(min-width:701px) and (max-width:1000px){.calc-heading h2>span{font-size:19px}}
@media(max-width:700px){.calc-heading h2>span{font-size:21px}}

/* Product name, release badge, and category form one clear identity. */
.calc-name-row{display:flex;align-items:center;gap:15px}
.calc-name-row #calculator-title{font:400 58px/1.08 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.045em;color:#e6f5ff;white-space:nowrap}
.calc-new{display:inline-block;padding:5px 9px;border:1px solid #8ddfff66;border-radius:5px;background:#74c8ff12;color:#a9e7ff;font:650 9px/1.2 system-ui;letter-spacing:.1em}
.calc-product-type{margin:13px 0 0;font:500 16px/1.4 system-ui;letter-spacing:.025em;color:#c1e8ff}
.calc-tagline{margin:6px 0 0;font:300 19px/1.45 system-ui;letter-spacing:.01em;color:#a9bfcd}
@media(min-width:701px) and (max-width:1000px){.calc-name-row{gap:10px}.calc-name-row #calculator-title{font-size:44px}.calc-new{padding:4px 7px;font-size:8px}.calc-product-type{font-size:14px}.calc-tagline{font-size:17px}}
@media(max-width:700px){.calc-name-row #calculator-title{font-size:50px}.calc-product-type{font-size:15px}.calc-tagline{font-size:18px}}

.calc-name-row #calculator-title{color:#e6f5ff;background:none;-webkit-text-fill-color:#e6f5ff;animation:none}

/* Match the calculator OpenGraph card's font, title gradient and creator badge. */
.calc-introduction{font-family:Arial,Helvetica,sans-serif}
.calc-name-row #calculator-title{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.0531914894em;background:linear-gradient(110deg,#8bceff 5%,#81edcd 95%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:none}
.calc-tagline,.calc-description{font-family:Arial,Helvetica,sans-serif}
.calc-equation{width:100%;max-width:340px;margin:20px 0 0}
.calc-equation img{display:block;width:100%;height:42px;object-fit:contain;object-position:left center}
.calc-credit{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:7px;width:fit-content;max-width:100%;margin:22px 0 0;padding:12px 17px;border:1px solid #354047;border-radius:9px;background:#0b0f11;font:400 19px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.1px}
.calc-credit .calc-credit-label{display:inline;margin:0;font:400 14px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:#8e9ba4}
.calc-credit .calc-credit-name{display:inline;width:auto;font:400 19px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;color:#dce4e8;background:none;-webkit-text-fill-color:currentColor}
@media(min-width:701px) and (max-width:1000px){.calc-credit{padding:10px 12px;gap:5px}.calc-credit .calc-credit-label{font-size:12px}.calc-credit .calc-credit-name{font-size:16px}}

.calc-credit{flex-wrap:nowrap;white-space:nowrap}
@media(max-width:1100px){.calc-credit{padding:10px 12px;gap:5px}.calc-credit .calc-credit-label{font-size:12px}.calc-credit .calc-credit-name{font-size:16px}}