/*
Theme Name: DivePlanQA
Author: OverLand
Description: Responsiv frontside for DivePlanQA med applenker, funksjoner og dykkelogg.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: diveplanqa
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--navy:#081e2b;--deep:#061721;--teal:#74e5d2;--ink:#102e3b;--muted:#536c76;--paper:#f6f8f5;--line:#dbe4df;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(30px,3.4vw,46px);font-weight:550}h3{font-size:24px;font-weight:600}em{font-style:normal;color:#9bead9}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #118b83;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-block:104px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700}.site-header{background:var(--navy);color:#eef9f6;border-bottom:1px solid #ffffff15;position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;font-weight:550;letter-spacing:-1px;white-space:nowrap}.brand b{font-weight:550;color:var(--teal)}.brand img{border-radius:12px}.brand span b{margin-left:1px}nav,nav ul{display:flex;align-items:center;gap:32px;font-size:13px}nav ul{list-style:none;margin:0;padding:0}nav a:hover{color:var(--teal)}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;background:var(--teal);color:var(--deep);padding:16px 23px;border-radius:8px;font-size:14px;font-weight:650;min-height:52px;transition:background .2s,transform .2s}.button:hover{background:#a1f2e3;color:var(--deep);transform:translateY(-2px)}.button.small{padding:10px 18px;min-height:42px;font-size:12px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;color:#eff7f7;background:radial-gradient(ellipse at 75% 40%,#164a50 0,transparent 52%),linear-gradient(125deg,#0a2533,#061721)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center;min-height:770px;padding-block:64px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#a0c4c6;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px #74e5d266;flex-shrink:0}h1{font-size:clamp(48px,5.7vw,80px);font-weight:550;margin:28px 0}.lead{font-size:17px;line-height:1.85;max-width:490px;color:#bed0d6}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:33px}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid #698b8d;padding-block:8px}.text-link:hover{color:#288d83}.hero-tags{display:flex;flex-wrap:wrap;gap:24px;margin-top:42px;font-size:11px;color:#9bb9c0}.hero-tags span:before{content:'✓';color:var(--teal);margin-right:8px}.hero-depth{position:absolute;inset:70px 18px 60px auto;display:flex;flex-direction:column;justify-content:space-between;color:#6c969c;font:10px monospace;opacity:.55}.hero-depth span:before{content:'—';margin-right:10px}.app-stage{position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;width:510px;height:510px;border:1px solid #9bead914;border-radius:50%;z-index:-1}.orbit-two{width:650px;height:650px}.floating-label{position:absolute;left:-24px;top:83px;z-index:2;border:1px solid #ffffff21;background:#16383feF;box-shadow:0 14px 40px #0002;padding:13px 17px;border-radius:10px;display:flex;gap:9px;align-items:center;font-size:11px;transform:rotate(-4deg)}.phone{width:310px;border:6px solid #36505a;border-radius:39px;background:#0c202c;box-shadow:30px 40px 90px #0006,inset 0 0 0 1px #86b5bd22;padding:15px 17px 10px;transform:rotate(5deg);color:#eef9f9}.phone-top{display:flex;justify-content:space-between;font-size:9px;margin:0 9px 25px}.phone-brand{display:flex;align-items:center;font-size:17px;letter-spacing:-.6px}.phone-brand>span:first-child{color:var(--teal)}.avatar{margin-left:auto;background:#29444d;padding:6px;border-radius:50%;font-size:9px;letter-spacing:0}.phone-heading{margin:23px 0}.phone-heading>span{font-size:8px;letter-spacing:.15em;color:var(--teal)}.phone-heading h2{font-size:25px;line-height:1.16;margin:8px 0}.phone-heading p{font-size:9px;color:#9db4bd}.dive-card{background:#142e3a;border:1px solid #aacaca17;border-radius:14px;padding:15px 12px}.card-heading{display:flex;justify-content:space-between;font-size:10px}.live{color:var(--teal);font-size:6px;letter-spacing:.12em;padding:3px 6px;border-radius:4px;background:#74e5d213}.chart{position:relative;margin:22px 0 15px;padding-left:20px}.chart svg{width:100%;display:block;height:130px}.chart-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;font-size:7px;color:#9bb5bf}.chart-lines span{width:100%;border-bottom:1px solid #ffffff0c}.chart-time{display:flex;justify-content:space-between;font-size:6px;color:#9bb5bf}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff12;padding-top:13px;gap:7px}.metrics small{font-size:7px;color:#9eb7c1;display:block}.metrics strong{display:block;font-size:20px;font-weight:550;margin-top:4px;line-height:1.3}.metrics strong small{display:inline;font-size:10px}.phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.phone-tiles>div{background:#142e3a;border:1px solid #ffffff0b;border-radius:12px;padding:12px}.phone-tiles span{display:block;color:var(--teal);font-size:20px}.phone-tiles strong{display:block;font-size:10px;font-weight:500;margin:7px 0 3px}.phone-tiles small{font-size:7px;color:#9eb7c1}.phone-nav{display:flex;justify-content:space-between;font-size:16px;text-align:center;margin-top:25px;border-top:1px solid #ffffff10;padding-top:11px;color:#8ca5b0}.phone-nav small{display:block;font-size:7px;margin-top:2px}.phone-nav .selected{color:var(--teal)}.stage-caption{font-size:9px;color:#94b3ba;margin-top:25px;letter-spacing:.08em}.trust-strip{background:#eaf0eb;border-bottom:1px solid var(--line)}.trust-strip .wrap{display:flex;justify-content:space-between;padding-block:26px;gap:20px;font-size:13px}.trust-strip .wrap>span:first-child{font-size:10px;letter-spacing:.12em;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.section-heading .eyebrow{color:#447269;margin-bottom:18px}.section-heading>p{max-width:310px;font-size:14px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;min-height:265px}.feature.featured{background:#e9f1eb}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c5d9d0;border-radius:12px;font-size:25px;color:#2d776c;margin-bottom:27px}.feature-number{position:absolute;right:30px;top:35px;font-size:11px;letter-spacing:.1em;color:#637e76}.feature h3{margin-bottom:14px}.feature p{color:var(--muted);font-size:14px;max-width:450px}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.feature-pills span{font-size:10px;padding:4px 10px;border:1px solid #cadbd2;border-radius:5px}.workflow{background:var(--navy);color:#eef9f6}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.workflow .eyebrow{color:var(--teal);margin-bottom:24px}.workflow h2{line-height:1.2}.muted{color:#b4c7cb;margin:25px 0;max-width:400px;font-size:15px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid #ffffff18}.steps li:first-child{padding-top:0}.steps li>span{font-size:11px;color:var(--teal);padding-top:5px}.steps h3{font-size:23px;font-weight:500;margin-bottom:12px}.steps p{font-size:14px;color:#b4c7cb;max-width:365px}.download-panel{text-align:center;padding:65px 30px;border:1px solid #d5e2d9;border-radius:28px;background:radial-gradient(ellipse at 50% 0,#d9ece0,transparent 75%),#eaf1eb}.download-panel img{border-radius:23px;margin-bottom:23px}.download-panel .eyebrow{color:#3e7265}.download-panel h2{font-size:clamp(34px,4.5vw,58px);margin:17px 0}.download-panel>p:not(.eyebrow){color:var(--muted);font-size:15px}.download-actions{justify-content:center}.download-actions .button{background:var(--navy);color:white}.availability{color:#46675e;font-size:13px;border:1px solid #c2d8cc;padding:12px 20px;border-radius:8px;background:#ffffff60}.faq{padding-top:0;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq .eyebrow{color:#447269;margin-bottom:20px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;font-size:16px;font-weight:550}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:21px;color:#427368}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);padding-top:15px;max-width:550px}.site-footer{background:var(--deep);color:#c1d0d4;padding:50px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.footer-top p{font-size:13px}.footer-top>a:last-child{font-size:13px;color:var(--teal)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff16;padding-top:24px;font-size:11px;color:#92a9b2}.footer-bottom>div{display:flex;gap:24px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px 20px;color:var(--ink)}.skip-link:focus{top:10px}.content-page{max-width:850px;min-height:60vh;overflow-wrap:anywhere}.content-page article{margin-bottom:40px}.content-page h1{font-size:clamp(34px,5vw,56px)}.content-page p,.content-page ul,.content-page h2{margin-block:22px}.content-page a:not(.button){text-decoration:underline}.content-page iframe{max-width:100%}.content-page table{display:block;overflow:auto}.content-page .alignwide,.content-page .alignfull{max-width:100%}
@media(min-width:1600px){.hero-grid{min-height:830px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:25px}.hero-copy h1{font-size:60px}nav,nav ul{gap:20px}.floating-label{left:-10px;top:60px}.workflow-grid{gap:50px}.hero-depth{display:none}.hero-tags{gap:13px}.section-heading{gap:30px}.phone{width:290px}.hero .actions{gap:16px}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.header-inner{min-height:78px}.brand{font-size:23px}.brand img{width:36px}.menu-toggle{display:flex;gap:13px;align-items:center;border:1px solid #ffffff35;border-radius:7px;background:transparent;color:white;padding:8px 12px;font-size:13px;min-height:44px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--navy);padding:20px;box-shadow:0 20px 30px #0003;align-items:stretch;gap:0}nav.is-open,nav ul{display:flex;flex-direction:column;align-items:stretch}nav>a:not(.button),nav li a{display:block;padding:14px 5px}nav ul{gap:0}nav .button{margin-top:10px}.hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:35px;gap:60px}.hero-copy h1{font-size:clamp(45px,10.5vw,72px);margin:24px 0}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.lead{font-size:16px;max-width:550px}.hero .actions{gap:20px}.hero-tags{font-size:10px;margin-top:30px;gap:20px}.app-stage{max-width:390px;width:100%;margin:auto}.phone{width:285px;transform:rotate(3deg)}.floating-label{left:0;top:55px;font-size:10px;padding:10px 13px}.orbit{width:380px;height:380px}.orbit-two{width:490px;height:490px}.trust-strip .wrap{flex-wrap:wrap;justify-content:space-between;font-size:11px;gap:16px}.trust-strip .wrap>span:first-child{width:100%;font-size:9px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:500px;margin-top:20px}.section-heading h2{font-size:32px}.feature-grid{gap:14px}.feature{padding:25px;min-height:0}.feature h3{font-size:22px}.feature p{font-size:13px}.feature-number{right:25px;top:29px}.workflow-grid{grid-template-columns:1fr;gap:40px}.steps p{max-width:none}.download-panel{padding:45px 22px}.download-panel h2{font-size:36px}.faq{grid-template-columns:1fr;gap:32px;padding-top:0}.faq h2{font-size:32px}.footer-top{flex-wrap:wrap}.footer-top p{width:100%;order:3}.footer-bottom{font-size:10px}.content-page h1{font-size:38px}}
@media(max-width:480px){.feature-grid{grid-template-columns:1fr}.feature{padding:27px}.feature-icon{margin-bottom:22px}.hero .actions{align-items:flex-start;flex-direction:column;gap:12px}.hero .button{width:100%;justify-content:space-between}.hero-tags{gap:14px}.phone{width:270px}.floating-label{left:-2px;top:60px;font-size:9px}.hero-grid{gap:45px}.download-panel h2{font-size:31px}.download-actions .button{width:100%}.availability{font-size:12px}.faq summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}