/* Product-detail composition follows the current DigitalOcean product pages. */
.reference-site .pd-hero{padding:88px 0 105px;text-align:center;background:radial-gradient(ellipse 90% 75% at 50% -5%,#297a7d 0%,#1a3b2f 39%,#171a0b 65%,#000 100%)}.pd-hero-icon{width:74px;height:74px;margin:0 auto 30px;color:#b5cac3}.pd-hero-icon svg{width:100%;height:100%;stroke-width:1.2}.pd-eyebrow{font-size:12px;letter-spacing:.06em;color:#8fb9b7;display:block;margin-bottom:18px}.reference-site .pd-hero h1{font-size:48px;line-height:1.22;letter-spacing:-1.5px;max-width:930px;margin:0 auto 22px}.pd-hero p{font-size:18px;line-height:1.7;max-width:780px;margin:0 auto;color:#e0e9e9}.pd-hero .hero-actions{margin-top:32px}.pd-hero-status{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#9aafad;margin-top:25px}.pd-hero-status svg{width:14px;height:14px;flex-shrink:0}.pd-feature-banner{border:1px solid #233a37;border-radius:17px;background:#00110f;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.pd-feature-copy{padding:40px}.reference-site .pd-feature-copy h2{font-size:28px;line-height:1.4;margin:0 0 18px;letter-spacing:-.6px}.pd-feature-copy p{font-size:16px;line-height:1.8;color:#c8d8d4;margin:0 0 27px}.pd-diagram{position:relative;min-height:330px;padding:25px;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 80% 10%,#17473f,#031c1c 55%,#00110f);overflow:hidden}.pd-diagram-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#5a918b16 1px,transparent 1px),linear-gradient(90deg,#5a918b16 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.pd-diagram-title,.pd-diagram-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#98c1bd;font-size:10px;letter-spacing:.025em}.pd-diagram-title span:first-child{font-family:monospace}.pd-diagram-caption>span:first-child{display:flex;gap:8px;align-items:center}.pd-diagram-caption svg{width:17px;height:17px}.pd-diagram-path{display:flex;align-items:center;justify-content:center;gap:0;margin:40px 0}.pd-diagram-node{border:1px solid #45635a;border-radius:10px;background:#00110fe8;padding:18px 8px;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:95px;flex:1;max-width:140px;color:#b5cdc3;font-size:11px;text-align:center}.pd-diagram-node svg{width:30px;height:30px;stroke-width:1.3}.pd-diagram-node.pd-node-main{color:#a0e5d9;border-color:#71958b;background:#12352df0;box-shadow:0 0 60px #6fe0ed12;transform:translateY(-12px)}.pd-diagram-node.pd-node-main svg{width:40px;height:40px}.pd-diagram-connector{height:1px;background:#587d73;flex:0 1 26px;min-width:12px;position:relative}.pd-diagram-connector:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #91b1a3;border-right:1px solid #91b1a3;transform:rotate(45deg)}.reference-site .pd-section{padding:85px 0}.pd-section-heading{text-align:center;margin-bottom:48px}.reference-site .pd-section h2{font-size:36px;line-height:1.35;letter-spacing:-.8px;margin:0 0 18px}.pd-section-heading>p{color:#bdcfca;font-size:16px;margin:0;line-height:1.8}.pd-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}.pd-benefit-icon{width:45px;height:45px;display:flex;align-items:center;margin-bottom:22px;color:#b2c578}.pd-benefit-icon svg{width:36px;height:36px;stroke-width:1.3}.reference-site .pd-benefits h3{font-size:21px;line-height:1.5;margin:0 0 14px;letter-spacing:-.4px}.pd-benefits p{font-size:16px;line-height:1.8;margin:0;color:#bdcfca}.pd-option-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:35px}.pd-option-tabs button{border:1px solid #2d4b44;background:transparent;color:#c3d5cf;border-radius:999px;padding:10px 22px;font-size:15px}.pd-option-tabs button[aria-selected=true]{color:#000;background:#6fe0ed;border-color:#6fe0ed}.pd-option-tabs button:focus-visible,.pd-faq summary:focus-visible{outline:2px solid #6fe0ed;outline-offset:5px}.pd-option-panel{display:grid;grid-template-columns:1.4fr 1fr;background:#00110f;border:1px solid #203c34;border-radius:16px;overflow:hidden}.pd-option-copy{padding:40px}.pd-number{font:11px monospace;color:#8baca2}.reference-site .pd-option-panel h3{font-size:28px;margin:20px 0 16px}.pd-option-panel p{color:#bcd0c8;font-size:16px;line-height:1.8;margin:0 0 22px}.pd-option-note{display:flex;align-items:flex-start;gap:12px;margin:25px 0 30px;color:#bdcfca;font-size:14px;line-height:1.8}.pd-option-note svg{color:#6fe0ed;flex-shrink:0;width:19px;margin-top:3px}.pd-option-context{padding:40px;background:#08241d;border-left:1px solid #203c34;display:flex;flex-direction:column;justify-content:center}.pd-option-context>span{color:#94b5a9;font-size:12px;margin-bottom:12px}.pd-option-context p{font-size:15px}.pd-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.pd-plan{padding:25px 22px;background:#00110f;border:1px solid #29463f;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start}.pd-plan>span{font-size:16px;font-weight:600}.pd-plan>strong{font-size:32px;margin:24px 0 15px;color:#e7f7ef}.pd-plan small{font-size:12px;color:#a2bcb2;font-weight:400}.pd-plan>p{font-size:13px;color:#b3c8bf;line-height:2;margin:0 0 25px}.pd-plan>.btn{margin-top:auto;font-size:13px;padding:9px 18px}.pd-plan-grid+.caption{margin-top:25px}.pd-availability{border:1px solid #254a41;border-radius:16px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#00110f}.pd-status{font-size:11px;color:#a5c1af;display:inline-block;margin-bottom:15px;border:1px solid #3a5849;border-radius:999px;padding:5px 12px}.reference-site .pd-availability h3{font-size:24px;margin:0 0 12px;line-height:1.5}.pd-availability p{font-size:15px;line-height:1.8;max-width:660px;color:#b3c8bf;margin:0}.pd-availability>.btn{flex-shrink:0}.pd-faq-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:90px}.pd-faq-layout>div>p{font-size:16px;line-height:1.8;color:#b5c9c0;margin:0 0 25px}.pd-faq details{border-top:1px solid #2b453c;padding:22px 0}.pd-faq details:last-child{border-bottom:1px solid #2b453c}.pd-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:17px;font-weight:500}.pd-faq summary::-webkit-details-marker{display:none}.pd-faq summary svg{width:19px;height:19px;flex-shrink:0;color:#90b1a2}.pd-faq details[open] summary svg{transform:rotate(45deg)}.pd-faq details>p{font-size:15px;line-height:1.9;color:#b8cfc4;margin:18px 30px 0 0}.pd-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pd-related-card{border:1px solid #213d33;border-radius:15px;padding:30px;display:flex;flex-direction:column;background:#00110f}.pd-related-card:hover{border-color:#6c9e8b;background:#08251c}.pd-related-card>svg{width:30px;height:30px;color:#adc17b;stroke-width:1.4}.reference-site .pd-related-card h3{font-size:22px;margin:24px 0 12px}.pd-related-card p{font-size:15px;line-height:1.8;color:#b5c8bf;margin:0 0 26px}.pd-related-card>span{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:auto}.pd-related-card>span svg{width:17px;height:17px}.pd-return{text-align:center;margin-top:45px}.pd-empty{padding:30px;border:1px solid #29463f;border-radius:10px;grid-column:1/-1;color:#bdcfca}#product-pricing{scroll-margin-top:100px}
@media(max-width:1100px){.pd-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-feature-copy{padding:30px}.pd-diagram{padding:18px}.pd-diagram-node{min-width:75px;font-size:10px}.pd-faq-layout{gap:40px}.pd-benefits{gap:28px}}
@media(max-width:760px){.reference-site .pd-hero{padding:55px 0 65px}.pd-hero-icon{width:58px;height:58px;margin-bottom:25px}.reference-site .pd-hero h1{font-size:34px;letter-spacing:-1px}.pd-hero p{font-size:16px}.pd-hero-status{font-size:10px}.pd-feature-banner,.pd-option-panel,.pd-faq-layout{grid-template-columns:1fr}.pd-diagram{min-height:270px}.pd-feature-copy{padding:28px}.reference-site .pd-feature-copy h2{font-size:25px}.reference-site .pd-section{padding:55px 0}.reference-site .pd-section h2{font-size:28px}.pd-section-heading{margin-bottom:32px}.pd-benefits{grid-template-columns:1fr;gap:32px}.pd-benefits>div{border-bottom:1px solid #203c34;padding-bottom:25px}.pd-benefit-icon{margin-bottom:12px}.pd-benefits p{font-size:15px}.pd-option-tabs{gap:8px}.pd-option-tabs button{font-size:12px;padding:9px 15px}.pd-option-copy,.pd-option-context{padding:28px}.pd-option-context{border-left:0;border-top:1px solid #203c34}.pd-availability{flex-direction:column;align-items:flex-start;padding:28px;gap:24px}.pd-faq-layout{gap:25px}.pd-faq summary{font-size:16px}.pd-related-grid{grid-template-columns:1fr}.pd-related-card{padding:27px}.pd-plan-grid{gap:14px}.pd-plan{padding:22px 16px}.pd-plan>strong{font-size:28px}.pd-plan p{font-size:12px}}
@media(max-width:420px){.pd-plan-grid{grid-template-columns:1fr}.pd-plan>strong{margin:14px 0}.pd-option-copy h3{font-size:25px}.pd-feature-copy p{font-size:15px}.pd-diagram-node{min-width:72px}.pd-diagram-title{font-size:8px}.pd-hero .hero-actions{gap:12px}.pd-hero .btn{font-size:14px;padding:10px 18px}}